@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#fafafa;--panel:#fff;--panel-soft:#f7f7f7;--text:#171717;--muted:#737373;--subtle:#a3a3a3;--line:#e5e5e5;--line-strong:#d4d4d4;--hover:#f2f2f2;--pressed:#ebebeb;--inverse:#171717;--inverse-text:#fff;--shadow:0 1px 2px #0000000a, 0 1px 5px #00000008;--sidebar-width:236px;--topbar-height:52px;--radius:8px;background:#fafafa;font-family:Geist Variable,ui-sans-serif,system-ui,sans-serif}[data-theme=dark]{--bg:#0a0a0a;--panel:#111;--panel-soft:#161616;--text:#ededed;--muted:#a1a1aa;--subtle:#71717a;--line:#262626;--line-strong:#383838;--hover:#1b1b1b;--pressed:#242424;--inverse:#ededed;--inverse-text:#111;--shadow:0 1px 2px #00000059, 0 6px 24px #0000001f}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb, var(--text) 18%, transparent)}button,a,input{outline:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--text);outline-offset:2px}#root,.app-shell{min-height:100vh}.app-main{min-height:100vh;margin-left:var(--sidebar-width)}.app-content{width:100%}.mobile-only{display:none!important}.sidebar{z-index:40;width:var(--sidebar-width);background:var(--panel);border-right:1px solid var(--line);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-header{height:var(--topbar-height);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-size:14px;font-weight:620;display:inline-flex}.brand-mark{border:1px solid var(--line-strong);background:var(--panel-soft);border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.sidebar-nav{scrollbar-width:thin;flex:1;padding:10px 8px 18px;overflow-y:auto}.nav-item{width:100%;min-height:32px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:6px 9px;font-size:13px;transition:color .12s,background .12s;display:flex}.nav-item:hover{color:var(--text);background:var(--hover)}.nav-item.is-active{color:var(--text);background:var(--hover);font-weight:530}.nav-item svg{flex:none}.nav-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-group+.nav-group,.nav-group+.nav-item,.nav-item+.nav-group{margin-top:1px}.nav-group-button .nav-chevron{margin-left:auto;transition:transform .14s}.nav-group-button .nav-chevron.is-open{transform:rotate(180deg)}.nav-sublist{margin:2px 0 5px 17px;padding-left:13px;position:relative}.nav-sublist:before{content:"";background:var(--line);width:1px;position:absolute;inset:3px auto 3px 0}.nav-sublist .nav-item{min-height:29px;padding:5px 9px;font-size:12.5px}.sidebar-footer{border-top:1px solid var(--line);background:var(--panel);padding:8px}.connection-status{color:var(--subtle);align-items:center;gap:7px;margin:6px 5px 2px;font-size:11px;display:flex}.connection-status svg{opacity:.8}.sidebar-scrim{z-index:35;background:#0000006b;border:0;display:none;position:fixed;inset:0}.topbar{z-index:30;height:var(--topbar-height);border-bottom:1px solid color-mix(in srgb, var(--line) 90%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:1fr minmax(240px,360px) 1fr;align-items:center;padding:0 16px;display:grid;position:sticky;top:0}.topbar-start{align-items:center;gap:8px;display:flex}.mobile-page-title{font-size:13px;font-weight:550;display:none}.search-trigger{border:1px solid var(--line);background:var(--panel);height:30px;color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:0 8px 0 9px;font-size:12px;display:flex;box-shadow:0 1px 1px #00000005}.search-trigger:hover{border-color:var(--line-strong);color:var(--text)}.search-trigger span{text-align:left;flex:1}.search-trigger kbd,.command-search kbd{background:var(--panel-soft);color:var(--subtle);border:0;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:10px}.account-pill{border:1px solid var(--line);background:var(--panel);height:30px;color:var(--muted);border-radius:999px;justify-self:end;align-items:center;gap:6px;padding:0 9px;font-size:11.5px;display:inline-flex}.account-pill:hover{color:var(--text);border-color:var(--line-strong)}.icon-button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;place-items:center;width:30px;height:30px;display:inline-grid}.icon-button:hover{background:var(--hover);border-color:var(--line-strong)}.page{width:min(100%,1540px);margin:0 auto;padding:24px 28px 52px}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:40px;margin-bottom:18px;display:flex}.page-heading h1{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:620;line-height:1.35}.page-heading p{color:var(--muted);margin:3px 0 0;font-size:12.5px}.page-actions{align-items:center;gap:8px;display:flex}.button{border:1px solid var(--line-strong);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:31px;padding:0 11px;font-size:12px;font-weight:510;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.button.secondary{background:var(--panel);color:var(--text)}.button.secondary:hover{background:var(--hover)}.button.primary{background:var(--inverse);color:var(--inverse-text);border-color:var(--inverse)}.button.primary:hover{opacity:.88}.edit-hint{color:var(--muted);margin:-7px 0 14px;font-size:12px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:72px;grid-auto-flow:dense;gap:12px;display:grid}.widget-card{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:9px;flex-direction:column;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex;overflow:hidden}.widget-card:hover{border-color:var(--line-strong)}.widget-card.is-editing{cursor:grab;box-shadow:none;border-style:dashed}.widget-card.is-editing:active{cursor:grabbing;transform:scale(.997)}.widget-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 10px 0 11px;display:flex}.widget-heading{align-items:center;gap:7px;min-width:0;font-size:12px;font-weight:560;display:flex}.widget-heading span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.widget-heading svg{color:var(--muted)}.widget-grip{margin-left:-4px;color:var(--subtle)!important}.widget-open,.widget-edit-actions button{width:27px;height:27px;color:var(--subtle);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:inline-grid}.widget-open:hover,.widget-edit-actions button:hover{background:var(--hover);color:var(--text)}.widget-edit-actions{align-items:center;gap:1px;display:flex}.widget-body{flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:14px;display:flex;position:relative;overflow:hidden}.widget-empty-copy{flex-direction:column;gap:3px;display:flex}.widget-empty-copy strong{color:var(--muted);font-size:11.5px;font-weight:540}.widget-empty-copy span{max-width:36ch;color:var(--subtle);font-size:10.5px;line-height:1.35}.widget-list{opacity:.8;gap:9px;display:grid}.widget-list i{grid-template-columns:16px 1fr;align-items:center;gap:9px;display:grid}.widget-list i:before{content:"";background:var(--panel-soft);border:1px solid var(--line);border-radius:4px;width:16px;height:16px}.widget-list i span{background:var(--line);border-radius:3px;height:5px;display:block}.widget-list i span:last-child{background:color-mix(in srgb, var(--line) 70%, transparent);width:58%;margin-top:5px}.widget-gallery{grid-template-columns:1.4fr 1fr 1fr;gap:6px;min-height:72px;display:grid}.widget-gallery i{border:1px solid var(--line);background:linear-gradient(145deg, var(--panel-soft), color-mix(in srgb, var(--panel-soft) 70%, var(--line)));border-radius:6px}.widget-gallery i:first-child{grid-row:span 2}.widget-chart{height:76px;padding-top:4px}.widget-chart svg{width:100%;height:100%;overflow:visible}.widget-chart path{fill:none;stroke:var(--line-strong);stroke-width:2px;vector-effect:non-scaling-stroke}.widget-metric{flex-direction:column;gap:9px;display:flex}.skeleton-number{background:var(--line);border-radius:5px;width:42%;height:21px}.skeleton-line{background:color-mix(in srgb, var(--line) 78%, transparent);border-radius:3px;width:72%;height:6px}.skeleton-line.is-short{width:34%}.skeleton-track{background:var(--panel-soft);border-radius:4px;width:100%;height:5px;margin-top:4px;overflow:hidden}.skeleton-track i{background:var(--line-strong);width:43%;height:100%;display:block}.dashboard-empty{border:1px dashed var(--line-strong);min-height:320px;color:var(--muted);text-align:center;border-radius:10px;align-content:center;place-items:center;gap:8px;display:grid}.dashboard-empty strong{color:var(--text);font-size:14px}.dashboard-empty span{font-size:12px}.dashboard-empty .button{margin-top:6px}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000006b;place-items:start center;padding:min(14vh,120px) 20px 20px;display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--line-strong);background:var(--panel);border-radius:10px;width:min(560px,100%);overflow:hidden;box-shadow:0 22px 70px #00000038}.command-search{border-bottom:1px solid var(--line);height:48px;color:var(--muted);align-items:center;gap:9px;padding:0 12px;display:flex}.command-search input{min-width:0;color:var(--text);background:0 0;border:0;flex:1;font-size:14px}.command-search input::placeholder{color:var(--subtle)}.command-results{max-height:min(430px,60vh);padding:6px;overflow-y:auto}.command-result{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:42px;padding:6px 8px;display:flex}.command-result:hover,.command-result:focus-visible{background:var(--hover)}.command-icon{border:1px solid var(--line);width:27px;height:27px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.command-copy{flex-direction:column;gap:1px;display:flex}.command-copy strong{font-size:12.5px;font-weight:540}.command-copy small{color:var(--subtle);font-size:10.5px}.command-empty,.picker-empty{color:var(--muted);text-align:center;padding:26px 12px;font-size:12px}.widget-picker{border:1px solid var(--line-strong);background:var(--panel);border-radius:11px;flex-direction:column;width:min(650px,100%);max-height:min(720px,76vh);display:flex;overflow:hidden;box-shadow:0 22px 70px #00000038}.picker-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.picker-header h2{letter-spacing:-.015em;margin:0;font-size:15px;font-weight:600}.picker-header p{color:var(--muted);margin:3px 0 0;font-size:11.5px}.picker-search{border:1px solid var(--line);background:var(--panel-soft);height:38px;color:var(--muted);border-radius:7px;align-items:center;gap:8px;margin:12px 16px 8px;padding:0 10px;display:flex}.picker-search:focus-within{border-color:var(--line-strong);background:var(--panel)}.picker-search input{min-width:0;color:var(--text);background:0 0;border:0;flex:1;font-size:13px}.picker-search input::placeholder{color:var(--subtle)}.picker-groups{padding:6px 10px 14px;overflow-y:auto}.picker-group{padding:7px 6px}.picker-group+.picker-group{border-top:1px solid var(--line)}.picker-group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.055em;align-items:center;gap:7px;padding:3px 5px 7px;font-size:10.5px;font-weight:580;display:flex}.picker-widget{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:7px 8px;display:flex}.picker-widget:hover{background:var(--hover)}.picker-widget>span{flex-direction:column;gap:2px;min-width:0;display:flex}.picker-widget strong{font-size:12px;font-weight:540}.picker-widget small{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.picker-widget>svg{color:var(--muted);flex:none}.module-empty-panel{border:1px solid var(--line);background:var(--panel);min-height:420px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:clamp(28px,6vw,72px);display:flex}.module-empty-panel>svg{color:var(--muted)}.module-empty-panel h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.module-empty-panel p{max-width:48ch;color:var(--muted);margin:6px 0 0;font-size:12.5px;line-height:1.55}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-panel{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:10px}.settings-panel-wide{grid-column:1/-1}.settings-panel-heading{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-height:66px;padding:12px 14px;display:flex}.settings-panel-heading>svg{color:var(--muted)}.settings-panel-heading h2{margin:0;font-size:13px;font-weight:570}.settings-panel-heading p{color:var(--subtle);margin:2px 0 0;font-size:10.5px}.connection-card{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:128px;padding:16px;display:flex}.connection-card p{max-width:52ch;color:var(--muted);margin:0;font-size:11.5px;line-height:1.5}.status-badge{border-radius:999px;align-items:center;min-height:22px;padding:0 7px;font-size:10px;font-weight:540;display:inline-flex}.status-badge.neutral{border:1px solid var(--line);background:var(--panel-soft);color:var(--muted)}.segmented-control{grid-template-columns:repeat(3,1fr);gap:6px;padding:16px;display:grid}.segmented-control button{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:11.5px;display:flex}.segmented-control button:hover{background:var(--hover);color:var(--text)}.segmented-control button.is-selected{border-color:var(--line-strong);background:var(--hover);color:var(--text);font-weight:540}.source-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.source-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:54px;padding:8px 14px;display:flex}.source-row:nth-child(odd){border-right:1px solid var(--line)}.source-row.is-focused{background:var(--hover)}.source-icon{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:var(--panel-soft);border-radius:6px;flex:none;place-items:center;display:grid}.source-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.source-copy strong{font-size:11.5px;font-weight:540}.source-copy small{color:var(--subtle);font-size:10px}.module-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.module-toggle-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:48px;padding:7px 14px;font-size:11.5px;display:flex}.module-toggle-row:nth-child(odd){border-right:1px solid var(--line)}.module-toggle-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.switch{border:1px solid var(--line-strong);background:var(--panel-soft);cursor:pointer;border-radius:999px;flex:none;width:32px;height:18px;padding:0;position:relative}.switch span{background:var(--muted);border-radius:50%;width:12px;height:12px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px}.switch.is-on{background:var(--inverse);border-color:var(--inverse)}.switch.is-on span{background:var(--inverse-text);transform:translate(14px)}@media (width<=900px){.app-main{margin-left:0}.sidebar{transition:transform .18s;transform:translate(-100%);box-shadow:16px 0 50px #0000002e}.sidebar.is-open{transform:translate(0)}.sidebar-scrim.is-visible{display:block}.mobile-only{display:inline-grid!important}.mobile-page-title{display:inline}.topbar{grid-template-columns:1fr minmax(220px,340px) 1fr}}@media (width<=720px){:root{--topbar-height:50px}.topbar{grid-template-columns:1fr auto;gap:8px;padding:0 12px}.search-trigger{justify-content:center;justify-self:end;width:30px;padding:0}.search-trigger span,.search-trigger kbd,.account-pill{display:none}.page{padding:19px 14px 40px}.page-heading{align-items:center;margin-bottom:14px}.page-heading h1{font-size:18px}.page-actions{gap:6px}.button{min-height:32px;padding:0 9px}.dashboard-grid{grid-template-columns:1fr;grid-auto-rows:74px}.widget-card{grid-area:span 3/1/auto/-1!important}.settings-grid{grid-template-columns:1fr}.settings-panel-wide{grid-column:auto}.source-list,.module-toggle-grid{grid-template-columns:1fr}.source-row:nth-child(odd),.module-toggle-row:nth-child(odd){border-right:0}.modal-backdrop{align-items:end;padding:12px}.command-palette,.widget-picker{border-radius:10px}.widget-picker{max-height:82vh}.picker-header{padding:14px}.picker-search{margin-inline:14px}.module-empty-panel{min-height:330px;padding:28px}}@media (width<=460px){.page-heading{align-items:flex-start}.page-actions .button span{display:none}.page-actions .button{width:32px;padding:0}.segmented-control{gap:4px;padding:12px}.segmented-control button{min-height:36px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.compact-empty{width:min(100%,920px);min-height:360px}.status-badge.connected{border:1px solid color-mix(in srgb, #22c55e 34%, var(--line));background:color-mix(in srgb, #22c55e 9%, var(--panel));color:color-mix(in srgb, #22c55e 72%, var(--text))}.account-copy{flex-direction:column;gap:2px;display:flex}.account-copy strong{font-size:12px;font-weight:560}.account-copy span{color:var(--muted);font-size:11px}.source-button{flex:none}.inline-error{color:#dc2626;font-size:11.5px;line-height:1.45}[data-theme=dark] .inline-error{color:#f87171}.folder-picker{border:1px solid var(--line-strong);background:var(--panel);border-radius:11px;flex-direction:column;width:min(620px,100%);max-height:min(680px,78vh);display:flex;overflow:hidden;box-shadow:0 22px 70px #0000003d}.folder-picker-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:15px 16px;display:flex}.folder-picker-header h2{margin:0;font-size:15px;font-weight:600}.folder-picker-header p{color:var(--muted);margin:2px 0 0;font-size:11px}.folder-picker-path{border-bottom:1px solid var(--line);min-height:42px;color:var(--muted);align-items:center;gap:8px;padding:0 14px;font-size:11.5px;display:flex}.folder-picker-path>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.folder-picker-path>button{border:1px solid var(--line);background:var(--panel);width:27px;height:27px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;display:grid}.folder-picker-path>button:disabled{opacity:.4;cursor:default}.folder-picker-list{min-height:210px;padding:7px;overflow-y:auto}.folder-row{width:100%;min-height:44px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:6px 8px;display:flex}.folder-row:hover{background:var(--hover)}.folder-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.folder-row>svg{color:var(--subtle)}.folder-picker-empty{color:var(--muted);text-align:center;padding:38px 12px;font-size:12px}.folder-picker-footer{border-top:1px solid var(--line);background:var(--panel-soft);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.folder-picker-footer>span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.library-heading p{text-overflow:ellipsis;white-space:nowrap;max-width:70ch;overflow:hidden}.library-section+.library-section{margin-top:28px}.library-section>h2{color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:570}.album-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.album-card{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.album-art{aspect-ratio:1.25;border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);box-shadow:var(--shadow);border-radius:9px;place-items:center;margin-bottom:8px;display:grid;overflow:hidden}.album-art img,.book-cover img{object-fit:cover;width:100%;height:100%}.album-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;display:block;overflow:hidden}.album-card>span{color:var(--subtle);margin-top:2px;font-size:10.5px;display:block}.album-card:hover .album-art{border-color:var(--line-strong)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.media-card{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:9px;overflow:hidden}.media-frame{aspect-ratio:4/3;background:var(--panel-soft);color:var(--muted);place-items:center;display:grid;overflow:hidden}.media-frame img,.media-frame video{object-fit:cover;width:100%;height:100%}.media-card-copy{padding:8px 10px 9px}.media-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:530;display:block;overflow:hidden}.track-list{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:9px;overflow:hidden}.track-row{align-items:center;gap:10px;min-height:58px;padding:8px 12px;display:flex}.track-row+.track-row{border-top:1px solid var(--line)}.track-copy{flex:1;min-width:0}.track-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:530;display:block;overflow:hidden}.track-row audio{width:min(320px,42%);height:32px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:16px 12px;display:grid}.book-card{min-width:0}.book-cover{aspect-ratio:2/3;border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);box-shadow:var(--shadow);border-radius:8px;place-items:center;margin-bottom:8px;display:grid;overflow:hidden}.book-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:540;display:block;overflow:hidden}.book-card>span{color:var(--subtle);margin-top:2px;font-size:10px;display:block}.book-card:hover .book-cover{border-color:var(--line-strong)}.library-loading,.library-empty{min-height:190px;color:var(--muted);place-items:center;font-size:12px;display:grid}.library-empty{border:1px dashed var(--line-strong);border-radius:9px}.library-error{border:1px solid color-mix(in srgb, #dc2626 28%, var(--line));background:color-mix(in srgb, #dc2626 5%, var(--panel));border-radius:7px;margin-bottom:14px;padding:10px 12px}.vault-notice{border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);border-radius:8px;align-items:center;gap:9px;margin-bottom:14px;padding:10px 12px;font-size:11.5px;display:flex}.vault-grid{gap:10px;display:grid}.vault-card{border:1px solid var(--line);background:var(--panel);min-height:66px;box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:12px;padding:10px 12px;display:flex}.vault-icon{border:1px solid var(--line);background:var(--panel-soft);width:36px;height:36px;color:var(--muted);border-radius:7px;flex:none;place-items:center;display:grid}.vault-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vault-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.vault-copy span{color:var(--subtle);font-size:10.5px}@media (width<=720px){.folder-picker{max-height:84vh}.folder-picker-footer{flex-direction:column;align-items:stretch}.folder-picker-footer .button{width:100%}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-row{flex-wrap:wrap;align-items:flex-start}.track-row audio{width:100%;margin-left:38px}.vault-card{flex-wrap:wrap;align-items:flex-start}.vault-card .button{margin-left:48px}}.app-loading{min-height:100vh;color:var(--muted);place-items:center;font-size:12px;display:grid}.button:disabled{opacity:.45;cursor:not-allowed}.button:disabled:hover{background:inherit}