.studio-page[data-v-c0a47abb]{display:flex;height:100vh;min-height:0;flex-direction:column;overflow:hidden;background:#0d0f14;color:#f4f4f5;padding:24px;font-family:Inter,system-ui,sans-serif}.studio-head[data-v-c0a47abb],.studio-controls[data-v-c0a47abb],.folder-publish[data-v-c0a47abb],.studio-bulk[data-v-c0a47abb],.studio-pages[data-v-c0a47abb]{display:flex;flex:0 0 auto;gap:12px;align-items:center;flex-wrap:wrap}.studio-head[data-v-c0a47abb]{justify-content:space-between;margin-bottom:20px}.studio-head p[data-v-c0a47abb]{color:#9b87f5;margin:0}.studio-head h1[data-v-c0a47abb]{margin:4px 0}.studio-head a[data-v-c0a47abb],.studio-table a[data-v-c0a47abb]{color:#b9a9ff}.studio-controls[data-v-c0a47abb],.folder-publish[data-v-c0a47abb],.studio-bulk[data-v-c0a47abb]{padding:12px;background:#171a22;border:1px solid #2a2f3b;border-radius:12px;margin-bottom:12px}.studio-controls input[data-v-c0a47abb]{min-width:280px;flex:1}input[data-v-c0a47abb],select[data-v-c0a47abb],button[data-v-c0a47abb]{background:#222633;color:#fff;border:1px solid #3a4050;border-radius:8px;padding:9px}button[data-v-c0a47abb]{cursor:pointer}button[data-v-c0a47abb]:disabled{opacity:.45}.studio-table-wrap[data-v-c0a47abb]{position:relative;flex:1 1 auto;min-height:220px;overflow:auto;border:1px solid #2a2f3b;border-radius:12px}.studio-table[data-v-c0a47abb]{width:100%;border-collapse:collapse;background:#13161d}.studio-table thead[data-v-c0a47abb]{position:sticky;z-index:1;top:0;background:#181c25}.studio-table th[data-v-c0a47abb],.studio-table td[data-v-c0a47abb]{padding:10px;border-bottom:1px solid #252a35;text-align:left;vertical-align:middle}.studio-table td[data-v-c0a47abb]:nth-child(5),.studio-table td[data-v-c0a47abb]:nth-child(6),.studio-table th[data-v-c0a47abb]:nth-child(5),.studio-table th[data-v-c0a47abb]:nth-child(6){text-align:center}.studio-table small[data-v-c0a47abb]{display:block;color:#969dab;margin-top:3px}.studio-table td span[data-v-c0a47abb]{display:inline-block;background:#292e3a;border-radius:12px;padding:3px 7px;margin:2px;font-size:12px}.studio-table tr.pending[data-v-c0a47abb]{opacity:.55}.studio-pages[data-v-c0a47abb]{justify-content:center;margin:8px}.studio-loading-more[data-v-c0a47abb]{text-align:center;color:#9da3b0}.studio-error[data-v-c0a47abb]{flex:0 0 auto;background:#4a1720;color:#ffd6db;padding:10px;border-radius:8px}.publish-log[data-v-c0a47abb]{flex:0 0 auto;max-height:180px;overflow:auto;border-top:1px solid #252a35;padding-top:8px}.publish-log summary[data-v-c0a47abb]{cursor:pointer;font-weight:700}.publish-log article[data-v-c0a47abb]{display:grid;grid-template-columns:170px 100px 170px 1fr;gap:8px;padding:8px;border-bottom:1px solid #252a35}.publish-log time[data-v-c0a47abb],.publish-log span[data-v-c0a47abb]{color:#9da3b0}.publish-log em[data-v-c0a47abb]{font-style:normal}audio[data-v-c0a47abb]{flex:0 0 auto;width:min(720px,100%);height:42px;margin-top:8px}@media(max-width:720px){.studio-page[data-v-c0a47abb]{padding:12px}.studio-head[data-v-c0a47abb]{margin-bottom:10px}.studio-controls[data-v-c0a47abb],.folder-publish[data-v-c0a47abb],.studio-bulk[data-v-c0a47abb]{padding:8px;margin-bottom:8px}.studio-table-wrap[data-v-c0a47abb]{min-height:160px}.studio-table[data-v-c0a47abb]{min-width:850px}.publish-log[data-v-c0a47abb]{max-height:120px}.publish-log article[data-v-c0a47abb]{grid-template-columns:1fr 1fr}.studio-controls input[data-v-c0a47abb]{min-width:180px}}:root{color:#f5f5f7;background:#0d0d0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-synthesis:none;--accent: #7f5af0;--accent-soft: rgba(127, 90, 240, .16);--liked: #ff5c8a;--base: #0d0d0f;--surface: #171719;--surface-2: #202024;--elevated: #29292f;--hover: #34343b;--line: rgba(255,255,255,.09);--line-strong: rgba(255,255,255,.16);--text: #f5f5f7;--muted: #94949f;--sidebar: 280px;--panel: 390px;--player: 74px}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-width:320px;min-height:100%;background:var(--base)}body{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,article:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#3a3a42;border-radius:20px}::-webkit-scrollbar-track{background:transparent}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);height:100vh;padding-bottom:var(--player);background:var(--base)}.app-shell.panel-visible{grid-template-columns:var(--sidebar) minmax(420px,1fr) var(--panel)}.sidebar{min-width:0;overflow-y:auto;border-right:1px solid var(--line);background:#121214;padding:15px 13px 28px}.brand-row{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 4px 12px;font-size:15px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#fff;font-weight:800;background:linear-gradient(135deg,#a78bfa,#6d3fe5);box-shadow:0 0 18px #7f5af047}.mobile-close,.mobile-menu,.drawer-backdrop,.track-modal-backdrop{display:none}.sidebar-search{display:grid;grid-template-columns:1fr 34px 24px;align-items:center;gap:4px;margin-bottom:13px}.sidebar-search input,.page-search{width:100%;height:36px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--surface-2)}.sidebar-search button{height:34px;border:0;border-radius:7px;color:#fff;background:var(--accent);font-size:20px}.dsl-help{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);font-size:11px;cursor:help}.big-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.big-counts div{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.big-counts strong{display:block;font-size:21px;letter-spacing:-.03em}.big-counts span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.12em}.section-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.section-links a{padding:8px 9px;border:1px solid var(--line);border-radius:7px;color:#d9d9df;background:var(--surface-2);font-size:12px;text-align:center}.section-links a:hover{border-color:var(--accent);color:#fff}.ai-note{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.4}.smart-block,.insights{border-top:1px solid var(--line);padding:10px 2px}.smart-block summary,.insights summary{color:#c9c9d0;font-size:12px;font-weight:650;cursor:pointer}.smart-block button,.insights button{width:100%;margin-top:6px;padding:6px 8px;border:0;border-radius:5px;color:var(--muted);background:transparent;font-size:11px;text-align:left}.smart-block button:hover,.insights button:hover{color:#fff;background:var(--surface-2)}.filters-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 5px;color:var(--muted);font-size:10px;letter-spacing:.12em}.filters-title button,.facet-section h3 button{border:0;color:#a98dff;background:transparent;font-size:10px}.facet-section{margin-bottom:10px}.facet-section h3{display:flex;justify-content:space-between;margin:0 0 5px;color:#a8a8b1;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.facet-chips{display:flex;flex-wrap:wrap;gap:4px}.facet-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:25px;padding:4px 7px;border:1px solid var(--line);border-radius:5px;color:#c9c9cf;background:var(--surface);font-size:10px}.facet-chip span{overflow:hidden;max-width:145px;text-overflow:ellipsis;white-space:nowrap}.facet-chip b{color:#777780;font-size:9px;font-weight:600}.facet-chip i,.folder-choice i{flex:0 0 auto;width:7px;height:7px;border-radius:50%}.facet-chip:hover{border-color:var(--line-strong);background:var(--surface-2)}.facet-chip.include,.folder-choice.include{border-color:var(--accent);color:#ded4ff;background:var(--accent-soft)}.facet-chip.include:before{content:"+";color:#bba9ff;font-weight:800}.facet-chip.exclude,.folder-choice.exclude{border-color:#d45c68;color:#ffc2c7;background:#d45c681f;text-decoration:line-through}.facet-chip.exclude:before{content:"−";color:#ff7d89;font-weight:800}.facet-chip.more{border-style:dashed;color:#a98dff}.date-row{display:flex;align-items:center;gap:4px}.date-row input{width:calc(50% - 8px);height:29px;border:1px solid var(--line);border-radius:5px;color:#c7c7ce;background:var(--surface);font-size:10px;color-scheme:dark}.date-row span{color:var(--muted);font-size:9px}.filter-summary{margin:12px 0 3px;padding:8px;border-radius:6px;color:#aaaab4;background:var(--surface);font-size:10px;line-height:1.45}.insights p{margin:7px 0;color:var(--muted);font-size:10px;line-height:1.35}.insights b{color:#d5d5da}.library-zone{display:flex;min-width:0;height:calc(100vh - var(--player));flex-direction:column;overflow:hidden}.library-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;min-height:82px;padding:13px 18px 12px;border-bottom:1px solid var(--line);background:#121214f5}.crumb{margin:0 0 3px;color:#9d83f8;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.library-toolbar h1,.index-header h1{margin:0;font-size:21px;letter-spacing:-.02em}.library-toolbar>div>span{color:var(--muted);font-size:11px}.view-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px}.view-controls select,.view-controls>button,.segmented{height:31px;border:1px solid var(--line);border-radius:6px;color:#c4c4cb;background:var(--surface-2);font-size:10px}.view-controls select{padding:0 7px}.view-controls>button{padding:0 9px}.view-controls button.active,.segmented button.active{color:#fff;background:var(--accent-soft);border-color:#7f5af099}.segmented{display:flex;overflow:hidden}.segmented button{width:28px;border:0;border-right:1px solid var(--line);color:var(--muted);background:transparent;font-size:10px}.segmented button:last-child{border-right:0}.bulk-bar{display:flex;align-items:center;gap:8px;padding:7px 18px;border-bottom:1px solid rgba(127,90,240,.3);color:#ded7ff;background:var(--accent-soft);font-size:11px}.bulk-bar select,.bulk-bar button{height:27px;border:1px solid var(--line-strong);border-radius:5px;color:#fff;background:var(--surface-2);font-size:10px}.bulk-bar b{margin-right:auto}.catalog-scroll{position:relative;flex:1;min-width:0;overflow:auto;padding:14px 16px 28px}.virtual-canvas{position:relative;width:100%;min-height:100%}.track-card{position:absolute;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .12s,background .12s,box-shadow .12s}.track-card:hover,.track-card.selected{z-index:2;border-color:#7f5af0a6;background:#1c1c20;box-shadow:0 7px 20px #00000052}.track-card.checked{box-shadow:inset 0 0 0 2px var(--accent)}.track-card.missing{border-color:#dd8c932e;background:#151517}.track-card.missing .cover-wrap{opacity:.55;filter:saturate(.55)}.select-card{position:absolute;z-index:5;top:7px;left:7px;opacity:0;transition:opacity .12s}.track-card:hover .select-card,.track-card.checked .select-card{opacity:1}.select-card input{accent-color:var(--accent)}.cover-wrap{position:relative;overflow:hidden;width:100%;aspect-ratio:1.28;background:#25252b}.cover-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s}.track-card:hover .cover-wrap img{transform:scale(1.025)}.cover-placeholder,.panel-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#ffffffa6;background:linear-gradient(145deg,#563da7,#27223a 60%,#19191e);font-size:46px;font-weight:750}.cover-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;color:#fff;background:#0a0a0cd1;opacity:0;transform:translate(-50%,-44%);transition:opacity .12s,transform .12s}.track-card:hover .cover-play{opacity:1;transform:translate(-50%,-50%)}.cover-play:disabled{cursor:not-allowed}.badges{position:absolute;right:6px;bottom:6px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px}.badges span{padding:3px 5px;border-radius:4px;color:#eaeaf0;background:#08080ad1;font-size:8px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badges .local-heart{color:#ff7aa0}.card-body{min-width:0;padding:8px 9px 10px}.card-body h2{overflow:hidden;margin:0;color:#f2f2f5;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.card-subtitle{display:-webkit-box;overflow:hidden;margin:3px 0 0;color:#bdbdc5;font-size:9px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-meta{display:flex;justify-content:space-between;gap:8px;margin:4px 0 6px;color:var(--muted);font-size:9px}.card-style,.highlight-snippet{display:-webkit-box;overflow:hidden;margin:0;color:#8f8f99;font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}mark{border-radius:2px;color:#fff;background:#7f5af08c}.missing-label{margin:5px 0 0;color:#dd8c93;font-size:8px;text-transform:uppercase}.size-m .card-body h2{font-size:13px}.size-l .card-body h2{font-size:15px}.size-l .card-style,.size-l .highlight-snippet{font-size:10px;-webkit-line-clamp:3}.view-list .track-card{display:grid;grid-template-columns:60px minmax(0,1fr);height:50px;border-radius:5px}.view-list .cover-wrap{width:50px;height:48px;aspect-ratio:auto;margin:0}.view-list .cover-placeholder{font-size:18px}.view-list .cover-play{width:27px;height:27px;font-size:9px}.view-list .card-body{display:grid;grid-template-columns:minmax(180px,1.4fr) 150px minmax(120px,1fr);align-items:center;gap:14px;padding:6px 10px 6px 0}.view-list .card-meta{margin:0}.view-list .card-style,.view-list .highlight-snippet{-webkit-line-clamp:1}.view-list .badges{right:auto;left:54px;bottom:3px}.view-list .select-card{top:16px;left:31px}.loading-state,.empty-state{display:flex;height:55vh;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--muted)}.loading-more{padding:14px 0 6px;color:var(--muted);font-size:10px;text-align:center}.empty-state strong{color:var(--text);font-size:18px}.error{margin:8px 16px 0;padding:9px;border:1px solid rgba(255,92,92,.35);border-radius:6px;color:#ffb0b0;background:#ff5c5c17;font-size:11px}.track-panel{position:relative;min-width:0;height:calc(100vh - var(--player));overflow-y:auto;border-left:1px solid var(--line);background:#141416}.panel-close{position:absolute;z-index:3;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:7px;color:#fff;background:#0f0f12bf;font-size:20px}.panel-head{padding:14px 14px 9px}.panel-head img,.panel-placeholder{width:100%;height:225px;border-radius:8px;object-fit:cover}.panel-head h2{margin:11px 0 4px;font-size:18px}.panel-head p{margin:0;color:var(--muted);font-size:10px}.service-id{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#777780;font-size:8px}.service-id code{color:#9999a2;font:inherit}.service-id button{padding:3px 5px;border:1px solid var(--line);border-radius:4px;color:#9999a2;background:transparent;font-size:8px}.panel-actions{display:flex;gap:5px;padding:0 14px 11px}.panel-actions button,.panel-actions a{flex:1;padding:7px 5px;border:1px solid var(--line);border-radius:5px;color:#c8c8ce;background:var(--surface-2);font-size:9px;text-align:center}.panel-actions button.active{border-color:var(--liked);color:#ff88a9;background:#ff5c8a1f}.panel-tabs{position:sticky;z-index:2;top:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#141416}.panel-tabs button{padding:10px 2px 8px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font-size:9px}.panel-tabs button.active{border-color:var(--accent);color:#fff}.panel-content{padding:12px 14px 28px}.version-list{display:grid;gap:6px}.version-list article{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.version-list article.definitive{border-left:3px solid var(--accent)}.version-list article>button{width:28px;height:28px;border:0;border-radius:50%;color:#fff;background:var(--elevated)}.version-list article div{min-width:0;flex:1}.version-list b{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.version-list p{margin:3px 0 0;color:var(--muted);font-size:8px}.version-list span{color:var(--liked)}.version-list em{color:#b29cfa;font-size:8px}.text-tab>button{float:right;padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:#fff;background:var(--surface-2);font-size:9px}.text-tab pre,.lyrics-grid pre{margin:0;color:#d6d6dd;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.prompt-tab>p{margin:0 0 12px;color:#d1d1d7;font-size:11px;line-height:1.5}.prompt-tab>div,.style-tags{display:flex;flex-wrap:wrap;gap:5px}.prompt-tab button,.style-tags button{padding:5px 7px;border:1px solid rgba(127,90,240,.3);border-radius:12px;color:#cfc4f8;background:var(--accent-soft);font-size:9px}.comments-tab form{display:grid;gap:6px;margin-bottom:10px}.comments-tab textarea,.curation-edit textarea,.curation-edit input,.curation-edit select{width:100%;padding:8px;border:1px solid var(--line);border-radius:5px;color:#fff;background:var(--surface-2);resize:vertical;font-size:10px}.comments-tab form button,.curation-edit>button{justify-self:end;padding:6px 9px;border:0;border-radius:5px;color:#fff;background:var(--accent);font-size:9px}.comments-tab article{padding:8px 0;border-bottom:1px solid var(--line)}.comments-tab article>div{display:flex;align-items:center;gap:6px;font-size:9px}.comments-tab time{color:var(--muted)}.comments-tab article button{margin-left:auto;border:0;color:var(--muted);background:transparent}.comments-tab article p{margin:6px 0 0;color:#ceced4;font-size:10px;line-height:1.45;white-space:pre-wrap}.curation-edit{display:grid;gap:6px;margin-top:18px;padding-top:13px;border-top:1px solid var(--line)}.curation-edit label{color:var(--muted);font-size:9px}.curation-edit label textarea,.curation-edit label input,.curation-edit label select{margin-top:4px}.player-bar{position:fixed;z-index:200;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(180px,320px) 42px 38px minmax(150px,1fr) 38px 18px 80px;align-items:center;gap:9px;height:var(--player);padding:9px 16px;border-top:1px solid var(--line-strong);background:#141417f7;box-shadow:0 -8px 24px #00000040;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-bar audio{display:none}.now-playing{display:flex;min-width:0;align-items:center;gap:9px}.now-playing img,.mini-cover{flex:0 0 auto;width:46px;height:46px;border-radius:5px;object-fit:cover}.mini-cover{display:grid;place-items:center;color:#c7b9fb;background:var(--accent-soft)}.now-playing div:last-child{min-width:0}.now-playing b,.now-playing span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing b{font-size:11px}.now-playing span{margin-top:4px;color:var(--muted);font-size:9px}.transport{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;color:#fff;background:var(--accent)}.player-bar>span{color:var(--muted);font-size:9px;text-align:center}.progress,.volume{accent-color:var(--accent)}.progress{width:100%}.volume{width:80px}.modal-backdrop{position:fixed;z-index:500;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#000000c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.folder-modal{display:flex;width:min(540px,96vw);max-height:82vh;flex-direction:column;padding:15px;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface);box-shadow:0 20px 60px #0000008c}.folder-modal header{display:flex;align-items:center;justify-content:space-between}.folder-modal h2{margin:0 0 10px;font-size:20px}.folder-modal header>button{border:0;color:#fff;background:transparent;font-size:24px}.folder-modal>input,.folder-modal form input,.create-folder-page input{width:100%;height:35px;padding:0 9px;border:1px solid var(--line);border-radius:6px;color:#fff;background:var(--surface-2)}.folder-select-actions{display:flex;gap:5px;margin:8px 0}.folder-select-actions button{padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--surface-2);font-size:9px}.folder-list{overflow-y:auto}.folder-list article{display:grid;grid-template-columns:1fr 30px 30px 30px;gap:5px;margin-bottom:4px}.folder-choice{display:flex;min-width:0;align-items:center;gap:8px;padding:8px;border:1px solid transparent;border-radius:5px;color:#d0d0d6;background:var(--surface-2);text-align:left}.folder-choice span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.folder-choice b{color:var(--muted);font-size:9px}.folder-list article>button:not(.folder-choice){border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--surface-2)}.folder-color{width:30px;height:30px;align-self:center;padding:2px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);cursor:pointer}.folder-modal form{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.folder-modal form button,.create-folder-page button{border:0;border-radius:5px;color:#fff;background:var(--accent)}.index-page{width:100%;height:100vh;overflow-y:auto;padding:24px clamp(18px,4vw,64px) 60px;background:var(--base)}.index-header{display:flex;align-items:end;gap:28px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.index-header>a{padding:7px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:10px}.index-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:18px}.index-controls>input{min-width:280px;flex:1;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:6px;color:#fff;background:var(--surface)}.index-controls label{color:var(--muted);font-size:10px}.index-controls input[type=checkbox]{accent-color:var(--accent)}.index-controls button{height:36px;padding:0 14px;border:0;border-radius:6px;color:#fff;background:var(--accent)}.lyrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px}.lyrics-grid>article{overflow:hidden;min-height:260px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.lyrics-grid article header{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;margin-bottom:10px}.lyrics-grid img{width:40px;height:40px;border-radius:5px;object-fit:cover}.lyrics-grid h2{overflow:hidden;margin:0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.lyrics-grid time{color:var(--muted);font-size:8px}.lyrics-grid header button{border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--surface-2);font-size:9px}.lyrics-grid pre{max-height:180px;overflow:hidden}.style-tags{margin-top:10px}.index-tabs{display:flex;gap:5px;margin-bottom:14px}.index-tabs button{padding:8px 13px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface)}.index-tabs button.active{border-color:var(--accent);color:#fff;background:var(--accent-soft)}.prompt-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:7px}.prompt-index>button{display:grid;grid-template-columns:1fr auto;gap:7px;padding:11px;border:1px solid var(--line);border-radius:7px;color:#d4d4da;background:var(--surface);text-align:left}.prompt-index>button:hover{border-color:#7f5af099}.prompt-index span{grid-row:span 2;font-size:10px;line-height:1.4}.prompt-index b,.prompt-index em{color:var(--muted);font-size:8px;font-style:normal;text-align:right}.keyword-cloud{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.keyword-cloud button{padding:5px 8px;border:1px solid var(--line);border-radius:16px;color:#cdbfff;background:var(--accent-soft)}.keyword-cloud b{color:var(--muted);font-size:8px}.folder-page{max-width:900px;margin:0 auto}.page-search{margin-bottom:12px}.page-list article{grid-template-columns:1fr 38px auto auto}.page-list article>button{padding:0 10px}.create-folder-page{display:grid;grid-template-columns:1fr 110px;gap:7px;margin-top:14px}.not-found{display:grid;min-height:100vh;place-content:center;color:#fff;text-align:center}.not-found a{color:#bca9ff}@media(max-width:1180px){:root{--sidebar: 250px;--panel: 350px}.app-shell.panel-visible{grid-template-columns:var(--sidebar) minmax(360px,1fr) var(--panel)}.library-toolbar{align-items:start;flex-direction:column}.view-controls{justify-content:flex-start}.view-list .card-body{grid-template-columns:minmax(140px,1fr) 130px}.view-list .card-style,.view-list .highlight-snippet{display:none}}@media(max-width:900px){body{overflow:hidden}.app-shell,.app-shell.panel-visible{display:block;padding-bottom:var(--player)}.sidebar{position:fixed;z-index:450;inset:0 auto var(--player) 0;width:min(320px,88vw);transform:translate(-105%);transition:transform .16s;box-shadow:16px 0 40px #00000080}.sidebar.open{transform:none}.drawer-backdrop,.track-modal-backdrop{position:fixed;display:block;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:#000000ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-backdrop{z-index:440;bottom:var(--player)}.track-modal-backdrop{z-index:290;bottom:var(--player)}.mobile-close{display:block;margin-left:auto;border:0;color:#fff;background:transparent;font-size:23px}.mobile-menu{position:fixed;z-index:210;top:13px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:6px;color:#fff;background:var(--surface-2)}.library-zone{height:calc(100vh - var(--player))}.track-panel{position:fixed;z-index:300;inset:0 0 var(--player) auto;width:min(var(--panel),100vw);box-shadow:-15px 0 40px #00000080}.player-bar{grid-template-columns:minmax(120px,1fr) 38px minmax(100px,1fr);padding:8px 10px}.player-bar>span,.player-bar .volume,.player-bar>span:nth-last-of-type(1){display:none}.now-playing img,.mini-cover{width:40px;height:40px}}@media(max-width:600px){:root{--player: 68px}.library-toolbar{min-height:116px;padding:11px 12px}.library-toolbar h1{font-size:18px}.view-controls{gap:4px;padding-right:35px}.catalog-scroll{padding:10px 10px calc(var(--player) + 22px);scroll-padding-bottom:calc(var(--player) + 22px)}.track-panel{inset:8px 8px calc(var(--player) + 8px);width:auto;height:auto;border:1px solid var(--line-strong);border-radius:11px}.panel-head img,.panel-placeholder{height:min(42vh,225px)}.view-list .card-body{display:block;padding-top:9px}.view-list .card-meta{margin-top:4px}.index-page{padding:16px 12px 40px}.index-header{align-items:start;flex-direction:column;gap:12px}.index-controls{align-items:start;flex-direction:column}.index-controls>input{width:100%;min-width:0}.lyrics-grid,.prompt-index{grid-template-columns:1fr}}