@font-face{font-family:Clipture Glitten;src:local("Glitten"),local("Glitten Regular"),url(./DMSerifDisplay-Regular-CVKzmwbz.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Clipture Milate;src:local("Dh Milate"),local("Dh Milate DEMO"),local("Dh Milate Regular"),local("Milate"),local("Milate Regular");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Clipture Milate;src:url(./CormorantGaramond-Italic-LatinExt-CE7zdTnu.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Clipture Milate;src:url(./CormorantGaramond-Italic-Latin-Y14P-dkT.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui: Inter, "Segoe UI", system-ui, sans-serif;--font-display: var(--font-ui);--scrollbar-size: 10px;--app-bg: #101114;--sidebar-bg: #16181d;--surface: #15171c;--surface-deep: #0f1115;--surface-row: #111318;--surface-control: #171a20;--surface-hover: #242832;--surface-active: #1d2430;--surface-video: #050609;--border: #2a2d33;--border-strong: #333944;--text: #f4f4f5;--text-strong: #ffffff;--text-muted: #a5adba;--text-subtle: #7f8998;--icon: #d8dee9;--accent: #c8a6ff;--accent-hover: #d5baff;--accent-soft: #172232;--accent-border: #41566f;--accent-text: #dceaff;--on-accent: #171717;--primary-bg: #e2e8f0;--primary-text: #171717;--selection: #4f8cff;--selection-ring: rgba(91, 141, 239, .65);--toggle-on: #22c55e;--scrollbar: #4b5563;--scrollbar-hover: #64748b;--scrollbar-active: #94a3b8;--shadow: rgba(0, 0, 0, .42);--inset-highlight: rgba(255, 255, 255, .04);color:var(--text);background:var(--app-bg);color-scheme:dark;font-family:var(--font-ui);font-size:14px}:root[data-theme=light]{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif;--app-bg: #ffffff;--sidebar-bg: #f3f3f5;--surface: #ffffff;--surface-deep: #ffffff;--surface-row: #fafafa;--surface-control: #ffffff;--surface-hover: #ededf0;--surface-active: #e3e3e7;--border: #dedee3;--border-strong: #ceced5;--text: #17191d;--text-strong: #0c0d10;--text-muted: #68686e;--text-subtle: #76767e;--icon: #5c5c62;--accent: #007aff;--accent-hover: #0062cc;--accent-soft: #eef5ff;--accent-border: #b8d6fa;--accent-text: #005bbf;--on-accent: #ffffff;--primary-bg: #007aff;--primary-text: #ffffff;--selection: #007aff;--selection-ring: rgb(0 122 255 / 22%);--toggle-on: #34c759;--scrollbar: #bcbcc2;--scrollbar-hover: #9999a1;--scrollbar-active: #787880;--shadow: rgb(0 0 0 / 6%);--inset-highlight: rgba(255, 255, 255, .7);color-scheme:light}:root[data-theme=glitten]{--font-display: var(--glitten-local-font, "Clipture Glitten"), "Bodoni MT", Didot, Georgia, serif;--app-bg: #e8decd;--sidebar-bg: #d6c5aa;--surface: #f7f0e4;--surface-deep: #ddd0bb;--surface-row: #f1e7d7;--surface-control: #fbf5eb;--surface-hover: #e3d4bd;--surface-active: #dcc5a8;--surface-video: #17130f;--border: #b9a68d;--border-strong: #927c64;--text: #352b23;--text-strong: #17120f;--text-muted: #706356;--text-subtle: #7b6b5e;--icon: #504237;--accent: #a55e38;--accent-hover: #874729;--accent-soft: #ead3bc;--accent-border: #c58f69;--accent-text: #713c25;--on-accent: #fffaf2;--primary-bg: #2b231d;--primary-text: #fffaf2;--selection: #a55e38;--selection-ring: rgba(165, 94, 56, .34);--toggle-on: #8d6545;--scrollbar: #aa9478;--scrollbar-hover: #8f775e;--scrollbar-active: #6d5845;--shadow: rgba(61, 45, 31, .18);--inset-highlight: rgba(255, 252, 245, .72);color-scheme:light}:root[data-theme=milate]{--font-display: var(--milate-local-font, "Clipture Milate"), "Bodoni MT", Didot, Georgia, serif;--app-bg: #4b4e24;--sidebar-bg: #3f421e;--surface: #585b2b;--surface-deep: #393c1b;--surface-row: #505326;--surface-control: #5d6030;--surface-hover: #686b36;--surface-active: #71733b;--surface-video: #12130d;--border: #77794a;--border-strong: #9a9665;--text: #f3e6bd;--text-strong: #fff2c9;--text-muted: #dbcf9e;--text-subtle: #b9ad7c;--icon: #eadcad;--accent: #e1c675;--accent-hover: #f0d98d;--accent-soft: #686437;--accent-border: #a99b58;--accent-text: #f8e8af;--on-accent: #2d2d14;--primary-bg: #f2e5bd;--primary-text: #303117;--selection: #d5bd6d;--selection-ring: rgba(225, 198, 117, .4);--toggle-on: #c2a953;--scrollbar: #858252;--scrollbar-hover: #a19b62;--scrollbar-active: #c0b878;--shadow: rgba(18, 20, 7, .34);--inset-highlight: rgba(255, 244, 199, .08);color-scheme:dark}h1,h2,h3,.brand strong,.clip-name,.clip-title{font-family:var(--font-display)}:root[data-theme=glitten] h1,:root[data-theme=glitten] h2,:root[data-theme=glitten] h3,:root[data-theme=glitten] .brand strong,:root[data-theme=glitten] .clip-name,:root[data-theme=glitten] .clip-title{font-weight:400;font-feature-settings:"liga" 1,"dlig" 1}:root[data-theme=milate] h1,:root[data-theme=milate] h2,:root[data-theme=milate] h3,:root[data-theme=milate] .brand strong,:root[data-theme=milate] .clip-name,:root[data-theme=milate] .clip-title{font-weight:500;font-feature-settings:"liga" 1,"dlig" 1,"swsh" 1}*{box-sizing:border-box}body{margin:0;overflow:hidden;height:100vh;background:#101114}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{min-height:36px;border:2px solid transparent;border-radius:999px;background:#4b5563;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#64748b;background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:#94a3b8;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.sidebar::-webkit-scrollbar-track,.workspace::-webkit-scrollbar-track{margin-top:32px;margin-bottom:4px}button,input,select{font:inherit}.app-shell{position:relative;display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100vh;overflow:hidden;background:#101114}.titlebar-drag-region{position:absolute;z-index:9999;top:0;left:0;right:208px;height:32px;background:transparent;-webkit-app-region:drag}.titlebar-update-controls{position:relative;display:flex;align-items:center;flex-shrink:0;gap:4px;-webkit-app-region:no-drag}.titlebar-update-button{position:relative;width:36px;height:36px;border:0;border-radius:4px;display:grid;place-items:center;color:#d8dee9;background:transparent;cursor:pointer;opacity:.9}.titlebar-update-button:hover:not(:disabled),.titlebar-update-button.download.ready{color:#fff;background:#252932;opacity:1}.titlebar-update-button:disabled{cursor:default}.titlebar-update-button.download.downloading,.titlebar-update-button.refresh.checking{color:var(--accent);background:var(--surface-hover);opacity:1}.titlebar-update-button.refresh.checking svg{animation:update-spin 1s linear infinite}.titlebar-update-button.refresh.error{color:#ef4444}.titlebar-update-button.download.ready:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 2px #101114}.titlebar-update-button.download.downloading:after{content:"";position:absolute;right:4px;bottom:4px;width:5px;height:5px;border-radius:999px;background:var(--accent);animation:update-pulse 1.1s ease-in-out infinite}@keyframes update-spin{to{transform:rotate(360deg)}}@keyframes update-pulse{0%,to{opacity:.35}50%{opacity:1}}.skeleton,.thumbnail-skeleton{position:relative;overflow:hidden;background:var(--surface-active)}.skeleton{display:block;border-radius:4px}.skeleton:after,.thumbnail-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,var(--inset-highlight) 45%,transparent 70%);transform:translate(-100%);animation:skeleton-sheen 1.4s ease-in-out infinite}.skeleton-text{height:.8em}.skeleton-text.short{width:45%}.skeleton-text.medium{width:70%}@keyframes skeleton-sheen{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after,.thumbnail-skeleton:after{animation:none}}.process-skeleton{height:34px;margin:4px 0;border-radius:6px}.modal .control-skeleton{width:100%;height:38px}.sidebar{border-right:1px solid #2a2d33;background:#16181d;padding:20px 14px;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-gutter:stable}.startup-error{display:grid;justify-items:start;gap:18px;padding:48px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;-webkit-app-region:drag}.brand span,.topbar p,.encoder small,.metric span,.source span,.source small{color:#a5adba}.mark{display:block;width:38px;height:38px;border-radius:8px;object-fit:contain}.nav{width:100%;height:42px;border:0;border-radius:6px;color:#d8dee9;background:transparent;display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer}.nav.active,.nav:hover{background:#242832;color:#fff}.encoder{margin-top:28px;padding:14px;border:1px solid #384151;border-radius:8px;display:grid;gap:4px}.encoder.degraded{border-color:#a85d5d}.encoder.delayed:not(.degraded){border-color:#a7864d}.encoder .encoder-refresh-status{color:var(--accent-text)}.workspace{min-width:0;min-height:0;padding:0 24px 24px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:40px 0 0;margin-bottom:18px;-webkit-app-region:drag}.topbar button{-webkit-app-region:no-drag}.topbar-actions{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto;gap:10px;-webkit-app-region:no-drag}.save-actions{display:inline-flex;align-items:center;flex:0 0 auto;gap:10px;white-space:nowrap;-webkit-app-region:no-drag}.topbar-actions button{flex-shrink:0;white-space:nowrap}.topbar-actions .secondary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.topbar-actions button:disabled{cursor:default;opacity:.55}h1,h2,p{margin:0}h1{font-size:24px}h2{font-size:16px}.primary,.icon-button{border:0;border-radius:6px;cursor:pointer}.primary{height:40px;padding:0 14px;display:flex;align-items:center;gap:8px;background:#e2e8f0;color:#171717;font-weight:700}.notice{margin-bottom:14px;padding:10px 12px;border:1px solid #41566f;border-radius:6px;color:#dceaff;background:#172232}.panel{border:1px solid #2a2d33;border-radius:8px;background:#15171c}.nav-badge{min-width:18px;height:18px;margin-left:auto;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;line-height:18px;text-align:center}.library-layout{min-width:0;display:grid;gap:16px}.browse-surface{min-width:0;display:grid;gap:18px;container-name:clip-library;container-type:inline-size}.library-top{position:sticky;top:0;z-index:5;display:grid;gap:16px;margin:0 calc(-24px - var(--scrollbar-size)) 0 -24px;padding:18px calc(24px + var(--scrollbar-size)) 18px 24px;border-bottom:1px solid rgba(42,45,51,.78);background:#101114;box-shadow:0 12px 28px #00000038}.library-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:22px;-webkit-app-region:drag}.library-hero button{-webkit-app-region:no-drag}.library-title{display:flex;align-items:center;gap:10px;min-width:0}.library-title svg{color:#d9ccff;flex:0 0 auto}.library-title h1{font-size:24px;line-height:1;letter-spacing:0}.library-heading-glitten,.library-heading-cafe,.library-heading-halloween{display:none}.library-save-button{height:46px;padding:0 18px;border-radius:8px;font-size:14px}.library-tabs{display:flex;align-items:end;gap:18px;margin:0 -24px -1px;padding:0 24px;border-bottom:1px solid #2a2d33}.library-tab{min-width:160px;min-height:44px;border:0;border-bottom:3px solid transparent;color:#a5adba;background:transparent;font-size:15px;font-weight:700;cursor:pointer}.library-tab:hover{color:#f4f4f5}.library-tab.active{border-bottom-color:#c8a6ff;color:#f4f4f5}.library-search{display:flex;align-items:center;gap:11px;min-height:42px;border:1px solid #333944;border-radius:8px;padding:0 14px;color:#cfd6e2;background:#0f1115}:root .library-search:focus-within{outline:2px solid var(--accent);outline-offset:0}:root .library-search:focus-within input:focus-visible{outline:none}.library-search svg{color:#cfd6e2;flex:0 0 auto}.library-search input{min-height:40px;border:0;padding:0;color:#f4f4f5;background:transparent;font-size:14px}.library-search input::placeholder{color:#7f8998}.library-actions-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.library-inline-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:36px;border:1px solid #333944;border-radius:999px;padding:0 15px;color:#f4f4f5;background:#171a20;font-size:13px;cursor:pointer}.chip:hover,.chip.active{border-color:#e2e8f0;color:#171717;background:#e2e8f0}.player{overflow:hidden}.player.panel:not(.library-player){border:0;border-radius:14px;background:transparent}.player:not(.library-player) .player-header,.player:not(.library-player) .player-meta{border-color:transparent}.library-player{width:100%;min-width:0;max-width:100%;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.72fr);align-items:stretch;height:auto;min-height:0;overflow:hidden;border:0;border-radius:14px;background:transparent}.library-player-main{width:100%;min-width:0;max-width:100%;min-height:0;display:grid;overflow:hidden;aspect-ratio:16 / 9;background:var(--surface-video);contain:inline-size layout paint}.library-preview-main{position:relative;width:100%;overflow:hidden;border:0;padding:0;color:inherit;background:var(--surface-video);cursor:pointer}.library-preview-main>img,.library-preview-main>.thumbnail-skeleton{display:block;width:100%;height:100%;object-fit:contain;background:var(--surface-video)}.library-preview-main>.thumbnail-skeleton{background:var(--surface-deep)}.library-preview-main .library-preview-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.library-preview-main:hover .library-preview-play{transform:translate(-50%,-50%) scale(1.06)}.library-player-main .custom-video-shell{width:100%;min-width:0;height:100%;max-width:100%;margin:0;overflow:hidden}.library-player-main .custom-video-shell video{width:100%;min-width:0;height:100%;max-width:100%;max-height:none;object-fit:contain}.library-player .player-controls-left{min-width:0}.library-player .time-readout{position:relative;z-index:1;flex:0 0 auto;display:flex}.library-player-main>.empty{min-height:100%;display:grid;place-items:center}.library-player-sidebar{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border-left:1px solid var(--border);background:var(--surface-row);contain:size layout paint}.library-player-sidebar:after{content:"";position:absolute;z-index:2;right:8px;bottom:0;left:0;height:64px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--surface-row) 88%)}.library-player-side-header{display:grid;gap:7px;padding:20px 18px 16px;border-bottom:1px solid var(--border)}.library-player-side-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.library-player-side-title-row>.icon-button{flex:0 0 32px;width:32px;height:32px;border:1px solid var(--border-strong);background:var(--surface-control)}.library-player-side-title{min-width:0;display:flex;align-items:flex-start;gap:9px;color:var(--text-strong);font-size:25px;line-height:1.02}.library-player-side-title span{min-width:0;overflow-wrap:anywhere}.library-player-title-copy{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex:1}.library-player-title-copy>span{flex:1}.icon-button.library-player-title-edit-button{width:28px;height:28px;display:inline-grid;flex:0 0 auto;place-items:center;border:1px solid var(--border-strong);border-radius:3px;color:var(--icon);background:var(--surface-control);vertical-align:.12em}.library-player-title-edit-button:hover{color:var(--accent-text);background:var(--surface-hover)}.library-player-title-input{width:100%;min-width:0;border:1px solid var(--accent-border);border-radius:3px;padding:4px 7px;color:var(--text-strong);background:var(--surface-control);font:inherit;line-height:1.05}.library-player-side-header p{overflow:hidden;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.library-player-side-meta{display:grid;gap:4px;margin:2px 0 0;color:var(--text);font-size:12px;font-variant-numeric:tabular-nums}.library-player-side-meta>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px}.library-player-side-meta dt{color:var(--text-subtle);font-family:var(--font-ui)}.library-player-side-meta dd{min-width:0;margin:0;overflow-wrap:anywhere}.library-filter-row{display:flex;align-items:center;gap:12px}.library-filter-row .library-tabs{flex:0 0 auto}.library-filter-row .library-search{flex:1;min-width:0}.clip-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 8px;color:var(--text);font-size:12px}.clip-rail-heading span{color:var(--text-muted);font-variant-numeric:tabular-nums}.clip-rail{min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;padding:0 10px 56px 18px}.clip-rail::-webkit-scrollbar{width:8px}.clip-rail::-webkit-scrollbar-track{background:transparent}.clip-rail-item{position:relative;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:6px;scroll-snap-align:start;border:0;border-top:1px solid var(--border);padding:10px 8px 10px 0;color:var(--text);background:transparent;text-align:left;cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.clip-rail-open-button{width:100%;min-width:0;display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:11px;border:0;padding:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.clip-rail-folder-button{position:absolute;top:14px;left:74px;width:28px;height:28px;opacity:0;transition:opacity .12s ease;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:3px;color:var(--icon);background:var(--surface-control)}.clip-rail-folder-button:hover{color:var(--accent-text);background:var(--surface-hover)}.clip-rail-item:hover{background:var(--surface-hover)}.clip-rail-item:is(:hover,:focus-within) .clip-rail-folder-button{opacity:1}.clip-rail-item.active .clip-rail-folder-button{left:83px}.clip-rail-item.active{padding-left:9px;background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.clip-rail-item.selected{background:var(--surface-active);box-shadow:inset 0 0 0 2px var(--selection-ring)}.clip-rail-item.active.selected{box-shadow:inset 3px 0 0 var(--accent),inset 0 0 0 2px var(--selection-ring)}.clip-rail-thumbnail{position:relative;display:block;width:108px;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border);border-radius:3px;background:var(--surface-video)}.clip-rail-thumbnail img,.clip-rail-thumbnail .thumbnail-skeleton{display:block;width:100%;height:100%;object-fit:contain}.clip-rail-duration{position:absolute;right:4px;bottom:4px;border-radius:3px;padding:2px 4px;color:#fff;background:#000000d1;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.clip-rail-copy{min-width:0;display:grid;gap:5px}.clip-rail-copy strong{display:-webkit-box;overflow:hidden;color:var(--text-strong);font-size:13.5px;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.clip-rail-copy>span{overflow:hidden;color:var(--text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}:root[data-theme=glitten] .library-player{background:transparent}:root[data-theme=glitten] .library-player-side-title{align-items:center;font-size:34px;font-weight:400}:root[data-theme=glitten] .library-player-side-title>.clip-app-icon{width:34px;height:34px;flex:0 0 34px;align-self:center;border-radius:6px}:root[data-theme=glitten] .clip-rail-copy strong{font-family:var(--font-display);font-size:17px;font-weight:400}@media(max-width:760px){.library-player{grid-template-columns:1fr;grid-template-rows:auto minmax(300px,44vh);height:auto}.library-player-sidebar{border-top:1px solid var(--border);border-left:0}}@container clip-library (max-width: 760px){.library-player{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(300px,44vh)}.library-player-sidebar{border-top:1px solid var(--border);border-left:0}}@media(max-width:1050px){.library-player .volume-container .volume-slider{width:42px}.library-player .yt-pill{padding-right:10px;padding-left:10px}}.player-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid #2a2d33}.player-header div{display:grid;gap:3px;min-width:0}.player-title{display:flex;align-items:center;gap:8px;min-width:0}.player-title span{color:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-header span,.player-meta{color:#a5adba}.custom-video-shell{position:relative;border-radius:14px;overflow:hidden;background:#050609;-webkit-user-select:none;user-select:none;container-type:inline-size;margin:0 auto}.custom-video-shell video{display:block;width:100%;max-height:480px;background:#050609}.custom-video-shell:fullscreen{border-radius:0;display:flex;align-items:center;justify-content:center}.library-player-main .custom-video-shell{border-radius:0}.custom-video-shell:fullscreen video{max-height:100vh}.custom-video-shell.controls-hidden,.custom-video-shell.controls-hidden video{cursor:none}.custom-video-shell.controls-hidden .player-controls{opacity:0;pointer-events:none}.player-controls{transition:opacity .2s ease;position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding:24px 0 12px;color:#f8fafc;background:linear-gradient(180deg,transparent,rgba(0,0,0,.76))}.player-controls-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 14px}.player-controls-left,.player-controls-right{display:flex;align-items:center;gap:8px}.yt-pill{background:#14151af2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:6px 16px;display:flex;align-items:center;justify-content:center;min-height:42px}.yt-pill.icon-button{padding:0;width:42px;height:42px}.volume-container{display:flex;align-items:center;gap:8px}.volume-container .volume-slider{width:60px}.time-readout{min-width:86px;font-size:13px;color:#e5e7eb;font-variant-numeric:tabular-nums;white-space:nowrap}.player-scrubber,.volume-slider{width:100%;accent-color:#0047ab;cursor:pointer}.player-scrubber{margin-bottom:12px}.speed-pill{position:absolute;top:max(14px,2cqi);left:max(14px,2cqi);padding:.35em .65em;color:#e2e8f0;background:transparent;font-weight:700;font-size:clamp(14px,2.5cqi,48px);text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.5)}.seek-feedback{position:absolute;z-index:2;top:50%;display:flex;align-items:center;gap:2px;color:#fff;font-size:clamp(24px,3.2cqi,52px);font-variant-numeric:tabular-nums;line-height:1;pointer-events:none;transform:translateY(-50%);text-shadow:0 2px 7px rgba(0,0,0,.9)}.seek-feedback.backward{left:max(20px,3cqi)}.seek-feedback.forward{right:max(20px,3cqi)}.seek-feedback-sign{display:block;width:.62em;height:.62em;flex:0 0 auto;stroke-width:3}.seek-feedback-number{display:block;line-height:1;animation:seek-count-pop .62s ease-out;transform-origin:center}.seek-feedback-chevron{display:block;width:.82em;height:.82em;flex:0 0 auto}.seek-feedback.backward .seek-feedback-chevron{animation:seek-arrow-backward .46s ease-out}.seek-feedback.forward .seek-feedback-chevron{animation:seek-arrow-forward .46s ease-out}@keyframes seek-count-pop{0%{opacity:.82;transform:scale(.72)}32%{opacity:1;transform:scale(1.18)}54%{transform:scale(.96)}72%{transform:scale(1.06)}86%{transform:scale(.99)}to{transform:scale(1)}}@keyframes seek-arrow-backward{0%{opacity:.45;transform:translate(9px) scale(.84)}58%{opacity:1;transform:translate(-6px) scale(1.08)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes seek-arrow-forward{0%{opacity:.45;transform:translate(-9px) scale(.84)}58%{opacity:1;transform:translate(6px) scale(1.08)}to{opacity:1;transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.seek-feedback-number,.seek-feedback-chevron{animation:none}}.player-meta{display:flex;flex-wrap:wrap;gap:14px;padding:10px 14px;border-top:1px solid #2a2d33}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.clip-card{min-width:0;border:1px solid #2a2d33;border-radius:8px;padding:10px;background:#10151b;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;box-shadow:inset 0 1px #ffffff05}.clip-card:hover{border-color:#3b4350;background:#121923}.clip-card.active,.clip-card.selected{border-color:#5b8def;box-shadow:0 0 0 1px #5b8defa6}.thumbnail-button{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(207,214,226,.18);border-radius:5px;padding:0;color:#f4f4f5;background:#050609;cursor:pointer}.thumbnail-button img,.thumbnail-skeleton{width:100%;height:100%}.thumbnail-button img{display:block;object-fit:contain;background:#050609}.thumbnail-skeleton{background:#1a1e26}.thumbnail-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .14s ease}.thumbnail-button:hover:after{background:#00000047}.duration-badge,.play-badge{position:absolute;z-index:1}.duration-badge{right:8px;bottom:8px;border-radius:6px;padding:4px 7px;color:#fff;background:#000000d1;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.play-badge{left:50%;top:50%;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;color:#171717;background:#e2e8f0f0;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .14s ease,transform .14s ease}.thumbnail-button:hover .play-badge,.clip-card.active .play-badge{opacity:1;transform:translate(-50%,-50%) scale(1)}.clip-info{display:grid;gap:7px;padding:12px 8px 4px;min-width:0}.clip-info span{color:#a5adba;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-timestamp{display:flex;gap:10px;font-size:14px}.clip-name{border:0;padding:0;color:#f4f4f5;background:transparent;font-weight:800;font-size:17px;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-name:hover{color:#e2e8f0}.clip-card-footer{display:grid;grid-template-columns:auto auto 48px;gap:9px;align-items:center;margin-top:2px}.clip-card-footer span{display:flex;align-items:center;gap:5px}.clip-card-footer .icon-button{justify-self:end;width:38px;height:38px;border:1px solid #333944;border-radius:8px;color:#f4f4f5;background:#111318}.clip-card-footer .icon-button:hover{background:#242832}.clip-select-box{position:absolute;z-index:2;top:8px;left:8px;width:25px;height:25px;border:2px solid #cfd6e2;border-radius:5px;display:grid;place-items:center;color:#fff;background:#111318b8}.clip-select-box.checked{border-color:#4f8cff;background:#4f8cff}.filters{display:grid;grid-template-columns:1fr 190px;gap:12px;padding:14px;border-bottom:1px solid #2a2d33}input:not([type=range]),select{width:100%;min-height:38px;border:1px solid #333944;border-radius:6px;color:#f4f4f5;background:#0f1115;padding:0 10px}.library-search input:not([type=range]){min-height:40px;border:0;border-radius:0;padding:0;color:#f4f4f5;background:transparent;font-size:14px}input[type=range]{border:none;background:transparent;padding:0;min-height:auto}.keybind-button{width:100%;min-height:38px;border:1px solid #333944;border-radius:6px;color:#f4f4f5;background:#0f1115;padding:0 10px;text-align:left;cursor:pointer}.keybind-button:hover,.keybind-button:focus,.keybind-button.recording{border-color:#e2e8f0;outline:0}.table{display:grid}.table-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 90px 1.4fr 44px;gap:12px;min-height:48px;align-items:center;padding:0 14px;border-bottom:1px solid #24272f}.table-row.active{background:#1d2430}.table-row.header{color:#a5adba;font-size:12px;text-transform:uppercase}.clip-title{border:0;padding:0;color:#f4f4f5;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.clip-title:hover{color:#e2e8f0}.empty{padding:28px 14px;color:#a5adba}.icon-button{width:32px;height:32px;display:grid;place-items:center;color:#d8dee9;background:#242832}.folder-picker-input{cursor:pointer}.settings-group{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:24px 16px;padding:24px;border:1px solid #2a2d33;border-radius:8px;background:#15171c}.settings-group.single-column{grid-template-columns:1fr}.customize-settings-panel{display:grid;gap:22px}.theme-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.theme-option{position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:0;border:1px solid var(--border-strong);border-radius:8px;padding:10px;display:grid;gap:10px;color:var(--text);background:var(--surface-control);text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.theme-option:hover{border-color:var(--accent-border);background:var(--surface-hover)}.theme-preview{width:100%;height:82px;border:1px solid rgba(127,137,152,.35);border-radius:5px;display:grid;grid-template-columns:28% 72%;overflow:hidden}.theme-preview-sidebar,.theme-preview-content,.theme-preview-line,.theme-preview-button{display:block}.theme-preview.graphite .theme-preview-sidebar{background:#16181d}.theme-preview.graphite .theme-preview-content{background:#101114}.theme-preview.graphite .theme-preview-line{background:#333944}.theme-preview.graphite .theme-preview-button{background:#c8a6ff}.theme-preview.light .theme-preview-sidebar{background:#fff}.theme-preview.light .theme-preview-content{background:#f4f6f9}.theme-preview.light .theme-preview-line{background:#bcc5d1}.theme-preview.light .theme-preview-button{background:#7750b7}.theme-preview.glitten .theme-preview-sidebar{background:#d6c5aa}.theme-preview.glitten .theme-preview-content{background:#e8decd}.theme-preview.glitten .theme-preview-line{width:100%;height:28px;color:#241c17;background:transparent;opacity:1}.theme-preview.glitten .theme-preview-line:before{content:"Glitten";font-family:Clipture Glitten,Bodoni MT,Didot,Georgia,serif;font-size:20px;line-height:1}.theme-preview.glitten .theme-preview-button{background:#a55e38}.theme-preview.milate .theme-preview-sidebar{background:#3f421e}.theme-preview.milate .theme-preview-content{background:#4b4e24}.theme-preview.milate .theme-preview-line{width:100%;height:28px;color:#f3e6bd;background:transparent;opacity:1}.theme-preview.milate .theme-preview-line:before{content:"Milate";font-family:var(--milate-local-font, "Clipture Milate"),"Bodoni MT",Didot,Georgia,serif;font-size:21px;line-height:1}.theme-preview.milate .theme-preview-button{background:#e1c675}.theme-preview.maid-cafe{position:relative}.theme-preview.maid-cafe .theme-preview-sidebar{background:linear-gradient(90deg,rgb(255 182 206 / 35%) 50%,transparent 50%) 0 0 / 10px 10px,linear-gradient(rgb(255 182 206 / 35%) 50%,transparent 50%) 0 0 / 10px 10px,#fff4f8}.theme-preview.maid-cafe .theme-preview-content{padding-top:20px;background:repeating-linear-gradient(90deg,#ffb3cb 0,#ffb3cb 10px,#fffafc 10px,#fffafc 20px) top / 100% 8px no-repeat,#ffe3ec}.theme-preview.maid-cafe .theme-preview-line{width:100%;height:22px;color:#3f1937;background:transparent;opacity:1}.theme-preview.maid-cafe .theme-preview-line:before{content:"Café ♡";font:800 17px/1 "M PLUS Rounded 1c",Segoe UI,sans-serif}.theme-preview.maid-cafe .theme-preview-button{border-radius:999px;background:#d63b77;box-shadow:0 2px #a8285b}.theme-preview.maid-cafe .mc-mascot{position:absolute;right:6px;bottom:4px;width:38px}.theme-preview.halloween{position:relative}.theme-preview.halloween .theme-preview-sidebar{background:radial-gradient(circle at 62% 70%,#efe6cf 0 4px,rgb(239 230 207 / 12%) 5px 10px,transparent 11px),linear-gradient(#15111f,#0e0b16)}.theme-preview.halloween .theme-preview-content{padding-top:20px;background:radial-gradient(circle,#ffd79a 0 1.5px,transparent 2px) 6px 3px / 18px 8px repeat-x,linear-gradient(#17132a,#110e1b)}.theme-preview.halloween .theme-preview-line{background:#3b3357}.theme-preview.halloween .theme-preview-button{border-radius:5px;background:linear-gradient(#eea062,#dd8440);box-shadow:0 4px 10px -4px #e8904ab3}.theme-preview.halloween .hw-mascot{position:absolute;right:8px;bottom:6px;width:20px}.theme-preview.custom .theme-preview-sidebar{background:var(--preview-accent)}.theme-preview.custom .theme-preview-content{background:var(--preview-main)}.theme-preview.custom .theme-preview-line,.theme-preview.custom .theme-preview-button{background:var(--preview-accent)}.theme-preview-content{padding:16px 14px;display:grid;align-content:start;gap:13px}.theme-preview-line{width:70%;height:7px;border-radius:2px;opacity:.72}.theme-preview-button{width:44%;height:19px;border-radius:4px}.theme-option-label{display:inline-flex;align-items:center;gap:8px;font-weight:700}.theme-option-check{position:absolute;right:16px;bottom:14px;color:var(--accent)}.custom-colors{padding-top:20px;border-top:1px solid var(--border);display:grid;gap:14px}.theme-font-tools{padding-top:18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.theme-font-status{min-width:0;display:grid;gap:3px}.theme-font-status strong{color:var(--text)}.theme-font-status span{color:var(--text-muted);font-size:13px}.theme-font-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.theme-font-actions .secondary-button{min-height:38px}.custom-colors h3{margin:0;font-size:15px}.theme-color-grid{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:16px}.theme-color-field{min-width:0}.theme-color-control{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px}input:not([type=range]).theme-color-picker{width:46px;min-width:46px;height:40px;padding:3px;cursor:pointer}.theme-color-picker::-webkit-color-swatch-wrapper{padding:0}.theme-color-picker::-webkit-color-swatch{border:0;border-radius:3px}.theme-color-hex{font-family:Consolas,Courier New,monospace;text-transform:uppercase}label{display:grid;gap:8px;color:#cfd6e2}.wide{grid-column:1 / -1}.checkbox,.toggle-label{display:flex;align-items:center;gap:10px}.sound-actions{display:flex;flex-wrap:wrap;gap:10px}.checkbox input{width:18px;min-height:18px}.audio-settings-panel{display:grid;gap:18px}.audio-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.audio-settings-heading{display:grid;gap:6px;min-width:0}.audio-settings-heading h2{margin:0;font-size:26px;line-height:1.1;letter-spacing:0}.audio-settings-heading p,.audio-section-copy p{margin:0;color:#a5adba}.add-source{min-width:38px;min-height:38px;border:1px solid #333944;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#f4f4f5;background:#171a20;cursor:pointer}.wide-add-source{padding:0 14px;white-space:nowrap}.add-source:hover{border-color:#e2e8f0;color:#171717;background:#e2e8f0}.select-clips-button{min-width:138px;min-height:38px;display:inline-flex;align-items:center;gap:9px;justify-content:center}.import-videos-button{min-width:156px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.select-clips-empty-box{width:17px;height:17px;border:2px solid currentColor;border-radius:4px;flex:0 0 auto}.select-clips-empty-box.checked{display:grid;place-items:center;border-color:#e2e8f0;color:#171717;background:#e2e8f0}.select-all-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.selection-bar{min-height:56px;border:1px solid #333944;border-radius:10px;padding:0 14px 0 18px;display:flex;align-items:center;gap:14px;background:#15171c}.library-empty-state{min-height:420px;display:grid;place-items:center;align-content:center;justify-items:center;gap:10px;padding:58px 16px 72px;text-align:center;color:#a5adba}.library-empty-art{width:174px;height:118px;border:2px dashed #687083;border-radius:28px;display:grid;place-items:center;color:#7b8190;margin-bottom:18px}.library-empty-state h2{color:#f4f4f5;font-size:24px;line-height:1.1;letter-spacing:0}.library-empty-state p{color:#a5adba;font-size:15px}.library-empty-action{margin-top:16px;min-height:48px;padding:0 26px;display:inline-flex;align-items:center;gap:10px;font-weight:800}.selection-bar strong{font-size:15px;white-space:nowrap}.selection-divider{width:1px;height:30px;background:#4b5563}.danger-button{min-height:38px;border:1px solid #7f1d1d;border-radius:8px;padding:0 15px;display:inline-flex;align-items:center;gap:10px;color:#fff;background:#b91c1c;font-weight:800;cursor:pointer}.danger-button:hover:not(:disabled){background:#dc2626}.danger-button:disabled{opacity:.5;cursor:default}.audio-source-card{border:1px solid #2a2d33;border-radius:8px;overflow:hidden;background:#111318}.process-search-row{display:flex;gap:8px}.process-search-row .process-search{flex:1}.process-picker-list{margin-top:12px;max-height:300px;overflow-y:auto}.muted-inline{opacity:.5}.microphone-modal-body{gap:16px}.audio-source-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:64px;padding:12px 18px;border-top:1px solid #242832}.audio-source-row:first-child{border-top:0}.audio-source-main{display:flex;align-items:center;gap:14px;min-width:0}.audio-source-main-button{width:100%;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.audio-source-main-button:hover .audio-source-text strong{color:#fff}.audio-source-icon{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;flex:0 0 38px;color:#f8fafc;background:#1b2028;box-shadow:inset 0 0 0 1px #ffffff0a}.audio-app-icon{font-weight:800;background:linear-gradient(135deg,#2455d6,#21a366)}.audio-app-icon.has-image{border-radius:8px;background:transparent;box-shadow:none}.audio-app-icon-image{width:36px;height:36px;display:block;object-fit:contain}.audio-source-text{display:grid;gap:3px;min-width:0}.audio-source-text strong,.audio-section-copy h3{margin:0;color:#f4f4f5;letter-spacing:0}.audio-source-text strong{min-width:0;overflow:hidden;font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.audio-source-text span{min-width:0;overflow:hidden;color:#a5adba;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.audio-source-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.audio-source-toggle{display:flex;align-items:center}.compact-configure{min-width:96px;min-height:36px}.audio-status-badge{min-height:29px;padding:5px 10px;border:1px solid rgba(34,197,94,.24);border-radius:6px;display:inline-flex;align-items:center;color:#22c55e;background:#22c55e1a;font-size:12px;white-space:nowrap}.separate-app-section{display:grid;gap:10px}.audio-section-copy{display:grid;gap:4px}.audio-section-copy h3{font-size:16px}.app-track-row{min-height:58px}.audio-icon-button{width:36px;height:36px;border:1px solid #333944;border-radius:6px;display:grid;place-items:center;color:#a5adba;background:#171a20;cursor:pointer}.audio-icon-button:hover{color:#fff;background:#242832}.audio-icon-button.danger:hover{border-color:#ef444459;color:#fecaca;background:#ef44441f}.audio-source-empty{padding:18px;color:#8f98a7}.range-line{display:grid;grid-template-columns:minmax(120px,1fr) 58px;align-items:center;gap:10px}.range-line input[type=range]{padding:0;accent-color:#e2e8f0}.range-line span{color:#a5adba;font-size:12px;text-align:right}.mic-test-row{display:grid}.mic-test{display:grid;gap:10px}.mic-test .secondary-button{justify-self:end}.mic-visualizer{position:relative;height:96px;border:1px solid #2a2d33;border-radius:6px;padding:8px;display:grid;grid-template-columns:repeat(36,1fr);align-items:end;gap:3px;overflow:hidden;background:repeating-linear-gradient(to top,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 24px),#111318}.mic-threshold-line{position:absolute;left:8px;right:8px;height:1px;background:#e2e8f0;box-shadow:0 0 0 1px #e2e8f02e;pointer-events:none}.mic-meter-bar{min-width:3px;border-radius:3px 3px 0 0;transition:height 80ms ease,background 80ms ease,opacity 80ms ease}.mic-meter-bar.open{background:#69d391;opacity:.95}.mic-meter-bar.cut{background:#a85d5d;opacity:.5}.diagnostics-view{display:grid;gap:12px;min-width:0}.diagnostics-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;min-width:0}.diagnostics-search{min-width:220px;max-width:520px;min-height:42px;display:flex;align-items:center;flex:1 1 420px;gap:10px;padding:0 12px;border:1px solid var(--border-strong);border-radius:6px;color:var(--icon);background:var(--surface-deep)}.diagnostics-search svg{flex:0 0 auto}.diagnostics-search input,.diagnostics-search input:not([type=range]){width:100%;min-height:40px;padding:0;border:0;border-radius:0;color:var(--text);background:transparent}.diagnostics-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.diagnostics-count{color:var(--text-muted);white-space:nowrap}.diagnostics-clear{min-height:30px;padding:0 8px;border:0;color:var(--accent-text);background:transparent}.diagnostics-clear:hover{color:var(--text-strong);background:var(--surface-hover)}.diagnostics-selected-only{display:inline-flex;align-items:center;gap:9px;color:var(--text);white-space:nowrap}.diagnostics{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:1px;overflow:hidden}.metric{position:relative;min-height:86px;display:grid;align-content:start;gap:6px;padding:16px 44px 14px 14px;background:#111318}.metric.selected{box-shadow:inset 0 0 0 1px var(--selection)}.metric-selection{position:absolute;top:9px;right:9px;width:28px;height:28px;display:inline-grid;place-items:center;padding:0;border:0;color:var(--text-subtle);background:transparent}.metric-selection:hover,.metric-selection[aria-pressed=true]{color:var(--selection);background:var(--surface-hover)}.metric strong{font-size:18px;overflow-wrap:anywhere}.diagnostics-empty{min-height:180px;grid-column:1 / -1;display:grid;place-content:center;gap:6px;padding:24px;text-align:center;color:var(--text-muted);background:var(--surface-row)}.diagnostics-empty strong{color:var(--text)}.share-view{display:grid;gap:18px;container:share-view / inline-size}.share-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;-webkit-app-region:drag}.share-header :is(button,input,label){-webkit-app-region:no-drag}.share-header-title,.share-header-actions{display:flex;align-items:center;gap:12px;min-width:0}.share-header h1{color:var(--text-strong);font-family:var(--font-display);font-size:28px;line-height:1.1}.share-status{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:13px}.share-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-subtle)}.share-status.online .share-status-dot{background:var(--toggle-on)}.share-status.starting .share-status-dot{background:var(--accent)}.share-status.error{color:var(--text)}.share-status.hidden .share-status-dot{background:transparent;box-shadow:inset 0 0 0 2px var(--text-subtle)}.share-status.error .share-status-dot{background:#ef4444}.share-toggle{display:inline-flex;align-items:center;gap:9px;color:var(--text-muted);font-size:13px;cursor:pointer}.share-status-error,.share-download-error{padding:10px 14px;border:1px solid var(--border-strong);border-left:3px solid #ef4444;border-radius:6px;background:var(--surface-row);color:var(--text)}.share-hint{color:var(--text-muted);font-size:13px;line-height:1.5}.share-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}@container share-view (max-width: 900px){.share-layout{grid-template-columns:minmax(0,1fr)}}.share-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}@container share-view (max-width: 700px){.share-stage{grid-template-columns:minmax(0,1fr)}.share-rail{border-left:0;border-top:1px solid var(--border)}}.share-stage-main{min-width:0}.share-stage-player{display:grid;min-width:0}.share-screen{position:relative;display:grid;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-video)}.share-screen video{width:100%;height:100%;object-fit:contain;background:var(--surface-video)}.share-screen-connecting{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.share-screen-connecting span{position:relative;z-index:1;color:var(--text-muted);font-size:13px}.share-screen-message{place-content:center;justify-items:center;gap:14px;padding:24px;color:var(--text-muted);text-align:center}.share-screen-message p{max-width:46ch;line-height:1.5}.share-buffering{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:999px;background:#0000009e;color:#fff;font-size:12px;pointer-events:none}.share-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 12px}.share-stage-title{display:grid;gap:5px;min-width:0}.share-stage-title h2{display:-webkit-box;overflow:hidden;color:var(--text-strong);font-family:var(--font-display);font-size:20px;line-height:1.2;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.share-stage-title p{color:var(--text-muted);font-size:13px}.share-stage-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.share-stage-actions .icon-button,.share-row-actions .icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-strong);background:var(--surface-control);color:var(--icon)}.share-stage-actions .icon-button:hover,.share-row-actions .icon-button:hover{background:var(--surface-hover)}.share-keep{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.share-keep-progress:disabled{opacity:1;background:linear-gradient(to right,var(--accent) var(--progress, 0%),transparent var(--progress, 0%)),var(--surface-active);color:var(--text-strong);font-variant-numeric:tabular-nums;transition:background-size .25s linear}.share-download-error{margin:0 18px 12px}.share-wire{display:grid;gap:9px;padding:0 18px 18px}.share-wire-track{position:relative;height:6px;overflow:hidden;border-radius:3px;background:repeating-linear-gradient(90deg,var(--border) 0 6px,transparent 6px 10px)}.share-wire-span{position:absolute;top:0;bottom:0;border-radius:3px;background:var(--accent);transition:left .2s ease-out,width .2s ease-out}.share-wire-head{position:absolute;top:-1px;bottom:-1px;width:2px;margin-left:-1px;background:var(--text-strong)}.share-wire p{color:var(--text-muted);font-size:12.5px;line-height:1.5}.share-wire strong{color:var(--text);font-weight:600}.share-skeleton-button{width:140px;height:38px;border-radius:6px}.share-skeleton-wire{height:6px;margin:0 18px 18px;border-radius:3px}@media(prefers-reduced-motion:reduce){.share-wire-span,.share-keep-progress:disabled{transition:none}}.share-rail{display:flex;flex-direction:column;min-width:0;max-height:560px;border-left:1px solid var(--border);background:var(--surface-row)}.share-rail-tabs{display:flex;gap:4px;padding:12px 12px 10px;border-bottom:1px solid var(--border)}.share-rail-tabs button{flex:1 1 auto;min-height:34px;padding:0 8px;white-space:nowrap;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font:inherit;font-size:13px;cursor:pointer}.share-rail-tabs button span{margin-left:4px;color:var(--text-subtle);font-variant-numeric:tabular-nums}.share-rail-tabs button:hover{background:var(--surface-hover)}.share-rail-tabs button.active{background:var(--surface-active);color:var(--text-strong);font-weight:600}.share-rail-list{flex:1 1 auto;min-height:0;display:grid;align-content:start;gap:2px;margin:0;padding:8px;overflow-y:auto;list-style:none}.share-rail-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;width:100%;padding:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.share-rail-item:hover{background:var(--surface-hover)}.share-rail-item.active{border-color:var(--accent-border);background:var(--accent-soft)}.share-tile{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;border-radius:5px;background:var(--surface-active)}.share-tile-letter{color:var(--text-subtle);font-family:var(--font-display);font-size:22px}.share-tile-duration{position:absolute;right:4px;bottom:4px;padding:1px 5px;border-radius:3px;background:#000000b3;color:#fff;font-size:10.5px;font-variant-numeric:tabular-nums}.share-rail-copy{display:grid;align-content:center;gap:3px;min-width:0}.share-rail-copy strong{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.share-rail-copy>span{overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.share-rail-state{display:inline-flex;align-items:center;gap:4px}.share-empty{display:grid;place-content:center;justify-items:center;gap:12px;min-height:320px;padding:32px;color:var(--text-muted);text-align:center}.share-empty svg{color:var(--text-subtle)}.share-empty h2{color:var(--text-strong);font-size:18px}.share-empty p{max-width:44ch;line-height:1.5}.share-people{display:grid;gap:14px;min-width:0}.share-people>section,.share-add-form{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.share-people h2{color:var(--text-strong);font-size:14px;font-weight:600}.share-people h2 span{margin-left:4px;color:var(--text-subtle);font-weight:400}.share-code-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.share-name-button{display:inline-flex;align-items:center;gap:6px;max-width:60%;padding:4px 8px;overflow:hidden;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.share-name-button:hover{border-color:var(--border-strong);color:var(--text)}.share-name-input{width:60%}.share-code{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;color:var(--text-strong);font-family:var(--font-display);font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1.45;-webkit-user-select:all;user-select:all}.share-code-loading{display:grid;gap:12px}.share-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.share-add-form label{display:grid;gap:6px;color:var(--text-muted);font-size:12.5px}.share-add-form input{width:100%}.share-add-form .primary{justify-content:center;gap:8px}.share-friend-list{display:grid;gap:2px;margin:0 -8px;padding:0;list-style:none}.share-friend-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;border-radius:8px}.share-friend-row:hover{background:var(--surface-row)}.share-avatar{position:relative;flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-weight:700}.share-friend-copy{display:grid;gap:2px;min-width:0}.share-friend-copy strong{overflow:hidden;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}.share-friend-copy>span{display:inline-flex;align-items:center;gap:4px;overflow:hidden;color:var(--text-muted);font-size:12px;white-space:nowrap}.share-row-actions{display:flex;gap:6px}.share-row-actions .icon-button{width:32px;height:32px}.share-row-actions .share-accept{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.share-danger{min-height:32px;border-color:#ef4444;color:#ef4444}.share-requests{border-color:var(--accent-border)!important}.share-intro{display:grid;justify-items:start;gap:16px;max-width:560px;margin:24px auto;padding:28px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.share-intro>svg{color:var(--accent)}.share-intro h2{color:var(--text-strong);font-family:var(--font-display);font-size:22px;line-height:1.25}.share-intro ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.share-intro li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;color:var(--text);line-height:1.45}.share-intro li svg{margin-top:1px;color:var(--text-muted)}.share-dialog{max-width:420px;margin:auto;padding:22px;gap:14px;border-color:var(--border);background:var(--surface);color:var(--text);-webkit-app-region:no-drag}.share-dialog:not([open]){display:none}.share-dialog::backdrop{background:#0009}.share-dialog h2{color:var(--text-strong);font-size:18px}.share-dialog-clip{overflow:hidden;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.share-pick-list{display:grid;gap:4px;max-height:280px;overflow-y:auto}.share-pick{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-row);color:var(--text);font:inherit;text-align:left;cursor:pointer}.share-pick:hover{background:var(--surface-hover)}.share-pick.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.share-pick-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.share-pick-skeleton{height:50px;border-radius:8px}.share-dialog-empty{display:grid;justify-items:center;gap:12px;padding:18px 8px;color:var(--text-muted);text-align:center}.share-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.share-dialog-actions .primary{gap:8px}:is(.share-view,.share-dialog) :is(button,input):focus-visible{outline:2px solid var(--selection);outline-offset:2px}.share-presence-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px var(--text-subtle)}.share-avatar .share-presence-dot{position:absolute;right:-2px;bottom:-2px;border:2px solid var(--sidebar-bg);box-sizing:content-box}.share-presence-dot.online{background:var(--toggle-on);box-shadow:none}.share-presence-dot.unknown{opacity:.5}.share-pick-name small{display:block;color:var(--text-muted);font-size:12px;font-weight:400}.share-rail-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text);font-size:12.5px}.share-rail-filter .icon-button{display:grid;place-items:center;width:24px;height:24px;background:transparent;color:var(--icon)}.share-side{display:grid;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.share-side-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 4px}.share-side-head h2{color:var(--text-strong);font-size:13px;font-weight:600}.share-side-head span{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.share-side-status{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface-deep)}.share-side-status button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.share-side-status button:hover{color:var(--text)}.share-side-status button.active{background:var(--surface-active);color:var(--text-strong);font-weight:600}.share-side-status .share-presence-dot{width:8px;height:8px}.share-side-note{padding:0 4px;color:var(--text-muted);font-size:12px;line-height:1.45}.share-side-list{display:grid;gap:1px;margin:0;padding:0;list-style:none}.share-side-row{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.share-side-row:hover{background:var(--surface-hover)}.share-side-row :is(.share-avatar){font-weight:700}.share-side-row.offline .share-side-name,.share-side-row.pending .share-side-name{color:var(--text-muted)}.share-side-row.offline .share-avatar{opacity:.6}.share-side-name{display:grid;min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.share-side-name small{color:var(--text-subtle);font-size:11.5px}.share-side-invite{display:inline-flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;border:1px dashed var(--border-strong);border-radius:6px;background:transparent;color:var(--text-muted);font:inherit;font-size:13px;cursor:pointer}.share-side-invite:hover{border-style:solid;color:var(--text)}.share-side :is(button):focus-visible{outline:2px solid var(--selection);outline-offset:2px}:is(.share-people,.share-dialog) .share-avatar .share-presence-dot{border-color:var(--surface)}.share-code-card .primary.share-copy-button{width:100%;justify-content:center}.share-disclosure{display:inline-flex;align-items:center;gap:5px;justify-self:start;padding:2px 0;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:12.5px;cursor:pointer}.share-disclosure:hover{color:var(--text)}.share-disclosure svg{transition:transform .15s ease-out}.share-disclosure[aria-expanded=true] svg{transform:rotate(180deg)}.share-code-reveal{display:grid;gap:10px}@media(prefers-reduced-motion:reduce){.share-disclosure svg{transition:none}}.share-invite-who{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px}.share-invite-who h2{line-height:1.25}.share-invite-code{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-row);color:var(--text);font-family:var(--font-display);letter-spacing:.04em;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:#15171c;border:1px solid #2a2d33;border-radius:8px;width:100%;max-width:480px;display:grid;grid-template-rows:auto 1fr auto;max-height:80vh;box-shadow:0 10px 40px #00000080}.update-confirm-dialog{margin:auto;padding:24px;gap:16px;color:#f4f4f5;overflow-y:auto;-webkit-app-region:no-drag}.update-confirm-dialog:not([open]){display:none}.update-confirm-dialog::backdrop{background:#0009;-webkit-app-region:no-drag}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2a2d33}.modal-header h2{font-size:16px;margin:0;color:#f4f4f5}.modal-body{padding:20px;overflow-y:auto;display:grid;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #2a2d33;background:#111318;border-radius:0 0 8px 8px}.modal-footer button{min-height:36px;padding:0 16px;border-radius:6px;cursor:pointer;border:1px solid #333944;background:#171a20;color:#f4f4f5}.modal-footer button.primary{background:#e2e8f0;color:#171717;border:0;font-weight:600}.radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;color:#f4f4f5}.radio-label input[type=radio]{width:18px;min-height:18px;margin:0;flex-shrink:0}.process-list-container{display:grid;gap:12px;margin-top:4px}.process-list{display:grid;gap:8px;max-height:200px;overflow-y:auto;border:1px solid #2a2d33;border-radius:6px;padding:8px;background:#0f1115}.process-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;cursor:pointer;color:#f4f4f5;margin:0}.process-item input[type=radio],.process-item input[type=checkbox]{width:18px;min-height:18px;margin:0;flex-shrink:0}.process-item:hover{background:#171a20}.process-item.disabled{opacity:.5;cursor:not-allowed}.process-item.disabled:hover{background:transparent}.process-item .badge{margin-left:auto;font-size:11px;background:#2a2d33;color:#a5adba;padding:2px 6px;border-radius:4px}.secondary-button{min-height:38px;padding:0 14px;border-radius:6px;cursor:pointer;border:1px solid #333944;background:#171a20;color:#f4f4f5;font:inherit}.secondary-button:hover{background:#242832}.clip-title-container{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.clip-title-display{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0}.clip-title-display .clip-name{flex:1;min-width:0}.clip-app-icon{width:18px;height:18px;border-radius:4px;flex:0 0 18px;object-fit:contain}.edit-title-button{opacity:0;transition:opacity .2s;background:transparent;width:24px;height:24px}.clip-card:hover .edit-title-button{opacity:1}.edit-title-button:hover{color:#fff}.clip-name-input{background:#171a20;color:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:inherit;font-weight:600;width:100%;max-width:300px;outline:none}@media(max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;overflow:visible}.brand,.encoder{display:none}.table-row{grid-template-columns:1fr 1fr 80px 36px}.table-row span:nth-child(3),.table-row span:nth-child(5),.table-row.header span:nth-child(3),.table-row.header span:nth-child(5){display:none}.diagnostics-toolbar{align-items:stretch;flex-direction:column}.diagnostics-search{width:100%;max-width:none;flex-basis:auto}.diagnostics-toolbar-actions{justify-content:space-between}.diagnostics,.settings-grid,.theme-options,.theme-color-grid,.filters{grid-template-columns:1fr}.library-hero,.library-actions-row,.library-inline-actions,.selection-bar{align-items:stretch;flex-direction:column}.library-tabs{gap:8px}.library-tab{min-width:0;flex:1}.library-save-button,.import-videos-button,.select-clips-button{width:100%}.clip-grid,.audio-settings-header,.audio-source-row{grid-template-columns:1fr}.audio-settings-header{display:grid}.wide-add-source{width:100%}.audio-source-actions{justify-content:space-between}}input[type=checkbox].toggle-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;min-width:36px;height:20px;min-height:20px;background:#e2e8f0;border-radius:20px;cursor:pointer;outline:none;transition:background .3s ease;margin:0;vertical-align:middle;flex-shrink:0;border:none;padding:0;display:flex;align-items:center;box-sizing:border-box}input[type=checkbox].toggle-switch:after{content:"";width:16px;height:16px;margin-left:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;transition:transform .3s ease,background .3s ease}input[type=checkbox].toggle-switch:checked{background:#22c55e}input[type=checkbox].toggle-switch:checked:after{transform:translate(16px);background:#fff}input[type=checkbox].toggle-switch:focus-visible{box-shadow:0 0 0 2px #22c55e66}.modal-backdrop{animation:modal-backdrop-in .16s ease-out}.modal{animation:modal-panel-in .2s cubic-bezier(.2,.8,.2,1)}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}body,.app-shell,.library-top{color:var(--text);background:var(--app-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-active);background-clip:padding-box}.sidebar{border-color:var(--border);background:var(--sidebar-bg)}.brand span,.topbar p,.encoder small,.metric span,.source span,.source small,.player-header span,.player-meta,.library-tab,.clip-info span,.table-row.header,.empty,.audio-settings-heading p,.audio-section-copy p,.library-empty-state,.library-empty-state p,.audio-source-text span,.audio-icon-button,.audio-source-empty,.range-line span,.process-item .badge{color:var(--text-muted)}.nav,.titlebar-update-button,.icon-button,label,.library-search,.library-search svg{color:var(--icon)}.nav.active,.nav:hover,.titlebar-update-button:hover:not(:disabled),.titlebar-update-button.download.ready,.library-tab:hover,.library-tab.active,.library-search input,.chip,.clip-name,.clip-title,.keybind-button,.add-source,.library-empty-state h2,.audio-source-text strong,.audio-section-copy h3,.audio-source-main-button:hover .audio-source-text strong,.modal-header h2,.modal-footer button,.radio-label,.process-item,.secondary-button,.clip-name-input,.edit-title-button:hover{color:var(--text)}.titlebar-update-button:hover:not(:disabled),.titlebar-update-button.download.ready,.nav.active,.nav:hover,.clip-card-footer .icon-button:hover,.audio-icon-button:hover,.secondary-button:hover,.process-item:hover{background:var(--surface-hover)}.encoder{border-color:var(--border-strong)}.primary,.chip:hover,.chip.active,.settings-tab.active,.add-source:hover,.select-clips-empty-box.checked,.modal-footer button.primary{border-color:var(--primary-bg);color:var(--primary-text);background:var(--primary-bg)}.notice{border-color:var(--accent-border);color:var(--accent-text);background:var(--accent-soft)}.panel,.settings-group,.selection-bar,.modal{border-color:var(--border);background:var(--surface)}.library-top{border-bottom-color:var(--border);box-shadow:0 12px 28px var(--shadow)}.library-title svg,.theme-option-check{color:var(--accent)}.library-tabs,.player-header,.player-meta,.filters,.settings-tabs,.custom-colors,.modal-header,.modal-footer{border-color:var(--border)}.library-tab.active{border-bottom-color:var(--accent);background:transparent}.library-search,input:not([type=range]),select,.keybind-button,.process-list{border-color:var(--border-strong);color:var(--text);background:var(--surface-deep)}.library-search input,.library-search input:not([type=range]){background:transparent}.library-search input::placeholder,input::placeholder{color:var(--text-subtle)}.chip,.add-source,.clip-card-footer .icon-button,.icon-button,.audio-icon-button,.modal-footer button,.secondary-button,.clip-name-input,.theme-option{border-color:var(--border-strong);background:var(--surface-control)}.clip-card-footer .icon-button{color:var(--icon)}.clip-card{border-color:var(--border);background:var(--surface-row);box-shadow:inset 0 1px 0 var(--inset-highlight)}.clip-card:hover{border-color:var(--border-strong);background:var(--surface-active)}.clip-card.active,.clip-card.selected{border-color:var(--selection);box-shadow:0 0 0 1px var(--selection-ring)}.theme-option.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--selection-ring)}.thumbnail-skeleton{background:var(--surface-active)}.clip-name:hover,.clip-title:hover{color:var(--accent-hover)}.table-row{border-color:var(--border)}.table-row.active,.settings-tab:hover{color:var(--text);background:var(--surface-active)}.keybind-button:hover,.keybind-button:focus,.keybind-button.recording,input:focus-visible,select:focus-visible{border-color:var(--accent);outline:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.select-clips-empty-box.checked,.clip-select-box.checked{border-color:var(--selection);color:var(--on-accent);background:var(--selection)}.selection-divider{background:var(--border-strong)}.library-empty-art{border-color:var(--border-strong);color:var(--text-subtle)}.audio-source-card,.metric,.modal-footer{border-color:var(--border);background:var(--surface-row)}.audio-source-row{border-color:var(--border)}.audio-source-icon{color:var(--text-strong);background:var(--surface-active);box-shadow:inset 0 0 0 1px var(--inset-highlight)}.range-line input[type=range],.player-scrubber,.volume-slider{accent-color:var(--selection)}input[type=radio],input[type=checkbox]:not(.toggle-switch){accent-color:var(--selection)}.mic-visualizer{border-color:var(--border);background-color:var(--surface-row)}.mic-threshold-line{background:var(--icon)}.process-item .badge{background:var(--border)}input[type=checkbox].toggle-switch{background:var(--border-strong)}input[type=checkbox].toggle-switch:checked{background:var(--toggle-on)}input[type=checkbox].toggle-switch:focus-visible{box-shadow:0 0 0 2px var(--selection-ring)}:root[data-theme=glitten] .browse-surface{gap:28px}:root[data-theme=glitten] .library-top{gap:14px;padding-top:20px;padding-bottom:20px;box-shadow:0 8px 22px var(--shadow)}:root[data-theme=glitten] .library-hero{align-items:flex-end;padding-top:30px;padding-bottom:20px;border-bottom:1px solid var(--border-strong)}:root[data-theme=glitten] .library-title-icon,:root[data-theme=glitten] .library-heading-default{display:none}:root[data-theme=glitten] .library-heading-glitten{display:inline}:root[data-theme=glitten] .library-title h1{margin:0;color:var(--text-strong);font-size:70px;line-height:.95}:root[data-theme=glitten] .library-save-button{height:48px;border:1px solid var(--accent);border-radius:3px;color:var(--on-accent);background:var(--accent);box-shadow:0 4px #5b2f1a29;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}:root[data-theme=glitten] .library-save-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 2px #5b2f1a33;transform:translateY(1px)}:root[data-theme=glitten] .library-tabs{gap:30px;margin:0;padding:0}:root[data-theme=glitten] .library-tab{min-width:auto;min-height:38px;padding:0 3px;border-bottom-width:2px;font-size:13px}:root[data-theme=glitten] .library-search{min-height:48px;border:0;border-bottom:1px solid var(--border-strong);border-radius:0;padding:0 2px;background:transparent}:root[data-theme=glitten] .library-search input,:root[data-theme=glitten] .library-search input:not([type=range]){min-height:46px;font-size:15px}:root[data-theme=glitten] .chip{min-height:34px;border-radius:3px;background:transparent}:root[data-theme=glitten] .library-inline-actions .secondary-button,:root[data-theme=glitten] .selection-bar,:root[data-theme=glitten] .selection-bar button{border-radius:3px}:root[data-theme=glitten] .clip-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:30px 20px;counter-reset:glitten-clip}:root[data-theme=glitten] .clip-card{position:relative;min-width:0;border:0;border-top:1px solid var(--border-strong);border-radius:0;padding:10px 0 18px;background:transparent;box-shadow:none}:root[data-theme=glitten] .clip-card:hover{border-color:var(--accent);background:transparent;box-shadow:none}:root[data-theme=glitten] .clip-card.active,:root[data-theme=glitten] .clip-card.selected{border-color:var(--selection);background:var(--accent-soft);box-shadow:0 0 0 2px var(--selection-ring)}:root[data-theme=glitten] .clip-card:not(:first-child):before{content:counter(glitten-clip,decimal-leading-zero);display:block;margin-bottom:8px;color:var(--accent);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}:root[data-theme=glitten] .clip-card:not(:first-child){counter-increment:glitten-clip}:root[data-theme=glitten] .clip-card:first-child{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.72fr);align-items:end;gap:24px;padding:12px 0 24px;border-bottom:1px solid var(--border)}:root[data-theme=glitten] .thumbnail-button{border-color:var(--border-strong);border-radius:1px}:root[data-theme=glitten] .thumbnail-button img{transition:transform .24s ease}:root[data-theme=glitten] .thumbnail-button:hover img{transform:scale(1.012)}:root[data-theme=glitten] .clip-info{gap:9px;padding:14px 2px 0}:root[data-theme=glitten] .clip-card:first-child .clip-info{align-content:end;min-width:0;border-left:1px solid var(--border);padding:8px 0 8px 24px}:root[data-theme=glitten] .clip-name{color:var(--text-strong);font-size:23px;font-weight:400;line-height:1.05;overflow-wrap:anywhere;white-space:normal}:root[data-theme=glitten] .clip-card:first-child .clip-name{font-size:40px;line-height:.98}:root[data-theme=glitten] .clip-card:first-child .clip-app-icon{width:24px;height:24px;flex-basis:24px}:root[data-theme=glitten] .clip-card-footer{padding-top:10px;border-top:1px solid var(--border)}:root[data-theme=glitten] .clip-card-footer .icon-button{border-radius:3px}:root[data-theme=glitten] .library-empty-state h2{font-size:34px;font-weight:400}@media(max-width:1100px){:root[data-theme=glitten] .clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-theme=glitten] .clip-card:first-child{grid-template-columns:minmax(0,1.4fr) minmax(230px,.7fr)}:root[data-theme=glitten] .clip-card:first-child .clip-name{font-size:34px}}@media(max-width:900px){:root[data-theme=glitten] .library-hero{align-items:stretch}:root[data-theme=glitten] .library-title h1{font-size:54px}:root[data-theme=glitten] .clip-grid{grid-template-columns:1fr}:root[data-theme=glitten] .clip-card:first-child{display:block}:root[data-theme=glitten] .clip-card:first-child .clip-info{margin-top:14px;border-top:1px solid var(--border);border-left:0;padding:14px 2px 0}}body:has(.notification-container){background:transparent!important}.notification-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:0;margin:0}.notification-card{background:#14151af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;padding:12px;gap:16px;box-shadow:0 4px 16px #00000080;color:#fff;width:350px;height:100px;box-sizing:border-box}.notification-card .notification-thumbnail{width:64px;height:64px;overflow:hidden;flex-shrink:0}.notification-card .notification-thumbnail img{width:100%;height:100%;object-fit:cover}.notification-card .notification-text{font-size:16px;font-weight:700}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes slideInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes slideInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}.notification-card.slide-in{animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.notification-card.slide-out{animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:ease-in}.notification-card.top-right.slide-in,.notification-card.bottom-right.slide-in{animation-name:slideInRight}.notification-card.top-right.slide-out,.notification-card.bottom-right.slide-out{animation-name:slideOutRight}.notification-card.top-left.slide-in,.notification-card.bottom-left.slide-in{animation-name:slideInLeft}.notification-card.top-left.slide-out,.notification-card.bottom-left.slide-out{animation-name:slideOutLeft}.notification-card.top-center.slide-in{animation-name:slideInTop}.notification-card.top-center.slide-out{animation-name:slideOutTop}:root:is([data-theme=graphite],:not([data-theme])){--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif;--app-bg: #111110;--sidebar-bg: #0d0d0c;--surface: #191918;--surface-deep: #121211;--surface-row: #171716;--surface-control: #20201e;--surface-hover: #2a2a27;--surface-active: #30302c;--surface-video: #080808;--border: #292926;--border-strong: #3c3c37;--text: #e9e8e3;--text-strong: #f7f6f2;--text-muted: #aaa79e;--text-subtle: #858278;--icon: #c6c3b9;--accent: #c3a27c;--accent-hover: #d4b792;--accent-soft: #29251f;--accent-border: #61513f;--accent-text: #dfc6a7;--on-accent: #171511;--primary-bg: #e8e6df;--primary-text: #181816;--selection: #c3a27c;--selection-ring: rgb(195 162 124 / 35%);--toggle-on: #34c759;--scrollbar: #3a3a36;--scrollbar-hover: #52524b;--scrollbar-active: #727268;--shadow: rgb(0 0 0 / 22%);-webkit-font-smoothing:antialiased}:root[data-theme=graphite] .sidebar{padding:28px 16px 20px}:root[data-theme=graphite] .brand{gap:10px;margin-bottom:30px;padding:0 8px;font-size:16px;letter-spacing:-.4px}:root[data-theme=graphite] .mark{width:30px;height:30px}:root[data-theme=graphite] .nav{height:42px;margin-bottom:4px;border-radius:9px;font-weight:500}:root[data-theme=graphite] .nav.active{background:#292925}:root[data-theme=graphite] .encoder{border-color:var(--border);border-radius:12px;gap:7px;font-size:12px}:root[data-theme=graphite] .encoder.degraded{border-color:#a85d5d}:root[data-theme=graphite] :is(h1,.library-title h1){font-size:28px;font-weight:650;letter-spacing:-.9px;line-height:1.2}:root[data-theme=graphite] .library-title-icon{display:none}:root[data-theme=graphite] .library-top{box-shadow:none;gap:20px;border-color:var(--border)}:root[data-theme=graphite] .library-hero{padding-bottom:6px}:root[data-theme=graphite] .primary{height:40px;padding:0 20px;border-radius:999px;font-weight:600}:root[data-theme=graphite] .primary:hover:not(:disabled){background:#fffdf6}:root[data-theme=graphite] .titlebar-update-button{border-radius:50%}:root[data-theme=graphite] :is(.library-tabs,.settings-tabs){width:fit-content;max-width:100%;align-items:center;gap:3px;margin:0;padding:4px;border:1px solid var(--border);border-radius:11px;background:#191918}:root[data-theme=graphite] :is(.library-tab,.settings-tab){min-width:0;min-height:32px;padding:7px 18px;border:0;border-radius:7px;font-size:13px;font-weight:500}:root[data-theme=graphite] :is(.library-tab.active,.settings-tab.active){color:var(--text-strong);background:#343430;box-shadow:0 1px 3px #00000026}:root[data-theme=graphite] .library-search{min-height:40px;border-radius:10px;background:#191918;border-color:var(--border)}:root[data-theme=graphite] .library-search input{min-height:38px}:root[data-theme=graphite] .chip{min-height:30px;padding:0 13px;border-color:transparent;background:transparent}:root[data-theme=graphite] .chip:hover{background:var(--surface-hover);color:var(--text)}:root[data-theme=graphite] .chip.active{background:var(--surface-active);color:var(--text-strong)}:root[data-theme=graphite] .clip-grid{gap:20px}:root[data-theme=graphite] .clip-card{padding:10px;border-radius:14px;background:var(--surface);box-shadow:none}:root[data-theme=graphite] .clip-card:hover{background:#20201d;border-color:var(--border-strong)}:root[data-theme=graphite] :is(.clip-card.active,.clip-card.selected){border-color:var(--accent);box-shadow:0 0 0 1px var(--selection-ring)}:root[data-theme=graphite] .thumbnail-button{border-radius:9px;border-color:#ffffff0f}:root[data-theme=graphite] .duration-badge{font-size:12px;font-weight:500;background:#000000b3}:root[data-theme=graphite] :is(.clip-name,.clip-title){font-weight:550;letter-spacing:-.2px}:root[data-theme=graphite] :is(.panel,.settings-group){border-radius:14px}:root[data-theme=graphite] .settings-group{gap:24px;padding:26px}:root[data-theme=graphite] :is(input:not([type=range]):not([type=checkbox]),select,textarea,.secondary-button,.keybind-button){border-radius:8px}:root[data-theme=graphite] .notice{border-radius:10px}:root[data-theme=graphite] :is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}:root[data-theme=light]{-webkit-font-smoothing:antialiased}:root[data-theme=light] .sidebar{padding:28px 16px 20px}:root[data-theme=light] .brand{gap:10px;padding:0 8px;font-size:16px}:root[data-theme=light] .mark{width:30px;height:30px}:root[data-theme=light] .nav{margin-bottom:4px;border-radius:5px;font-weight:500}:root[data-theme=light] .nav.active{background:#e3e3e7;color:var(--text-strong)}:root[data-theme=light] .encoder{background:transparent;font-size:12px}:root[data-theme=light] :is(h1,.library-title h1){font-size:24px;font-weight:600;letter-spacing:-.5px;line-height:1.2}:root[data-theme=light] .library-title-icon{display:none}:root[data-theme=light] .library-top{box-shadow:none;gap:20px}:root[data-theme=light] :is(.primary,.secondary-button,.keybind-button,.titlebar-update-button){border-radius:5px;font-weight:500}:root[data-theme=light] .primary{height:38px;padding:0 16px;border:1px solid var(--accent);color:var(--accent);background:#fff}:root[data-theme=light] .primary:hover:not(:disabled){background:var(--accent-soft)}:root[data-theme=light] .titlebar-update-button{border:1px solid var(--border-strong)}:root[data-theme=light] :is(.library-tabs,.settings-tabs){width:fit-content;max-width:100%;gap:2px;margin:0;padding:3px;border:1px solid var(--border);border-radius:6px;background:#f0f0f3}:root[data-theme=light] :is(.library-tab,.settings-tab){min-width:0;min-height:30px;padding:6px 18px;border:0;border-radius:4px;font-size:13px;font-weight:500}:root[data-theme=light] :is(.library-tab.active,.settings-tab.active){color:var(--text-strong);background:#fff;box-shadow:0 1px 3px #0000001a}:root[data-theme=light] .library-search{min-height:36px;border-radius:5px}:root[data-theme=light] .library-search input{min-height:34px}:root[data-theme=light] .chip{min-height:30px;border-radius:5px;padding:0 12px}:root[data-theme=light] .chip.active{border-color:var(--border-strong);color:var(--text);background:var(--surface-active)}:root[data-theme=light] .chip:hover:not(.active){border-color:var(--border-strong);color:var(--text);background:var(--surface-hover)}:root[data-theme=light] .clip-card{border-radius:8px;background:#fff;box-shadow:none}:root[data-theme=light] .clip-card:hover{background:#f7f7f9}:root[data-theme=light] :is(.clip-name,.clip-title){font-weight:500}:root[data-theme=light] .thumbnail-button{border-radius:5px}:root[data-theme=light] :is(.settings-group,.panel:not(.player)){border-radius:8px;box-shadow:none}:root[data-theme=light] .settings-group{gap:26px 24px;padding:26px}:root[data-theme=light] :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){border-radius:5px}:root[data-theme=light] .library-player-sidebar{background:var(--sidebar-bg)}:root[data-theme=light] .library-player-sidebar:after{background:linear-gradient(to bottom,transparent,var(--sidebar-bg) 88%)}:root[data-theme=light] .library-player-side-title{font-size:22px;font-weight:600;line-height:1.2}:root[data-theme=light] .clip-rail-item.active{background:var(--surface-active);box-shadow:none}:root[data-theme=light] .clip-rail-item.active.selected{box-shadow:inset 0 0 0 2px var(--selection-ring)}.theme-preview.light .theme-preview-sidebar{background:#f3f3f5}.theme-preview.light .theme-preview-content{background:#fff}.theme-preview.light .theme-preview-line{background:#ceced5}.theme-preview.light .theme-preview-button{background:#007aff}:root:is([data-theme=graphite],:not([data-theme])){--ambient-top: rgb(178 129 79 / 13%);--ambient-side: rgb(127 106 85 / 6%)}:root[data-theme=milate]{--ambient-top: rgb(240 211 135 / 13%);--ambient-side: rgb(206 162 91 / 8%)}:root:is([data-theme=graphite],[data-theme=milate],:not([data-theme])) .workspace{background:radial-gradient(ellipse 75% 480px at 65% 0,var(--ambient-top),transparent 80%),radial-gradient(ellipse 55% 600px at 100% 60%,var(--ambient-side),transparent 85%)}:root:is([data-theme=graphite],[data-theme=milate],:not([data-theme])) .library-top{background:radial-gradient(ellipse 75% 480px at 65% 0,var(--ambient-top),transparent 80%),var(--app-bg);box-shadow:none}.theme-preview.graphite .theme-preview-sidebar{background:#0d0d0c}.theme-preview.graphite .theme-preview-content{background:radial-gradient(ellipse at top right,#342a20,#111110)}.theme-preview.graphite .theme-preview-line{background:#3c3c37}.theme-preview.graphite .theme-preview-button{background:#e8e6df}:root:is([data-theme=graphite],[data-theme=light]){--font-ui: "Segoe UI Variable", "Segoe UI", -apple-system, sans-serif;--font-instrument: ui-monospace, "Cascadia Mono", Consolas, monospace;--accent: #f07836;--accent-hover: #ff9659;--selection: #f07836;--selection-ring: rgb(240 120 54 / 25%);--toggle-on: #f07836;--field-radius: 5px;--field-display: #111310;--field-display-ink: #e4e9dd}:root[data-theme=graphite]{--sidebar-bg: #181817;--surface: #1e1e1c;--surface-deep: #141413;--surface-row: #1a1a18;--surface-control: #272725;--surface-hover: #30302d;--surface-active: #353531;--border: #343431;--border-strong: #494943;--text: #e4e4dd;--text-muted: #aaa99f;--text-subtle: #96958b;--accent-soft: #30241c;--accent-border: #805537;--accent-text: #ffc294;--primary-bg: #deded5;--primary-text: #20211e;--inset-highlight: rgb(255 255 255 / 7%)}:root[data-theme=light]{--app-bg: #f1f1ed;--sidebar-bg: #dfdfda;--surface: #eaeae5;--surface-deep: #f9f9f6;--surface-row: #e5e5df;--surface-control: #f3f3ee;--surface-hover: #d9d9d2;--surface-active: #d1d2ca;--border: #cacbc3;--border-strong: #acafa4;--text: #292c25;--text-strong: #171a14;--text-muted: #5e6357;--text-subtle: #6d7266;--icon: #515749;--accent: #bd470f;--accent-hover: #9c3708;--accent-soft: #f1e3d4;--accent-border: #c69776;--accent-text: #863307;--selection: #bd470f;--selection-ring: rgb(189 71 15 / 22%);--primary-bg: #292c25;--primary-text: #f3f3eb;--inset-highlight: rgb(255 255 255 / 80%)}:root:is([data-theme=graphite],[data-theme=light]) .sidebar{padding:26px 16px 20px}:root:is([data-theme=graphite],[data-theme=light]) .brand{padding:0 10px 22px;margin-bottom:18px;border-bottom:1px solid var(--border-strong);font:16px/1.3 var(--font-instrument);letter-spacing:-.5px}:root:is([data-theme=graphite],[data-theme=light]) .nav{height:42px;border:1px solid transparent;border-radius:var(--field-radius);font-size:13px;font-weight:500}:root:is([data-theme=graphite],[data-theme=light]) .nav.active{border-color:var(--border-strong);color:var(--text-strong);background:var(--surface-control);box-shadow:inset 3px 0 0 var(--accent),inset 0 1px 0 var(--inset-highlight)}:root:is([data-theme=graphite],[data-theme=light]) .nav.active svg{color:var(--accent)}:root:is([data-theme=graphite],[data-theme=light]) .encoder{border-radius:var(--field-radius);border-color:var(--border-strong);background:var(--field-display);color:var(--field-display-ink);box-shadow:inset 0 1px 4px #0000004d}:root:is([data-theme=graphite],[data-theme=light]) .encoder>span{color:#a9b09f;font:10px/1.5 var(--font-instrument);text-transform:uppercase;letter-spacing:.14em}:root:is([data-theme=graphite],[data-theme=light]) .encoder small{color:#b9c0b0}:root:is([data-theme=graphite],[data-theme=light]) .encoder.degraded{border-color:#cb6861}:root:is([data-theme=graphite],[data-theme=light]) .encoder.delayed:not(.degraded){border-color:#a7864d}:root:is([data-theme=graphite],[data-theme=light]) .encoder .encoder-refresh-status{color:#e3bd7d}:root:is([data-theme=graphite],[data-theme=light]) :is(h1,.library-title h1){font-size:27px;font-weight:500;letter-spacing:-1px}:root:is([data-theme=graphite],[data-theme=light]) :is(.primary,.secondary-button,.keybind-button,.add-source){border:1px solid var(--border-strong);border-radius:var(--field-radius);font-size:13px;font-weight:600;box-shadow:inset 0 1px 0 var(--inset-highlight),0 1px 2px var(--shadow)}:root:is([data-theme=graphite],[data-theme=light]) .primary{height:40px;padding:0 18px;color:var(--primary-text);background:var(--primary-bg)}:root:is([data-theme=graphite],[data-theme=light]) .primary:hover:not(:disabled){color:var(--primary-text);background:var(--primary-bg);filter:brightness(1.1)}:root:is([data-theme=graphite],[data-theme=light]) .primary:active:not(:disabled){box-shadow:inset 0 2px 4px #00000040}:root:is([data-theme=graphite],[data-theme=light]) .primary svg{color:#db5a18}:root:is([data-theme=graphite],[data-theme=light]) .titlebar-update-button{border:1px solid var(--border-strong);border-radius:var(--field-radius);background:var(--surface-control)}:root:is([data-theme=graphite],[data-theme=light]) :is(.library-tabs,.settings-tabs){gap:1px;padding:3px;border-radius:var(--field-radius);border-color:var(--border-strong);background:var(--surface-deep)}:root:is([data-theme=graphite],[data-theme=light]) :is(.library-tab,.settings-tab){border-radius:3px;font:600 12.5px/1.5 var(--font-ui)}:root:is([data-theme=graphite],[data-theme=light]) :is(.library-tab.active,.settings-tab.active){color:var(--text-strong);background:var(--surface-active);box-shadow:inset 0 -2px 0 var(--accent),inset 0 1px 0 var(--inset-highlight)}:root:is([data-theme=graphite],[data-theme=light]) :is(.library-search,.diagnostics-search){border-radius:var(--field-radius);background:var(--surface-deep)}:root:is([data-theme=graphite],[data-theme=light]) .chip{border:1px solid var(--border);border-radius:3px;background:var(--surface-control);font:500 12px/1.4 var(--font-ui)}:root:is([data-theme=graphite],[data-theme=light]) .chip.active{border-color:var(--accent-border);color:var(--accent-text);background:var(--accent-soft)}:root:is([data-theme=graphite],[data-theme=light]) .clip-card{padding:10px;border-radius:7px;background:var(--surface);box-shadow:inset 0 1px 0 var(--inset-highlight)}:root:is([data-theme=graphite],[data-theme=light]) .clip-card:hover{background:var(--surface-hover)}:root:is([data-theme=graphite],[data-theme=light]) :is(.clip-card.active,.clip-card.selected){border-color:var(--accent);box-shadow:0 0 0 1px var(--selection-ring)}:root:is([data-theme=graphite],[data-theme=light]) .thumbnail-button{border-radius:3px}:root:is([data-theme=graphite],[data-theme=light]) :is(.clip-card-footer .icon-button,.play-badge,.theme-option,.audio-source-icon){border-radius:var(--field-radius)}:root:is([data-theme=graphite],[data-theme=light]) .duration-badge{border:1px solid #4d5147;border-radius:2px;color:#e4e9dd;background:#111310;font:11px/1.3 var(--font-instrument)}:root:is([data-theme=graphite],[data-theme=light]) :is(.clip-timestamp,.clip-card-footer,.library-player-side-meta,.diagnostics-count){font:11px/1.5 var(--font-instrument)}:root:is([data-theme=graphite],[data-theme=light]) .clip-rail-heading{font:600 12px/1.5 var(--font-ui)}:root:is([data-theme=graphite],[data-theme=light]) .library-player-side-title{font-size:23px;font-weight:500;letter-spacing:-.5px}:root:is([data-theme=graphite],[data-theme=light]) :is(.settings-group,.panel:not(.player),.audio-source-card,.modal,.selection-bar,.notice){border-radius:7px}:root:is([data-theme=graphite],[data-theme=light]) .settings-group{padding:24px;gap:26px 24px;background:var(--surface)}:root:is([data-theme=graphite],[data-theme=light]) .settings-group>label{font:500 12.5px/1.5 var(--font-ui);color:var(--text-muted)}:root:is([data-theme=graphite],[data-theme=light]) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){border-radius:4px;font-family:var(--font-ui)}:root:is([data-theme=graphite],[data-theme=light]) :is(.audio-settings-heading h2,.audio-section-copy h3,.modal-header h2){font-size:16px;font-weight:500;letter-spacing:-.25px}:root:is([data-theme=graphite],[data-theme=light]) .metric>span{font:500 12px/1.5 var(--font-ui)}:root:is([data-theme=graphite],[data-theme=light]) .metric>strong{font:20px/1.4 var(--font-instrument);color:var(--text-strong)}:root:is([data-theme=graphite],[data-theme=light]) .modal-footer{border-radius:0 0 7px 7px}:root:is([data-theme=graphite],[data-theme=light]) .modal-footer button{border-radius:var(--field-radius)}:root:is([data-theme=graphite],[data-theme=light]) .modal-footer button.primary{color:var(--primary-text);background:var(--primary-bg)}.theme-preview.graphite .theme-preview-sidebar{background:#181817}.theme-preview.graphite .theme-preview-content{background:#111110}.theme-preview.graphite .theme-preview-button{background:#f07836}.theme-preview.light .theme-preview-sidebar{background:#dfdfda}.theme-preview.light .theme-preview-content{background:#f1f1ed}.theme-preview.light .theme-preview-line{background:#acafa4}.theme-preview.light .theme-preview-button{background:#bd470f}.settings-container{display:grid;grid-template-columns:196px minmax(0,1fr);gap:32px;align-items:start}.settings-rail{position:sticky;top:0;display:grid;gap:2px}.settings-rail-item{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border:0;border-radius:7px;color:var(--text-muted);background:transparent;font:500 13px/1 var(--font-ui);text-align:left;cursor:pointer}.settings-rail-item>:not(.settings-rail-indicator){position:relative;z-index:1}.settings-rail-item:not(.active):hover{color:var(--text);background:var(--surface-hover)}.settings-rail-item.active{color:var(--text-strong)}.settings-rail-item.active svg{color:var(--accent)}.settings-rail-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border-strong);border-radius:inherit;background:var(--surface-control);box-shadow:inset 2px 0 0 var(--accent),inset 0 1px 0 var(--inset-highlight)}.settings-content{min-width:0;max-width:860px}.settings-section-header{margin-bottom:14px}.settings-section-header h2,.settings-content .audio-settings-heading h2{margin:0;color:var(--text-strong);font-size:18px;font-weight:600;letter-spacing:-.2px}.settings-section-header p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.settings-rows{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:inset 0 1px 0 var(--inset-highlight)}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;min-height:64px;padding:14px 18px}.setting-row+.setting-row{border-top:1px solid var(--border)}.setting-row-title{display:block;color:var(--text);font-size:14px;font-weight:550}.setting-row-copy p{max-width:62ch;margin:3px 0 0;color:var(--text-muted);font-size:12.5px;line-height:1.45}.setting-row.disabled .setting-row-copy{opacity:.55}.setting-row-control{display:flex;justify-content:flex-end}.setting-row-control :is(select,.keybind-button){width:232px;height:36px}.setting-row-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.setting-row-buttons :is(.primary,.secondary-button){height:36px}.setting-row-note{display:block;margin-top:4px}.input-with-unit{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.input-with-unit input{width:84px;height:36px;text-align:right;font-variant-numeric:tabular-nums}.control-skeleton{width:232px;height:36px}.setting-path{font-family:var(--font-instrument, ui-monospace, monospace);font-size:12px;overflow-wrap:anywhere}.progress-track{display:block;max-width:360px;height:4px;margin-top:10px;overflow:hidden;border-radius:2px;background:var(--surface-active)}.progress-fill{display:block;height:100%;background:var(--accent);transform-origin:left;transition:transform .3s ease-out}.settings-content>.settings-group.single-column{padding:0;border:0;background:none;box-shadow:none}@media(max-width:860px){.settings-container{grid-template-columns:1fr;gap:16px}.settings-rail{position:static;grid-auto-flow:column;overflow-x:auto}.setting-row{grid-template-columns:1fr;gap:10px}.setting-row-control{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.progress-fill{transition:none}}:root{--tally: #e5484d;--tally-warning: #e0a13a}.recorder-status{display:grid;gap:6px;margin-top:28px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-deep);box-shadow:inset 0 1px 0 var(--inset-highlight)}.recorder-status-head{display:flex;align-items:center;gap:9px}.recorder-status-head strong{color:var(--text-strong);font-size:13px;font-weight:600}.recorder-status-detail{color:var(--text-muted);font-size:12px}.recorder-status-detail.warning-text{color:var(--tally-warning)}.recorder-tally{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--text-subtle)}.recorder-status.live .recorder-tally{background:var(--tally);box-shadow:0 0 0 3px color-mix(in srgb,var(--tally) 22%,transparent);animation:tally-breathe 2.6s ease-in-out infinite}.recorder-status.warning .recorder-tally{background:var(--tally-warning)}.recorder-status.warning{border-color:color-mix(in srgb,var(--tally-warning) 45%,var(--border))}.recorder-buffer{display:grid;gap:4px;margin-top:4px}.recorder-buffer-track{height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--surface-deep) calc(25% - 1px) 25%),linear-gradient(90deg,color-mix(in srgb,var(--accent) 25%,transparent),var(--accent))}.recorder-status:not(.live,.warning) .recorder-buffer-track{background:var(--surface-active)}.recorder-buffer-labels{display:flex;justify-content:space-between;color:var(--text-subtle);font:10px/1.3 var(--font-instrument, ui-monospace, monospace);font-variant-numeric:tabular-nums}.recorder-readout{display:grid;gap:2px;margin-top:4px;padding-top:8px;border-top:1px solid var(--border);color:var(--text-muted);font:11px/1.45 var(--font-instrument, ui-monospace, monospace)}@keyframes tally-breathe{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.recorder-status.live .recorder-tally{animation:none}}.nav-list{display:grid;gap:2px}.nav{position:relative}.nav-indicator{position:absolute;top:9px;bottom:9px;left:0;width:3px;border-radius:2px;background:var(--accent)}:root:is([data-theme=graphite],[data-theme=light]) .nav.active{box-shadow:inset 0 1px 0 var(--inset-highlight)}.view{min-width:0}.library-tab{white-space:nowrap}@media(max-width:900px){.sidebar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nav-indicator{top:auto;right:14px;bottom:0;left:14px;width:auto;height:2px}.recorder-status{margin-top:0;padding:9px 12px}.recorder-status>:not(.recorder-status-head){display:none}}.field-transport{--transport-face: #20201f;--transport-key: #292928;--transport-edge: #444441;--transport-ink: #eeeee8;--transport-muted: #aaa9a2;--transport-track: #4c4c47;--transport-fill: #d3d1c7;--transport-marker: #f07836;--transport-highlight: rgb(255 255 255 / 7%);--transport-display: #10120f;--transport-display-ink: #e8ece2;margin:10px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;padding:6px 8px;gap:12px;border:1px solid var(--transport-edge);border-radius:8px;color:var(--transport-ink);background:var(--transport-face);box-shadow:inset 0 1px 0 var(--transport-highlight),0 3px 12px #0000002e}:root[data-theme=light] .field-transport{--transport-face: #e5e5e3;--transport-key: #efefed;--transport-edge: #b7b7b2;--transport-ink: #252623;--transport-muted: #62645e;--transport-track: #b7b9b1;--transport-fill: #555951;--transport-marker: #d94d12;--transport-highlight: rgb(255 255 255 / 85%);--transport-display: #c9cbc4;--transport-display-ink: #30332c}.transport-timeline{display:flex;align-items:center;min-width:0;gap:10px}.transport-time{flex:0 0 auto;min-width:4ch;color:var(--transport-muted);font:11px/1.2 ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums}.transport-time:last-child{text-align:right}.transport-scale{position:relative;flex:1;min-width:0;height:28px}.transport-scale:before{content:"";position:absolute;top:0;right:4px;bottom:0;left:4px;pointer-events:none;opacity:.65;background:repeating-linear-gradient(to right,var(--transport-muted) 0 1px,transparent 1px 10%) left top / 100% 6px no-repeat,repeating-linear-gradient(to right,var(--transport-track) 0 1px,transparent 1px 2%) left top / 100% 3px no-repeat}.field-transport .player-scrubber{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;width:100%;height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.field-transport .player-scrubber::-webkit-slider-runnable-track{height:3px;border-radius:0;background:linear-gradient(to right,var(--transport-fill) var(--playback-progress),var(--transport-track) var(--playback-progress))}.field-transport .player-scrubber::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:7px;height:17px;margin-top:-7px;border:1px solid var(--transport-face);border-radius:1px;background:var(--transport-marker)}.field-transport .player-scrubber::-moz-range-track{height:3px;background:var(--transport-track)}.field-transport .player-scrubber::-moz-range-progress{height:3px;background:var(--transport-fill)}.field-transport .player-scrubber::-moz-range-thumb{width:5px;height:15px;border:1px solid var(--transport-face);border-radius:1px;background:var(--transport-marker)}.field-transport .yt-pill{min-height:34px;padding:0 10px;border:1px solid var(--transport-edge);border-radius:4px;color:var(--transport-ink);background:var(--transport-key);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 var(--transport-highlight)}.field-transport .yt-pill.icon-button{width:38px;height:34px;padding:0}.field-transport .yt-pill.icon-button:hover{background:var(--transport-track)}.field-transport .yt-pill.icon-button:active{box-shadow:inset 0 1px 3px #00000040}.field-transport .yt-pill svg{width:16px;height:16px;stroke-width:1.7}.field-transport .yt-pill.transport-playback{padding:0;gap:0}.field-transport .transport-play{display:flex;align-items:center;justify-content:center;gap:9px;width:48px;height:32px;padding:0;border:0;border-radius:3px;color:var(--transport-ink);background:transparent}.field-transport .transport-play:hover{background:var(--transport-track)}.field-transport .transport-play:active{box-shadow:inset 0 1px 3px #00000040}.field-transport .transport-play svg{fill:currentColor;stroke-width:1}.field-transport .time-readout{min-width:0;align-items:center;margin:4px 6px 4px 0;padding:6px 11px;border:1px solid var(--transport-edge);border-radius:2px;color:var(--transport-display-ink);background:var(--transport-display);font:11px/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.06em;box-shadow:inset 0 1px 3px #00000059}.transport-led{width:5px;height:5px;border-radius:50%;background:#64685f}.transport-led.active{background:#f07836}.field-transport .volume-slider{accent-color:var(--transport-fill)}.field-transport .transport-mute{display:grid;place-items:center;flex:0 0 26px;width:26px;height:30px;padding:0;border:0;border-radius:3px;color:var(--transport-ink);background:transparent;cursor:pointer}.field-transport .transport-mute:hover{background:var(--transport-key)}.field-transport .transport-mute[aria-pressed=true]{color:var(--transport-marker)}.field-transport .transport-mute svg{width:14px;height:14px}.field-transport :is(button,input):focus-visible{outline:2px solid var(--transport-marker);outline-offset:3px}.custom-video-shell:focus-within .field-transport{opacity:1;pointer-events:auto}@container (max-width: 480px){.field-transport{margin:6px;padding:5px;gap:7px}.field-transport .transport-total{display:none}.field-transport .volume-container{gap:5px}.field-transport .volume-container .volume-slider{width:42px}.field-transport .transport-timeline{gap:6px}.field-transport .transport-play{width:38px;gap:6px}.field-transport .yt-pill.icon-button{width:32px}}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:500;src:url(./m-plus-rounded-1c-latin-500-normal-D4L1U0OF.woff2) format("woff2"),url(./m-plus-rounded-1c-latin-500-normal-udtNJXmd.woff) format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(./m-plus-rounded-1c-latin-700-normal-BYs1YzuX.woff2) format("woff2"),url(./m-plus-rounded-1c-latin-700-normal-DpYetMpZ.woff) format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(./m-plus-rounded-1c-latin-800-normal-941enk6N.woff2) format("woff2"),url(./m-plus-rounded-1c-latin-800-normal-B5F1WBCU.woff) format("woff")}:root[data-theme=maid-cafe]{--font-ui: "M PLUS Rounded 1c", "Segoe UI", system-ui, sans-serif;--font-display: var(--font-ui);--font-instrument: var(--font-ui);--app-bg: #ffe3ec;--sidebar-bg: #fff4f8;--surface: #fffafc;--surface-deep: #fff0f5;--surface-row: #fff6f9;--surface-control: #ffffff;--surface-hover: #ffe6ef;--surface-active: #ffd9e7;--surface-video: #3a1d33;--border: #f6c3d6;--border-strong: #eba3bf;--text: #5b2a4e;--text-strong: #3f1937;--text-muted: #87567a;--text-subtle: #9a6a8a;--icon: #9b4f7f;--accent: #ff6f9f;--accent-hover: #f0548a;--accent-soft: #ffe1ec;--accent-border: #ffabc8;--accent-text: #c2336f;--on-accent: #ffffff;--primary-bg: #d63b77;--primary-text: #ffffff;--selection: #ff6f9f;--selection-ring: rgb(255 111 159 / 38%);--toggle-on: #ff6f9f;--scrollbar: #f5b3cb;--scrollbar-hover: #ec8fb2;--scrollbar-active: #e0709c;--shadow: rgb(214 80 132 / 14%);--inset-highlight: rgba(255, 255, 255, .8);--tally: #ff4f8b;--stitch: #ffb3cb;--candy-edge: #a8285b;--mint: #bff0dc;--lavender: #e2d5ff;--custard: #ffe9a8;--sky: #cfe8ff;color-scheme:light;font-weight:500}:root[data-theme=maid-cafe] :is(h1,h2,h3,.brand strong,.clip-name,.clip-title){font-weight:800;letter-spacing:.01em}:root[data-theme=maid-cafe] .app-shell{background:var(--app-bg)}:root[data-theme=maid-cafe] .workspace{background:radial-gradient(circle at 0 7px,var(--sidebar-bg) 6px,transparent 6.5px) left top / 9px 14px repeat-y,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M24 30c-5-3.6-7.5-6.4-7.5-9a3.6 3.6 0 0 1 7.5-1.2A3.6 3.6 0 0 1 31.5 21c0 2.6-2.5 5.4-7.5 9z' fill='%23ffc6d8'/%3E%3Cpath d='M86 78l2 5 5 2-5 2-2 5-2-5-5-2 5-2z' fill='%23ffd98a' fill-opacity='.8'/%3E%3Ccircle cx='92' cy='22' r='2.4' fill='%23ffd0df'/%3E%3Ccircle cx='30' cy='96' r='1.8' fill='%23e2d5ff'/%3E%3C/svg%3E") 0 0 / 120px 120px,var(--app-bg)}:root[data-theme=maid-cafe] .workspace:before{content:"";position:sticky;z-index:6;top:0;display:block;height:30px;margin:0 -24px -30px;pointer-events:none;background:repeating-linear-gradient(90deg,#ffb3cb 0,#ffb3cb 26px,#fffafc 26px,#fffafc 52px);filter:drop-shadow(0 3px 2px rgb(214 80 132 / 18%));-webkit-mask:linear-gradient(#000 0 0) top / 100% 22px no-repeat,radial-gradient(circle at 13px 0,#000 12.5px,transparent 13px) 0 22px / 26px 8px repeat-x;mask:linear-gradient(#000 0 0) top / 100% 22px no-repeat,radial-gradient(circle at 13px 0,#000 12.5px,transparent 13px) 0 22px / 26px 8px repeat-x}:root[data-theme=maid-cafe] .sidebar{border-right:0;background:linear-gradient(90deg,rgb(255 182 206 / 22%) 50%,transparent 50%) 0 0 / 24px 24px,linear-gradient(rgb(255 182 206 / 22%) 50%,transparent 50%) 0 0 / 24px 24px,var(--sidebar-bg)}:root[data-theme=maid-cafe] .brand{position:relative}:root[data-theme=maid-cafe] .brand:before{content:"";position:absolute;top:-9px;left:-8px;width:26px;height:18px;transform:rotate(-18deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-13 -9 26 18'%3E%3Cg fill='%23ff7aa8' stroke='%235b2a4e' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M0 0C-4-7-12-7-11 0-12 7-4 7 0 0z'/%3E%3Cpath d='M0 0C4-7 12-7 11 0 12 7 4 7 0 0z'/%3E%3Ccircle r='2.6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat}:root[data-theme=maid-cafe] .brand .mark{border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--stitch)}:root[data-theme=maid-cafe] .brand strong{color:var(--primary-bg);font-size:19px}:root[data-theme=maid-cafe] .brand strong:after{content:"maid café";display:block;margin-top:1px;color:var(--text-muted);font-size:10.5px;font-weight:700;letter-spacing:.08em}:root[data-theme=maid-cafe] .nav{height:42px;margin-bottom:4px;border-radius:999px;color:var(--text);font-weight:700}:root[data-theme=maid-cafe] .nav svg{color:var(--icon)}:root[data-theme=maid-cafe] .nav:hover{background:var(--surface-hover)}:root[data-theme=maid-cafe] .nav.active{background:transparent;color:var(--text-strong)}:root[data-theme=maid-cafe] .nav.active svg{color:var(--primary-bg)}:root[data-theme=maid-cafe] .nav{isolation:isolate}:root[data-theme=maid-cafe] .nav-indicator{z-index:-1;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:999px;background:#fff;box-shadow:0 0 0 2px var(--stitch),0 3px 0 var(--border)}:root[data-theme=maid-cafe] .nav-indicator:after{content:"♡";position:absolute;top:50%;right:14px;transform:translateY(-50%);color:var(--accent);font-size:15px}:root[data-theme=maid-cafe] .primary{position:relative;border-radius:999px;padding:0 20px;color:var(--primary-text);background:linear-gradient(to bottom,rgb(255 255 255 / 22%),transparent 50%),var(--primary-bg);box-shadow:0 3px 0 var(--candy-edge),inset 0 1px #fff6;transition:transform .12s ease,box-shadow .12s ease}:root[data-theme=maid-cafe] .primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 0 var(--candy-edge),inset 0 1px #fff6}:root[data-theme=maid-cafe] .primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--candy-edge)}:root[data-theme=maid-cafe] :is(.secondary-button,.modal-footer button:not(.primary),.danger-button){border:2px solid var(--border);border-radius:999px;background:#fff;box-shadow:0 2px 0 var(--border);font-weight:700;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}:root[data-theme=maid-cafe] :is(.secondary-button,.modal-footer button:not(.primary)):hover:not(:disabled){background:var(--surface-hover)}:root[data-theme=maid-cafe] :is(.secondary-button,.modal-footer button,.danger-button):active:not(:disabled){transform:translateY(2px);box-shadow:none}:root[data-theme=maid-cafe] .icon-button{border-radius:999px}:root[data-theme=maid-cafe] .chip{border:2px solid transparent;color:var(--text);background:#ffd0df;font-weight:700}:root[data-theme=maid-cafe] .chip:nth-child(5n+2){background:var(--mint)}:root[data-theme=maid-cafe] .chip:nth-child(5n+3){background:var(--lavender)}:root[data-theme=maid-cafe] .chip:nth-child(5n+4){background:var(--custard)}:root[data-theme=maid-cafe] .chip:nth-child(5n){background:var(--sky)}:root[data-theme=maid-cafe] .chip:hover{border-color:var(--accent-border);color:var(--text-strong)}:root[data-theme=maid-cafe] .chip.active{border-color:var(--primary-bg);color:#fff;background:var(--primary-bg)}:root[data-theme=maid-cafe] .chip.active:before{content:"♡ "}:root[data-theme=maid-cafe] .library-top{border-bottom:0;background:var(--app-bg);box-shadow:0 10px 22px -12px #d650844d}:root[data-theme=maid-cafe] .library-heading-default{display:none}:root[data-theme=maid-cafe] .library-heading-cafe{display:inline}:root[data-theme=maid-cafe] .library-title-icon{display:none}:root[data-theme=maid-cafe] .library-title h1{color:var(--text-strong);font-size:30px}:root[data-theme=maid-cafe] .library-title h1:after{content:"✦";margin-left:6px;color:#ffc94d;font-size:.6em;vertical-align:.7em}:root[data-theme=maid-cafe] .library-title:before{content:"";width:34px;height:34px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cg stroke='%235b2a4e' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 14h19v7a8 8 0 0 1-8 8h-3a8 8 0 0 1-8-8z' fill='%23fff'/%3E%3Cpath d='M25 16h2.5a3.5 3.5 0 0 1 0 7H24' fill='none'/%3E%3Cpath d='M3 30h26' /%3E%3C/g%3E%3Cpath d='M15.5 24.5c-3-2.2-4.4-3.8-4.4-5.4a2.2 2.2 0 0 1 4.4-.7 2.2 2.2 0 0 1 4.4.7c0 1.6-1.4 3.2-4.4 5.4z' fill='%23ff6f9f'/%3E%3Cpath d='M12 11c-1.5-2 1.5-3 0-6M18 11c-1.5-2 1.5-3 0-6' fill='none' stroke='%23ffb3cb' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}:root[data-theme=maid-cafe] .library-save-button{height:46px}:root[data-theme=maid-cafe] .library-tabs{gap:6px;border-bottom:0}:root[data-theme=maid-cafe] .library-tab{min-width:0;min-height:38px;padding:0 18px;border:2px solid transparent;border-radius:999px;color:var(--text-muted);font-size:14px}:root[data-theme=maid-cafe] .library-tab:hover{color:var(--text);background:#fff9}:root[data-theme=maid-cafe] .library-tab.active{border-color:var(--stitch);color:var(--text-strong);background:#fff}:root[data-theme=maid-cafe] .library-search{border:2px solid var(--border);border-radius:999px;background:#fff}:root[data-theme=maid-cafe] .diagnostics-search{border:2px solid var(--border);border-radius:999px;background:#fff}:root[data-theme=maid-cafe] :is(.library-search,.diagnostics-search) svg{color:var(--accent)}:root[data-theme=maid-cafe] .library-search:focus-within{outline-color:var(--accent)}:root[data-theme=maid-cafe] :is(.panel,.settings-group,.modal){border-radius:20px}:root[data-theme=maid-cafe] :is(.settings-rows,.recorder-status,.metric,.audio-source-card,.notice,.modal,.library-player-sidebar,.settings-group:not(.single-column)){outline:1.5px dashed var(--stitch);outline-offset:-6px}:root[data-theme=maid-cafe] .settings-rows{border:2px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 6px 0 -2px var(--border)}:root[data-theme=maid-cafe] .setting-row{padding:16px 22px}:root[data-theme=maid-cafe] .setting-row+.setting-row{border-top:1.5px dotted var(--border-strong)}:root[data-theme=maid-cafe] .setting-row-title{font-weight:700}:root[data-theme=maid-cafe] .library-player{border:2px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 8px 0 -2px var(--border),0 18px 32px -18px #d6508459}:root[data-theme=maid-cafe] .library-player-sidebar{border-left:0;background:var(--surface)}:root[data-theme=maid-cafe] .library-player-sidebar:after{background:linear-gradient(to bottom,transparent,var(--surface) 88%)}:root[data-theme=maid-cafe] .library-player-side-title{color:var(--text-strong);font-weight:800}:root[data-theme=maid-cafe] .library-player-side-header{border-bottom:1.5px dotted var(--border-strong)}:root[data-theme=maid-cafe] .clip-rail-item{border-top:0;border-radius:14px;padding-left:8px}:root[data-theme=maid-cafe] .clip-rail-item.active{padding-left:8px;background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--stitch)}:root[data-theme=maid-cafe] .clip-rail-item.active .clip-rail-copy strong:before{content:"♡ ";color:var(--accent)}:root[data-theme=maid-cafe] .clip-rail-thumbnail{border:2px solid #fff;border-radius:10px;box-shadow:0 0 0 1px var(--border)}:root[data-theme=maid-cafe] .clip-rail-duration{border-radius:999px;background:#3f1937d1}:root[data-theme=maid-cafe] .library-preview-play{color:var(--primary-bg)}:root[data-theme=maid-cafe] .field-transport{--transport-face: #fff6f9;--transport-key: #ffffff;--transport-edge: #f6c3d6;--transport-ink: #5b2a4e;--transport-muted: #87567a;--transport-track: #f8cfdd;--transport-fill: #ff6f9f;--transport-marker: #d63b77;--transport-highlight: rgb(255 255 255 / 90%);--transport-display: #ffe1ec;--transport-display-ink: #3f1937;border-width:2px;border-radius:999px}:root[data-theme=maid-cafe] .recorder-status{position:relative;margin-top:64px;border:2px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 5px 0 -1px var(--border)}:root[data-theme=maid-cafe] .recorder-tally{width:13px;height:12px;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6.5 12 11'%3E%3Cpath d='M0 3.5C-5-.5-6-4-3.2-5.5-1.6-6.3-.4-5.4 0-4.2.4-5.4 1.6-6.3 3.2-5.5 6-4 5-.5 0 3.5z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6.5 12 11'%3E%3Cpath d='M0 3.5C-5-.5-6-4-3.2-5.5-1.6-6.3-.4-5.4 0-4.2.4-5.4 1.6-6.3 3.2-5.5 6-4 5-.5 0 3.5z'/%3E%3C/svg%3E") center / contain no-repeat}:root[data-theme=maid-cafe] .recorder-status.live .recorder-tally{box-shadow:none}:root[data-theme=maid-cafe] .recorder-buffer-track{height:6px;border-radius:999px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 2px),#fff calc(25% - 2px) 25%),linear-gradient(90deg,#ffd0df,var(--accent))}:root[data-theme=maid-cafe] .recorder-readout{border-top:1.5px dotted var(--border-strong)}:root[data-theme=maid-cafe] .settings-rail-item{border-radius:999px;color:var(--text);font-weight:700}:root[data-theme=maid-cafe] .settings-rail-item:not(.active):hover{background:#ffffffa6}:root[data-theme=maid-cafe] .settings-rail-indicator{border:0;background:#fff;box-shadow:0 0 0 2px var(--stitch),0 3px 0 var(--border)}:root[data-theme=maid-cafe] .settings-rail-item.active svg{color:var(--primary-bg)}:root[data-theme=maid-cafe] .settings-section-header h2{font-size:20px;font-weight:800}:root[data-theme=maid-cafe] .settings-section-header h2:before{content:"♡ ";color:var(--accent)}:root[data-theme=maid-cafe] :is(input:not([type=range],[type=checkbox],[type=radio],.library-search input,.diagnostics-search input),select,.keybind-button){border:2px solid var(--border);border-radius:12px;background:#fff}:root[data-theme=maid-cafe] .progress-track{height:8px;border-radius:999px}:root[data-theme=maid-cafe] .progress-fill{background:repeating-linear-gradient(-45deg,var(--accent) 0 8px,#ff9dbd 8px 16px)}:root[data-theme=maid-cafe] input[type=checkbox].toggle-switch{width:40px;min-width:40px;height:22px;background:#f3d3df}:root[data-theme=maid-cafe] input[type=checkbox].toggle-switch:after{width:18px;height:18px;box-shadow:0 1px 2px #5b2a4e4d}:root[data-theme=maid-cafe] input[type=checkbox].toggle-switch:checked{background:var(--toggle-on)}:root[data-theme=maid-cafe] input[type=checkbox].toggle-switch:checked:after{transform:translate(18px);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6.5 12 11'%3E%3Cpath d='M0 3.5C-5-.5-6-4-3.2-5.5-1.6-6.3-.4-5.4 0-4.2.4-5.4 1.6-6.3 3.2-5.5 6-4 5-.5 0 3.5z' fill='%23ff6f9f'/%3E%3C/svg%3E") center / 11px no-repeat}:root[data-theme=maid-cafe] .notice{display:flex;align-items:center;gap:12px;border:2px solid var(--border);border-radius:999px;padding:8px 20px 8px 10px;color:var(--text-strong);background:#fff;font-weight:700;outline-offset:-5px}:root[data-theme=maid-cafe] .workspace>.notice:first-child{margin-top:40px}:root[data-theme=maid-cafe] .modal{border:2px solid var(--border);box-shadow:0 10px 0 -3px var(--border),0 30px 60px -20px #d6508473}:root[data-theme=maid-cafe] .modal-header h2:before{content:"♡ ";color:var(--accent)}:root[data-theme=maid-cafe] .modal-backdrop{background:#5b2a4e47}:root[data-theme=maid-cafe] .metric{border:2px solid var(--border);border-radius:18px;background:#fff}:root[data-theme=maid-cafe] .metric strong{color:var(--accent-text)}:root[data-theme=maid-cafe] .topbar h1{color:var(--text-strong);font-size:28px}:root[data-theme=maid-cafe] .topbar h1:after{content:"✦";margin-left:6px;color:#ffc94d;font-size:.6em;vertical-align:.7em}:root[data-theme=maid-cafe] .library-empty-state h2{color:var(--text-strong);font-size:24px}:root[data-theme=maid-cafe] .skeleton:after,:root[data-theme=maid-cafe] .thumbnail-skeleton:after{background:linear-gradient(100deg,transparent 20%,rgb(255 255 255 / 70%) 45%,transparent 70%)}:root[data-theme=maid-cafe] .library-preview-main>.thumbnail-skeleton{background:var(--surface-active)}:root[data-theme=maid-cafe] ::selection{color:var(--text-strong);background:#ffc2d6}.mc-mascot{display:block;width:100%;height:auto;overflow:visible}.mc-blinks{transform-box:fill-box;transform-origin:center;animation:mc-blink 5.3s infinite}.mc-azuki .mc-blinks{animation-duration:4.1s}.mc-purin .mc-blinks{animation-duration:6.7s}.mc-pip .mc-blinks{animation-duration:3.7s}.mc-mochi .mc-ear-right{transform-box:fill-box;transform-origin:50% 100%;animation:mc-ear-flick 7s ease-in-out infinite}.mc-azuki .mc-ear-left{transform-box:fill-box;transform-origin:50% 100%;animation:mc-ear-flick 5.5s ease-in-out 1.2s infinite}.mc-bubble{position:absolute;z-index:3;width:max-content;max-width:190px;padding:7px 11px;border:2px solid var(--stitch, #ffb3cb);border-radius:14px;color:var(--text-strong, #3f1937);background:#fff;box-shadow:0 3px 0 var(--border, #f6c3d6);font:700 11.5px/1.35 var(--font-ui);pointer-events:none}.mc-bubble:after{content:"";position:absolute;width:9px;height:9px;border:solid var(--stitch, #ffb3cb);border-width:0 2px 2px 0;background:#fff}.mc-bubble-side{left:calc(100% + 2px);top:4px;transform-origin:0 100%}.mc-bubble-side:after{left:-6px;bottom:12px;transform:rotate(135deg)}.mc-zzz{position:absolute;top:0;right:0;pointer-events:none}.mc-zzz i{position:absolute;color:var(--accent, #ff6f9f);font:800 13px/1 var(--font-ui);font-style:normal;opacity:0;animation:mc-zzz 3.6s ease-in-out infinite}.mc-zzz i:nth-child(2){font-size:16px;animation-delay:1.2s}.mc-zzz i:nth-child(3){font-size:20px;animation-delay:2.4s}.mc-heart-burst{position:absolute;top:40%;left:50%;width:0;height:0;pointer-events:none}.mc-heart-burst svg{position:absolute;width:14px;height:14px;margin:-7px;opacity:0;--x: calc((var(--i) - 2) * 11px);animation:mc-heart-rise 1.5s ease-out calc(var(--i) * .11s) infinite}.mc-recorder-pet{position:absolute;z-index:2;top:-50px;right:12px;width:60px}.mc-recorder-pet>.mc-mascot{transform-origin:50% 100%;animation:mc-breathe 3.4s ease-in-out infinite}.mc-recorder-pet .mc-zzz{top:4px;right:-8px}.mc-recorder-pet .mc-heart-burst{top:10px}.mc-recorder-pet .mc-bubble-left{right:calc(100% + 2px);top:-10px;max-width:136px;transform-origin:100% 60%}.mc-recorder-pet .mc-bubble-left:after{right:-6px;top:14px;transform:rotate(-45deg)}.mc-recorder-pet.mc-state-live .mc-mochi .mc-paw-right{transform-box:fill-box;transform-origin:30% 80%;animation:mc-wave 4.8s ease-in-out infinite}.mc-peek-anchor{position:relative;z-index:1;height:0;margin:38px 0 -18px}.mc-peek-anchor>.mc-peeker{position:absolute;right:44px;bottom:-9px;width:74px;height:66px;overflow:hidden;cursor:default}.mc-peeker .mc-mascot{position:absolute;bottom:0;transition:transform .38s cubic-bezier(.3,1.4,.5,1);animation:mc-peek-in .9s cubic-bezier(.3,1.4,.5,1) backwards}.mc-peeker.shy .mc-mascot{transform:translateY(34px) rotate(-6deg)}.mc-empty-scene{position:relative;display:flex;align-items:flex-end;gap:4px;margin-bottom:10px}.mc-empty-mochi{width:116px;animation:mc-breathe 3.4s ease-in-out infinite;transform-origin:50% 100%}.mc-empty-pip{width:46px;margin-bottom:6px;animation:mc-hop 2.4s ease-in-out infinite}.mc-tray{position:absolute;bottom:22px;left:70px;width:58px;height:12px;border:2px solid #5b2a4e;border-radius:50%;background:#fff;box-shadow:inset 0 -3px #ffd0df}.mc-nap{position:absolute;top:50%;left:50%;width:118px;transform:translate(-50%,-50%)}.mc-nap>.mc-mascot{transform-origin:50% 100%;animation:mc-breathe 4.2s ease-in-out infinite}.mc-nap .mc-zzz{top:6px;right:2px}.mc-notice-pet{position:relative;flex:0 0 auto;width:34px;margin:-8px 0}.mc-notice-pet>.mc-mascot{animation:mc-hop-in .7s cubic-bezier(.3,1.5,.5,1) both}.mc-notice-pet .mc-heart-burst svg{animation-iteration-count:1}.primary>.mc-heart-burst{top:0}.mc-rail-pet{position:relative;width:78px;margin:22px 0 0 14px}.mc-rail-pet .mc-zzz{top:10px;right:-6px}.mc-rail-pet .mc-bubble-down{top:calc(100% + 8px);left:-8px;max-width:180px;transform-origin:20% 0}.mc-rail-pet .mc-bubble-down:after{top:-6px;left:30px;transform:rotate(-135deg)}.mc-rail-pet:hover .mc-wobble{animation:mc-jiggle .6s ease-in-out}.mc-purin .mc-wobble{transform-box:fill-box;transform-origin:50% 100%}@keyframes mc-blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes mc-ear-flick{0%,78%,to{transform:rotate(0)}82%{transform:rotate(14deg)}86%{transform:rotate(-5deg)}90%{transform:rotate(8deg)}}@keyframes mc-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,.97)}}@keyframes mc-wave{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-28deg)}82%{transform:rotate(-8deg)}88%{transform:rotate(-28deg)}94%{transform:rotate(0)}}@keyframes mc-hop{0%,60%,to{transform:translateY(0)}70%{transform:translateY(-9px) rotate(-6deg)}80%{transform:translateY(0)}88%{transform:translateY(-4px) rotate(4deg)}}@keyframes mc-hop-in{0%{opacity:0;transform:translateY(10px) scale(.5) rotate(-20deg)}to{opacity:1;transform:none}}@keyframes mc-peek-in{0%{transform:translateY(40px)}to{transform:translateY(0)}}@keyframes mc-jiggle{0%,to{transform:scale(1)}25%{transform:scale(1.08,.92)}50%{transform:scale(.95,1.06)}75%{transform:scale(1.03,.97)}}@keyframes mc-zzz{0%{opacity:0;transform:translate(0)}25%{opacity:1}to{opacity:0;transform:translate(12px,-26px)}}@keyframes mc-heart-rise{0%{opacity:0;transform:translate(var(--x),6px) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) * 1.7),-34px) scale(1)}}@media(max-width:900px){.mc-recorder-pet{display:none}:root[data-theme=maid-cafe] .recorder-status{margin-top:0}}@media(max-width:860px){.mc-rail-pet{display:none}}@media(prefers-reduced-motion:reduce){.mc-mascot,.mc-mascot *,.mc-mascot~.mc-heart-burst svg,.mc-empty-pip,.mc-empty-mochi{animation:none!important}.mc-peeker .mc-mascot{transition:none}.mc-zzz i{animation:none;opacity:.8}.mc-zzz i:nth-child(2){transform:translate(6px,-12px)}.mc-zzz i:nth-child(3){transform:translate(12px,-26px)}.mc-heart-burst{display:none}}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(./CormorantGaramond-Italic-Latin-Y14P-dkT.woff2) format("woff2"),url(./cormorant-garamond-latin-500-italic-DhNIfkTX.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(./cormorant-garamond-latin-600-normal-2CBVLo0M.woff) format("woff")}:root[data-theme=halloween]{--font-display: "Cormorant Garamond", Georgia, serif;--app-bg: #14111f;--sidebar-bg: #100d19;--surface: #1a1627;--surface-deep: #120f1c;--surface-row: #181424;--surface-control: #211c33;--surface-hover: #282240;--surface-active: #2f2849;--surface-video: #09070f;--border: #2a2440;--border-strong: #3b3357;--text: #ece6f3;--text-strong: #faf6ff;--text-muted: #a89fbc;--text-subtle: #8a819f;--icon: #cfc6e2;--accent: #e8904a;--accent-hover: #f0a25f;--accent-soft: #261c28;--accent-border: #6b4a36;--accent-text: #f0a868;--on-accent: #1c1008;--primary-bg: #e8904a;--primary-text: #1c1008;--selection: #e8904a;--selection-ring: rgb(232 144 74 / 40%);--toggle-on: #c9793d;--scrollbar: #342d4a;--scrollbar-hover: #463d62;--scrollbar-active: #5a4f7c;--shadow: rgb(3 2 8 / 60%);--inset-highlight: rgb(255 244 220 / 4%);--tally: #f0a868;--moon: #efe6cf;color-scheme:dark}:root[data-theme=halloween] :is(h1,h2,.brand strong){font-weight:600;letter-spacing:.01em}:root[data-theme=halloween] .app-shell{isolation:isolate;background:radial-gradient(ellipse 55% 45% at 78% -12%,rgb(239 230 207 / 7%),transparent 70%),radial-gradient(ellipse 80% 60% at 50% 120%,rgb(92 70 150 / 12%),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23efe6cf'%3E%3Ccircle cx='18' cy='24' r='.6' opacity='.35'/%3E%3Ccircle cx='110' cy='14' r='.5' opacity='.3'/%3E%3Ccircle cx='70' cy='84' r='.7' opacity='.25'/%3E%3Ccircle cx='138' cy='106' r='.5' opacity='.3'/%3E%3Ccircle cx='38' cy='132' r='.5' opacity='.25'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 160px 160px,linear-gradient(#17132a,#110e1b)}:root[data-theme=halloween] .workspace{background:transparent}:root[data-theme=halloween] .sidebar{border-right:1px solid #221d33;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 248 120'%3E%3Cg stroke='%23090611' stroke-linecap='round' fill='none'%3E%3Cpath d='M32 104V72M32 82l-9-10M32 77l8-11M40 66l4 1M23 72l-4-1' stroke-width='2.2'/%3E%3Cpath d='M214 100V76M214 84l7-8M214 80l-6-7' stroke-width='1.8'/%3E%3C/g%3E%3Cg fill='%23090611'%3E%3Cpath d='M118 58L150 34 182 58z'/%3E%3Crect x='124' y='55' width='52' height='46'/%3E%3Crect x='131' y='38' width='14' height='20'/%3E%3Cpath d='M128 40L138 20 148 40z'/%3E%3C/g%3E%3Cg fill='%23e8b25a'%3E%3Crect x='134' y='67' width='6' height='8' opacity='.75'/%3E%3Crect x='160' y='67' width='6' height='8' opacity='.35'/%3E%3C/g%3E%3Cpath d='M0 120V104Q70 92 130 100T248 96V120z' fill='%23090611'/%3E%3C/svg%3E") bottom / 100% auto no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3CradialGradient id='g'%3E%3Cstop offset='.35' stop-color='%23efe6cf' stop-opacity='.16'/%3E%3Cstop offset='1' stop-color='%23efe6cf' stop-opacity='0'/%3E%3C/radialGradient%3E%3Ccircle cx='30' cy='30' r='30' fill='url(%23g)'/%3E%3Ccircle cx='30' cy='30' r='9' fill='%23efe6cf'/%3E%3Ccircle cx='27' cy='28' r='1.8' fill='%23d9ceb2'/%3E%3Ccircle cx='33' cy='33' r='1.2' fill='%23d9ceb2'/%3E%3C/svg%3E") right 22px bottom 104px / 58px 58px no-repeat,radial-gradient(ellipse 120% 110px at 55% 100%,rgb(92 70 150 / 22%),transparent 75%),linear-gradient(#15111f,#0e0b16)}:root[data-theme=halloween] .brand .mark{border-radius:10px;box-shadow:0 0 0 1px var(--border-strong)}:root[data-theme=halloween] .brand strong{color:var(--text-strong);font-size:23px}:root[data-theme=halloween] .nav{height:42px;margin-bottom:4px;border-radius:10px;isolation:isolate;color:var(--text-muted);font-weight:500}:root[data-theme=halloween] .nav:hover{color:var(--text);background:#ffffff08}:root[data-theme=halloween] .nav.active{background:transparent;color:var(--text-strong)}:root[data-theme=halloween] .nav.active svg{color:var(--accent-text)}:root[data-theme=halloween] .nav-indicator{z-index:-1;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border:1px solid var(--border);border-radius:10px;background:var(--surface-control);box-shadow:inset 2px 0 0 var(--accent),-6px 0 16px -10px #e8904acc}:root[data-theme=halloween] :is(.library-title h1,.topbar h1){color:#f4ecdf;font-size:36px;line-height:1;text-shadow:0 0 28px rgb(232 144 74 / 14%)}:root[data-theme=halloween] .library-heading-default{display:none}:root[data-theme=halloween] .library-heading-halloween{display:inline}:root[data-theme=halloween] .library-title-icon{display:none}:root[data-theme=halloween] .library-title:before{content:"";width:20px;height:20px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M13 2.5A8 8 0 1 0 17.5 15 6.5 6.5 0 0 1 13 2.5z' fill='%23efe6cf'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 0 6px rgb(239 230 207 / 35%))}:root[data-theme=halloween] .topbar h1:after{content:"";display:inline-block;width:9px;height:20px;margin-left:12px;vertical-align:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 20'%3E%3Cpath d='M4.5 8C1.8 6.2 2.3 3 4.5 0c2.2 3 2.7 6.2 0 8z' fill='%23f0a868'/%3E%3Cpath d='M4.5 7.2C3.4 6 3.6 4.4 4.5 3c.9 1.4 1.1 3 0 4.2z' fill='%23ffe3a8'/%3E%3Crect x='2' y='9' width='5' height='11' rx='1' fill='%23d9cfbb'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 -2px 5px rgb(240 168 104 / 55%));animation:hw-candle 3.4s ease-in-out infinite}:root[data-theme=halloween] :is(.settings-section-header h2,.settings-content .audio-settings-heading h2,.modal-header h2,.library-empty-state h2){color:#f4ecdf;font-family:var(--font-display);font-size:24px;font-weight:600}:root[data-theme=halloween] .library-player-side-title{color:var(--text-strong);font-family:var(--font-display);font-size:28px;font-weight:600}:root[data-theme=halloween] .primary{position:relative;border-radius:10px;padding:0 18px;color:var(--primary-text);background:linear-gradient(#eea062,#dd8440);box-shadow:inset 0 1px #ffe2be73,0 10px 24px -12px #e8904ab3;font-weight:700;transition:box-shadow .2s ease,transform .12s ease}:root[data-theme=halloween] .primary:hover:not(:disabled){box-shadow:inset 0 1px #ffe2be8c,0 10px 30px -10px #e8904ae5}:root[data-theme=halloween] .primary:active:not(:disabled){transform:translateY(1px)}:root[data-theme=halloween] :is(.secondary-button,.modal-footer button:not(.primary),.danger-button){border:1px solid var(--border-strong);border-radius:10px;background:#1a1627cc;transition:border-color .16s ease,background .16s ease}:root[data-theme=halloween] :is(.secondary-button,.modal-footer button:not(.primary)):hover:not(:disabled){border-color:#5c5087;background:var(--surface-control)}:root[data-theme=halloween] .icon-button{border-radius:9px}:root[data-theme=halloween] .chip{border:1px solid var(--border-strong);color:var(--text-muted);background:#1a1627cc}:root[data-theme=halloween] .chip:hover{border-color:#5c5087;color:var(--text);background:var(--surface-control)}:root[data-theme=halloween] .chip.active{border-color:#e8904ab3;color:var(--accent-text);background:#e8904a1a}:root[data-theme=halloween] .library-top{border-bottom:1px solid var(--border);background:linear-gradient(#17132a,#151124);box-shadow:0 16px 30px -22px #000000e5}:root[data-theme=halloween] .library-tabs{gap:4px;border-bottom:0}:root[data-theme=halloween] .library-tab{min-width:0;min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:10px;color:var(--text-muted);font-size:14px;font-weight:600}:root[data-theme=halloween] .library-tab:hover{color:var(--text);background:#ffffff08}:root[data-theme=halloween] .library-tab.active{border-color:var(--border-strong);color:var(--text-strong);background:var(--surface-control);box-shadow:inset 0 -2px 0 var(--accent)}:root[data-theme=halloween] :is(.library-search,.diagnostics-search){border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-deep)}:root[data-theme=halloween] :is(.library-search,.diagnostics-search) svg{color:var(--text-muted)}:root[data-theme=halloween] .library-player{position:relative;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:inset 0 1px 0 var(--inset-highlight),0 24px 48px -26px #000000e5}:root[data-theme=halloween] .library-player:before{content:"";position:absolute;z-index:3;top:0;left:0;width:46px;height:46px;pointer-events:none;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70' fill='none' stroke='%23e6dcff' stroke-opacity='.3' stroke-width='.6'%3E%3Cpath d='M0 0L70 26M0 0L56 56M0 0L26 70'/%3E%3Cpath d='M0 14Q10 12 13 4M0 14Q8 16 12 11M8 21Q2 17 0 14'/%3E%3Cpath d='M0 30Q20 24 27 8M23 23Q26 30 17 38M17 38Q8 38 0 30'/%3E%3Cpath d='M0 48Q28 42 42 16M36 36Q40 46 28 56M28 56Q14 58 0 48'/%3E%3C/svg%3E") 0 0 / contain no-repeat}:root[data-theme=halloween] .library-player-sidebar{border-left:1px solid var(--border);background:var(--surface-row)}:root[data-theme=halloween] .library-player-sidebar:after{background:linear-gradient(to bottom,transparent,var(--surface-row) 88%)}:root[data-theme=halloween] .clip-rail-item{border-top:0;border-radius:10px;padding-left:8px}:root[data-theme=halloween] .clip-rail-item:hover{background:var(--surface-control)}:root[data-theme=halloween] .clip-rail-item.active{padding-left:8px;background:#e8904a12;box-shadow:inset 0 0 0 1px #e8904a52}:root[data-theme=halloween] .clip-rail-thumbnail{border-radius:7px}:root[data-theme=halloween] .settings-rows{border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:inset 0 1px 0 var(--inset-highlight),0 20px 40px -26px #000000e5}:root[data-theme=halloween] .setting-row+.setting-row{border-top-color:var(--border)}:root[data-theme=halloween] :is(input:not([type=range],[type=checkbox],[type=radio],.library-search input,.diagnostics-search input),select,.keybind-button){border:1px solid var(--border-strong);border-radius:9px;background:var(--surface-deep)}:root[data-theme=halloween] .field-transport{--transport-face: #171325;--transport-key: #211c33;--transport-edge: #3b3357;--transport-ink: #ece6f3;--transport-muted: #a89fbc;--transport-track: #2f2849;--transport-fill: #e8904a;--transport-marker: #efe6cf;--transport-highlight: rgb(255 244 220 / 4%);--transport-display: #0e0b16;--transport-display-ink: #f0a868;border-radius:12px}:root[data-theme=halloween] .recorder-status{position:relative;margin-top:40px;border:1px solid var(--border);border-radius:14px;background:#1a1627e0}:root[data-theme=halloween] .recorder-tally{width:8px;height:12px;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14'%3E%3Cpath d='M5 14C0 11 1 5 5 0c4 5 5 11 0 14z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14'%3E%3Cpath d='M5 14C0 11 1 5 5 0c4 5 5 11 0 14z'/%3E%3C/svg%3E") center / contain no-repeat}:root[data-theme=halloween] .recorder-status.live .recorder-tally{box-shadow:none;background:linear-gradient(#ffe3a8,#e8904a 70%);transform-origin:50% 100%;animation:hw-flame-sway 2.2s ease-in-out infinite}:root[data-theme=halloween] .recorder-buffer-track{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#1a1627 calc(25% - 1px) 25%),linear-gradient(90deg,rgb(232 144 74 / 18%),var(--accent))}:root[data-theme=halloween] .settings-rail-item{border-radius:10px;color:var(--text-muted)}:root[data-theme=halloween] .settings-rail-item.active{color:var(--text-strong)}:root[data-theme=halloween] .settings-rail-item.active svg{color:var(--accent-text)}:root[data-theme=halloween] .settings-rail-item:not(.active):hover{color:var(--text);background:#ffffff08}:root[data-theme=halloween] .settings-rail-indicator{border-color:var(--border);background:var(--surface-control);box-shadow:inset 2px 0 0 var(--accent),-6px 0 16px -10px #e8904acc}:root[data-theme=halloween] input[type=checkbox].toggle-switch{background:#2f2849}:root[data-theme=halloween] input[type=checkbox].toggle-switch:after{background:#bdb3d4;box-shadow:none}:root[data-theme=halloween] input[type=checkbox].toggle-switch:checked{background:var(--toggle-on);box-shadow:0 0 14px -4px #e8904ab3}:root[data-theme=halloween] input[type=checkbox].toggle-switch:checked:after{background:#fff4e6}:root[data-theme=halloween] .notice{display:flex;align-items:center;gap:12px;border:1px solid rgb(232 144 74 / 40%);border-radius:12px;padding:9px 16px 9px 12px;color:var(--text);background:#1a1627f0;box-shadow:0 12px 30px -18px #e8904a99}:root[data-theme=halloween] .workspace>.notice:first-child{margin-top:36px}:root[data-theme=halloween] .modal{border:1px solid var(--border-strong);border-radius:16px;box-shadow:inset 0 1px 0 var(--inset-highlight),0 30px 70px -24px #000000e5,0 0 60px -30px #8b7bd873}:root[data-theme=halloween] .modal-backdrop{background:#06040ca8}:root[data-theme=halloween] .metric{border:1px solid var(--border);border-radius:12px;background:var(--surface-row)}:root[data-theme=halloween] .metric strong{color:var(--accent-text)}:root[data-theme=halloween] :is(.skeleton,.thumbnail-skeleton){background:var(--surface-control)}:root[data-theme=halloween] :is(.skeleton,.thumbnail-skeleton):after{background:linear-gradient(100deg,transparent 20%,rgb(239 230 207 / 5%) 45%,transparent 70%)}:root[data-theme=halloween] .library-preview-main>.thumbnail-skeleton{background:#120f1c}:root[data-theme=halloween] ::selection{color:#1c1008;background:#f0a868}@keyframes hw-candle{0%,to{opacity:1}40%{opacity:.86}55%{opacity:.97}72%{opacity:.84}}@keyframes hw-flame-sway{0%,to{transform:scale(1) rotate(0)}35%{transform:scale(.95,1.05) rotate(-3deg)}70%{transform:scale(1.03,.96) rotate(2deg)}}@media(prefers-reduced-motion:reduce){:root[data-theme=halloween] .topbar h1:after,:root[data-theme=halloween] .recorder-status.live .recorder-tally{animation:none}}.hw-mascot{display:block;width:100%;height:auto;overflow:visible}.hw-blinks{transform-box:fill-box;transform-origin:center;animation:hw-blink 5.2s infinite}.hw-slow-blink{transform-box:fill-box;transform-origin:center;animation:hw-slow-blink 7.5s infinite}.hw-jack .hw-carve{animation:hw-ember-glow 3.3s linear infinite}.hw-soot .hw-tail{transform-box:fill-box;transform-origin:0% 10%;animation:hw-tail 4.2s ease-in-out infinite}.hw-perch.petted .hw-tail{animation-duration:1.4s}.hw-wick .hw-flame{transform-box:fill-box;transform-origin:50% 100%;animation:hw-flame-sway 2s ease-in-out infinite;transition:scale .5s ease}.hw-wick .hw-flame.dim{scale:.6}.hw-wick .hw-flame-glow{display:none}.hw-brewster .hw-brew-bubbles circle{transform-box:fill-box;transform-origin:center;animation:hw-pop 2.8s ease-in infinite}.hw-brewster .hw-brew-bubbles circle:nth-child(2){animation-delay:-.9s}.hw-brewster .hw-brew-bubbles circle:nth-child(3){animation-delay:-1.8s}.hw-brewster .hw-fire{transform-box:fill-box;transform-origin:50% 100%;animation:hw-flame-sway 1.4s ease-in-out infinite}.hw-glow{position:absolute;top:-45%;right:-60%;bottom:-25%;left:-60%;border-radius:50%;background:radial-gradient(closest-side,rgb(240 168 104 / 30%),transparent);pointer-events:none;transition:scale .5s ease}.hw-glow.dim{scale:.6}.golden>.hw-glow{background:radial-gradient(closest-side,rgb(236 196 110 / 45%),transparent)}.hw-bubble{position:absolute;z-index:3;width:max-content;max-width:170px;padding:5px 10px 6px;border:1px solid rgb(232 144 74 / 35%);border-radius:9px;color:#ece6f3;background:#120f1cf0;box-shadow:0 10px 24px -12px #000000e5;font:italic 500 14px/1.2 Cormorant Garamond,Georgia,serif;pointer-events:none}.hw-bubble-left{right:calc(100% + 8px);top:2px}.hw-bubble-down{top:calc(100% + 8px);left:-8px}.hw-bubble-under{position:relative;margin-top:6px}.hw-embers{position:absolute;top:20%;left:50%;width:0;height:0;pointer-events:none}.hw-embers i{position:absolute;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#ffc98a;box-shadow:0 0 6px 1px #f0a868b3;opacity:0;--x: calc((var(--i) - 2) * 7px);animation:hw-ember 1.6s ease-out calc(var(--i) * .12s) both}.hw-embers.loop i{animation:hw-ember 2s ease-out calc(var(--i) * .26s) infinite}.hw-recorder-pet{position:absolute;z-index:2;top:-27px;right:14px;width:34px;cursor:pointer}.hw-recorder-pet>.hw-mascot{position:relative}.hw-recorder-pet .hw-bubble-left{top:0}.hw-perch-anchor{position:relative;z-index:1;height:0;margin:24px 0 -18px}.hw-perch{position:absolute;right:31%;bottom:-14px;width:50px;pointer-events:none}.hw-perch .hw-mascot{pointer-events:none}.hw-perch .hw-mascot>:not(.hw-tail){pointer-events:visiblePainted}.hw-perch .hw-bubble-left{top:6px}.hw-empty-scene{display:grid;justify-items:center;margin-bottom:10px}.hw-empty-boo{display:block;width:62px;opacity:.92;animation:hw-drift 16s ease-in-out infinite}.hw-brew{position:absolute;top:50%;left:50%;width:92px;opacity:.9;transform:translate(-50%,-40%)}.hw-brew-steam{position:absolute;top:-4px;left:30%;width:40%;height:30px}.hw-brew-steam i{position:absolute;bottom:0;width:8px;height:8px;border-radius:50%;background:#c8bee138;animation:hw-steam 3.4s ease-out infinite}.hw-brew-steam i:nth-child(1){left:10%}.hw-brew-steam i:nth-child(2){left:45%;animation-delay:-1.1s}.hw-brew-steam i:nth-child(3){left:80%;animation-delay:-2.2s}.hw-notice-pet{position:relative;flex:0 0 auto;width:22px}.primary>.hw-embers{top:0}.hw-rail-pet{position:relative;display:block;width:28px;margin:26px 0 0 24px}.hw-rail-pet>.hw-mascot{position:relative}.hw-ambient-back{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:248px;overflow:hidden;pointer-events:none}.hw-stars{position:absolute;top:0;right:0;bottom:0;left:0}.hw-stars i{position:absolute;border-radius:50%;background:#f3ead0;box-shadow:0 0 4px #f3ead099;opacity:.3}.hw-fog{position:absolute;right:-15%;bottom:-30px;left:-15%;height:240px}.hw-fog.far{background:radial-gradient(ellipse 45% 55% at 30% 100%,rgb(170 155 215 / 8%),transparent 70%)}.hw-fog.near{height:170px;background:radial-gradient(ellipse 40% 60% at 75% 100%,rgb(170 155 215 / 9%),transparent 70%)}.hw-mote{position:absolute;bottom:-6px;border-radius:50%;background:#cbbfe6;box-shadow:0 0 6px #cbbfe699}.hw-mote.ember{background:#f0b178;box-shadow:0 0 7px 1px #f0a8688c}.hw-leaf{position:absolute;top:-20px;display:block;width:11px;opacity:.4}.hw-leaf svg{display:block;width:100%}.hw-passing-ghost{position:absolute;left:0;display:block;width:30px;filter:blur(.3px)}.hw-witch{position:absolute;left:170px;bottom:124px;width:34px;fill:#0a0712;filter:drop-shadow(0 0 1px rgb(239 230 207 / 25%));animation:hw-witch-bob 6s ease-in-out infinite}.hw-witch svg{display:block;width:100%;overflow:visible}.hw-i{position:relative;display:inline-block}.hw-eye{position:absolute;top:-.14em;left:50%;width:.56em;transform:translate(-50%);overflow:visible;filter:drop-shadow(0 0 3px rgb(217 128 122 / 45%))}.hw-eye-ball{transform-box:fill-box;transform-origin:center;animation:hw-eye-blink 6.5s infinite}.hw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hw-ambient-front{position:fixed;z-index:7;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hw-lights{position:absolute;top:0;right:0;left:248px;height:22px}.hw-lights svg{display:block;width:100%;height:20px}.hw-lights i{position:absolute;width:4px;height:5px;margin-left:-2px;border-radius:45% 45% 50% 50%;background:#ffd79a;box-shadow:0 0 6px 1px #ffbe6e7f,0 0 14px 2px #ffbe6e2e;opacity:.55}.hw-lights i.cool{background:#d6c9ff;box-shadow:0 0 6px 1px #beaaff73}.hw-hanging{position:absolute;top:16px;left:57%;width:22px;pointer-events:auto;transform-origin:50% -8px;animation:hw-sway 6s ease-in-out infinite;transition:translate .6s cubic-bezier(.3,1.2,.5,1)}.hw-hanging .hw-mascot{transform:rotate(180deg)}.hw-thread{position:absolute;top:-8px;left:50%;width:1px;height:10px;background:#e6dcff4d}.hw-hanging.awake .hw-wing-left{transform-box:fill-box;transform-origin:100% 55%;animation:hw-flap-left .2s ease-in-out infinite alternate}.hw-hanging.awake .hw-wing-right{transform-box:fill-box;transform-origin:0% 55%;animation:hw-flap-right .2s ease-in-out infinite alternate}.hw-hanging .hw-bubble-down{left:-30px}.app-shell:has(.notice) .hw-hanging{translate:0 -60px}.hw-flight{position:absolute;left:0;display:flex;align-items:flex-start;gap:14px}.hw-bat{display:block;margin-top:calc(var(--i) * 12px)}.hw-bat svg{display:block;width:100%;fill:#3a3157;filter:drop-shadow(0 0 2px rgb(200 185 245 / 55%));transform-origin:50% 40%;animation:hw-bat-flap .26s ease-in-out infinite alternate}.hw-bat:nth-child(2) svg{animation-delay:-.1s}.hw-bat:nth-child(3) svg{animation-delay:-.18s}.hw-flight.reverse .hw-bat{transform:scaleX(-1)}@keyframes hw-blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes hw-slow-blink{0%,86%,to{transform:scaleY(1)}90%,94%{transform:scaleY(.12)}}@keyframes hw-ember-glow{0%,to{opacity:1}22%{opacity:.86}48%{opacity:.94}71%{opacity:.84}}@keyframes hw-tail{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}@keyframes hw-pop{0%{transform:translateY(3px) scale(.4);opacity:0}30%{opacity:.9}80%{transform:translateY(-3px) scale(1);opacity:.9}to{transform:translateY(-5px) scale(1.3);opacity:0}}@keyframes hw-steam{0%{transform:translateY(0) scale(.6);opacity:0}30%{opacity:1}to{transform:translateY(-28px) scale(1.8);opacity:0}}@keyframes hw-ember{0%{opacity:0;transform:translate(var(--x),4px)}25%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) * 1.6),-30px)}}@keyframes hw-drift{0%{transform:translate(-50px) scaleX(1)}12.5%{transform:translate(-25px,-7px) scaleX(1)}25%{transform:translate(0) scaleX(1)}37.5%{transform:translate(25px,-6px) scaleX(1)}48%{transform:translate(49px,-1px) scaleX(1)}50%{transform:translate(50px) scaleX(-1)}62.5%{transform:translate(25px,-7px) scaleX(-1)}75%{transform:translate(0) scaleX(-1)}87.5%{transform:translate(-25px,-6px) scaleX(-1)}98%{transform:translate(-49px,-1px) scaleX(-1)}to{transform:translate(-50px) scaleX(1)}}@keyframes hw-witch-bob{0%,to{transform:translate(0) rotate(-4deg)}50%{transform:translate(-3px,-4px) rotate(-1deg)}}@keyframes hw-eye-blink{0%,90%,94%,to{transform:scaleY(1)}92%{transform:scaleY(.08)}95%{transform:scaleY(.55)}96%{transform:scaleY(1)}}@keyframes hw-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes hw-flap-left{0%{transform:rotate(16deg) scaleY(.85)}to{transform:rotate(-20deg)}}@keyframes hw-flap-right{0%{transform:rotate(-16deg) scaleY(.85)}to{transform:rotate(20deg)}}@keyframes hw-bat-flap{0%{transform:scaleY(1)}to{transform:scaleY(.45)}}@media(max-width:1000px){.hw-hanging{display:none}}@media(max-width:900px){.hw-recorder-pet,.hw-witch,.hw-lights{display:none}.hw-ambient-back{left:0}:root[data-theme=halloween] .recorder-status{margin-top:0}:root[data-theme=halloween] .sidebar{background:linear-gradient(#15111f,#0e0b16)}}@media(max-width:860px){.hw-rail-pet{display:none}}@media(prefers-reduced-motion:reduce){.hw-mascot,.hw-mascot *,.hw-hanging,.hw-empty-boo,.hw-witch,.hw-eye-ball,.hw-bat svg{animation:none!important}.hw-brew-steam,.hw-embers{display:none}}