body{min-height:100vh;display:flex;flex-direction:column}header{padding:24px 32px 0;display:flex;align-items:center;gap:8px}.header-icon{width:32px;height:32px;flex-shrink:0}header h1{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}header h1 span{color:var(--accent)}.subtitle{color:var(--text-muted);font-size:13px;flex:1}.btn-icon{background:0 0;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px 6px;border-radius:var(--radius);line-height:1;transition:color .15s,background .15s}.btn-icon:hover{color:var(--text);background:var(--surface-hover)}.btn-settings{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:13px;font-family:var(--font);cursor:pointer;padding:6px 14px;border-radius:var(--radius);transition:color .15s,border-color .15s,background .15s}.btn-settings:hover{color:var(--text);border-color:var(--accent);background:var(--surface-hover)}main{max-width:980px;width:100%;margin:32px auto;padding:0 32px;display:flex;flex-direction:row;gap:40px;flex:1;align-items:flex-start}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.side-nav{width:170px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding-top:2px}.side-nav-section{display:flex;flex-direction:column;gap:1px}.side-nav-link{display:block;font-size:13px;color:var(--text-muted);text-decoration:none;padding:5px 10px;border-radius:4px;transition:color .15s,background .15s}.side-nav-link:hover{color:var(--text);background:var(--surface-hover)}.side-nav-sep{height:1px;background:var(--border);margin:8px 4px}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px;text-align:center;color:var(--text-muted);transition:border-color .15s,background .15s;cursor:pointer}.drop-zone.drag-over{border-color:var(--accent);background:rgba(79,142,247,.06);color:var(--text)}.drop-zone p{margin-bottom:12px}.folder-list{display:flex;flex-direction:column;gap:10px}.folder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:start}.folder-card .folder-desc,.folder-card .folder-name{width:100%;background:var(--surface-hover);border:1px solid transparent;border-radius:4px;color:var(--text-muted);font-family:var(--font);outline:0;transition:border-color .15s,color .15s}.folder-card .folder-desc:focus,.folder-card .folder-name:focus{border-color:var(--accent);color:var(--text)}.folder-card .folder-name{font-weight:600;font-size:14px;padding:4px 8px}.folder-card .folder-desc{grid-column:1;font-size:12px;resize:none;line-height:1.4;padding:6px 8px}.folder-card .actions{grid-row:1/3;grid-column:2;display:flex;gap:6px;align-items:center}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(1080px,95vw);height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px;flex-shrink:0}.settings-frame{flex:1;border:none;border-radius:0 0 var(--radius) var(--radius)}.app-footer{max-width:980px;margin:8px auto 24px;padding:0 32px;color:var(--text-muted);font-size:11px;line-height:1.4;text-align:center;opacity:.72}