:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#203039;font-synthesis:none;text-rendering:optimizelegibility;--ink:#203039;--ink-soft:#40545b;--paper:#f4f6f3;--surface:#fffdf7;--fog:#dce4e6;--deck:#315d70;--deck-dark:#244553;--amber:#d28b45;--mint:#67a998;--red:#c9513d;--muted:#6d7d81;--line:#20303929;--line-strong:#20303952;--display:"Arial Narrow", "Avenir Next Condensed", "DIN Condensed", "PingFang SC", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--shadow:0 18px 50px #1f333c17;--radius:18px;background:#dce4e6;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--fog);scroll-behavior:smooth;min-width:320px}body{background:var(--fog);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--amber);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);color:var(--ink);letter-spacing:-.035em}h1{margin-bottom:1.2rem;font-size:clamp(3.4rem,7vw,7.2rem);font-weight:800;line-height:.88}h2{margin-bottom:0;font-size:clamp(1.9rem,3vw,3.1rem);font-weight:760;line-height:.98}h3{margin-bottom:.35rem;font-size:1.35rem}.spin{animation:1s linear infinite spin}.spin-slow{animation:5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:var(--deck);font:750 .68rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.75rem;display:block}.tape-label{background:var(--amber);width:max-content;color:var(--ink);font:800 .65rem/1 var(--mono);letter-spacing:.08em;border-radius:4px;padding:.42rem .68rem;display:inline-flex;transform:rotate(-1deg);box-shadow:0 2px #20303940}.primary-button,.secondary-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.55rem;min-height:47px;padding:.78rem 1.15rem;font-weight:750;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.primary-button{border:1px solid var(--deck-dark);background:var(--deck);color:#fff;box-shadow:0 4px 0 var(--deck-dark)}.primary-button:hover{box-shadow:0 6px 0 var(--deck-dark);transform:translateY(-2px)}.primary-button:active{box-shadow:0 2px 0 var(--deck-dark);transform:translateY(2px)}.primary-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.secondary-button{border:1px solid var(--line-strong);color:var(--ink);background:#ffffff6b}.secondary-button:hover{background:var(--surface);transform:translateY(-1px)}.primary-button svg,.secondary-button svg{width:18px;height:18px}.secondary-button svg:last-child:not(:first-child){width:14px}.full-width{width:100%}.text-button{color:var(--deck);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:.4rem;font-weight:700;display:inline-flex}.text-button:hover{color:var(--ink)}.text-button svg{width:16px}.danger-text{color:var(--red)}.icon-button{border:1px solid var(--line-strong);cursor:pointer;background:#ffffff61;border-radius:9px;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.icon-button:hover{background:var(--surface);border-color:var(--deck)}.icon-button svg{width:18px;height:18px}.button-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:var(--amber);width:43px;height:43px;color:var(--ink);border:2px solid #ffffffad;border-radius:50%;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 4px #20303914}.brand-mark svg{width:27px;height:27px}.brand-mark-large{border-color:#20303929;width:78px;height:78px;margin-bottom:2rem}.brand-mark-large svg{width:50px;height:50px}.brand>span:last-child{gap:.12rem;display:grid}.brand strong{font:850 .85rem/1 var(--display);letter-spacing:.14em}.brand small{color:#ffffff94;font:.53rem/1 var(--mono);letter-spacing:.08em}.login-page{background:var(--paper);grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);min-height:100vh;display:grid}.login-intro{background:var(--fog);border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem);display:flex;position:relative;overflow:hidden}.login-intro:before{content:"";pointer-events:none;border:1px solid #2030391a;border-radius:24px;position:absolute;inset:1.2rem}.login-intro h1{z-index:1;max-width:790px;color:var(--deck-dark);font-size:clamp(4.2rem,8vw,8.6rem);position:relative}.login-intro p{z-index:1;max-width:580px;color:var(--ink-soft);margin-bottom:2rem;font-size:1rem;line-height:1.8;position:relative}.login-deck{z-index:1;border:1px solid var(--line-strong);background:#fffdf79e;border-radius:18px;width:min(590px,100%);padding:1rem 1rem .7rem;position:relative;box-shadow:inset 0 1px #fffc}.deck-window{border:8px solid var(--deck);background:var(--deck-dark);border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;height:108px;padding:0 2rem;display:grid;position:relative;overflow:hidden}.deck-window:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 28px,#ffffff06 28px 29px);position:absolute;inset:0}.deck-reel,.transport-reel{z-index:2;aspect-ratio:1;background:var(--surface);border-radius:50%;place-items:center;display:grid;position:relative}.deck-reel{border:8px solid var(--amber);width:70px;box-shadow:0 0 0 2px #ffffff47}.deck-reel i,.transport-reel i{aspect-ratio:1;background:var(--deck);width:38%;color:var(--deck);border-radius:50%;box-shadow:0 -15px 0 -5px,13px 8px 0 -5px,-13px 8px 0 -5px}.deck-tape{background:var(--amber);height:4px;box-shadow:0 0 0 1px #0000001f}.deck-caption{color:var(--muted);font:.58rem var(--mono);letter-spacing:.08em;justify-content:space-between;margin-top:.65rem;display:flex}.login-form{border:1px solid var(--line);background:var(--surface);width:min(440px,100% - 4rem);box-shadow:var(--shadow);border-radius:24px;align-self:center;gap:1.25rem;margin:2rem auto;padding:2.3rem;display:grid}.login-form h2{margin:.7rem 0 1rem;font-size:3.1rem}label{color:var(--ink-soft);gap:.55rem;font-size:.8rem;font-weight:700;display:grid}input,textarea,select{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#dce4e652;border-radius:9px;padding:.85rem .95rem}input{height:49px}textarea{resize:vertical;min-height:145px;font-family:var(--mono);line-height:1.6}select{height:45px}input::placeholder,textarea::placeholder{color:#829195}.form-hint{color:var(--muted);text-align:center;margin-bottom:0;font-size:.72rem;line-height:1.6}.boot-screen{min-height:100vh;color:var(--deck);font:.72rem var(--mono);letter-spacing:.1em;place-content:center;justify-items:center;gap:1rem;display:grid}.boot-screen svg{width:56px;height:56px;color:var(--amber)}.app-shell{min-height:100vh}.sidebar{z-index:20;background:var(--deck);color:#fff;border-right:1px solid var(--deck-dark);flex-direction:column;width:230px;padding:1.55rem 1rem;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:inset -1px 0 #ffffff14}.sidebar:after{content:"";background:#ffffff24;height:1px;position:absolute;top:99px;left:1rem;right:1rem}.sidebar>.brand{padding:0 .6rem 2.8rem}.sidebar nav{gap:.35rem;display:grid}.sidebar nav button,.sidebar-bottom>button{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:.85rem;width:100%;min-height:48px;padding:.72rem .85rem;display:flex}.sidebar nav button svg,.sidebar-bottom>button svg{width:19px}.sidebar nav button:hover{color:#fff;background:#ffffff14}.sidebar nav button.active{color:var(--ink);background:var(--surface);box-shadow:0 3px 0 var(--amber)}.sidebar-bottom{gap:.6rem;margin-top:auto;display:grid}.sidebar-bottom a{background:#13334038;border:1px solid #ffffff2e;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.8rem;text-decoration:none;display:grid}.sidebar-bottom a span:nth-child(2){gap:.16rem;display:grid}.sidebar-bottom a strong{font-size:.74rem}.sidebar-bottom a small{color:#ffffff94;font-size:.64rem}.sidebar-bottom a svg{color:#ffffff9e;width:14px}.navidrome-dot{background:#aee6d8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #aee6d824}.mobile-header,.mobile-tabs{display:none}.content{background-color:var(--paper);background-image:radial-gradient(#315d7014 .7px,#0000 .7px);background-size:22px 22px;min-height:100vh;margin-left:230px;padding:3.2rem clamp(2rem,5vw,5.4rem) 6rem}.content>*{max-width:1480px;margin-left:auto;margin-right:auto}.page-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.6rem;display:flex}.page-heading h1{max-width:1050px;color:var(--deck-dark);margin-bottom:.75rem}.page-heading p{max-width:620px;color:var(--muted);margin-bottom:0;line-height:1.7}.hero-heading{align-items:flex-start}.hero-heading h1{font-size:clamp(3.8rem,5.8vw,6.2rem)}.hero-heading .primary-button{margin-top:1.5rem}.pipeline{border:1px solid var(--deck-dark);border-radius:var(--radius);background:var(--deck);color:#fff;margin-bottom:1.25rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 9px #24455329}.pipeline:before,.pipeline:after{content:"";background:#ffffff47;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:inset 0 1px #00000040}.pipeline:before{top:14px;left:14px}.pipeline:after{bottom:14px;right:14px}.pipeline .eyebrow{color:#b8ddd5}.pipeline-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.3rem;display:flex}.pipeline-head h2{color:#fff;font-size:2.35rem}.live-indicator{color:#ffffffad;font:.65rem var(--mono);align-items:center;gap:.5rem;display:flex}.live-indicator i{background:#fff6;border-radius:50%;width:8px;height:8px}.pipeline-active .live-indicator i{background:#aee6d8;animation:1.5s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 8px #aee6d800}0%,to{box-shadow:0 0 #aee6d866}}.transport-window{border:7px solid var(--deck-dark);background:#f4f6f3eb;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;width:min(520px,72%);height:82px;margin:0 auto 1.7rem;padding:0 1.5rem;display:grid;box-shadow:inset 0 0 0 1px #2030392e}.transport-reel{border:6px solid var(--amber);width:54px;color:var(--deck)}.transport-tape{background:var(--amber);height:4px;position:relative}.transport-tape i{background:var(--red);opacity:0;border-radius:50%;width:14px;height:14px;position:absolute;top:-5px;left:45%}.pipeline-active .transport-reel{animation:2.5s linear infinite spin}.pipeline-active .transport-reel-right{animation-direction:reverse}.pipeline-active .transport-tape i{opacity:1;animation:2.3s ease-in-out infinite shuttle}@keyframes shuttle{0%{transform:translate(-120px)}50%{transform:translate(120px)}to{transform:translate(-120px)}}.pipeline-track{border-top:1px solid #ffffff2b;grid-template-columns:repeat(4,1fr);padding-top:1.2rem;display:grid}.pipeline-stage{grid-template-columns:auto 1fr;align-items:center;column-gap:.65rem;min-width:0;display:grid;position:relative}.stage-index{color:#ffffff80;font:.58rem var(--mono);grid-column:1/-1;margin-bottom:.3rem}.stage-icon{z-index:1;background:var(--deck-dark);border:1px solid #ffffff40;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:relative}.stage-icon svg{width:18px}.pipeline-active .stage-icon{border-color:#aee6d8}.pipeline-stage strong{color:#fff;font-size:.8rem}.rail{background:#ffffff38;height:1px;position:absolute;bottom:18px;left:38px;right:0}.pipeline-active .rail:after{content:"";background:var(--amber);width:28%;height:2px;animation:2s ease-in-out infinite travel;display:block}@keyframes travel{0%{transform:translate(0)}to{transform:translate(255%)}}.metric-strip{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf7c7;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem;display:grid;overflow:hidden}.metric-strip button{border:0;border-right:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;min-height:86px;padding:1rem 1.2rem;display:grid}.metric-strip button:last-child{border-right:0}.metric-strip button:hover{background:var(--fog)}.metric-strip svg{width:18px;color:var(--deck)}.metric-strip span{color:var(--muted);font-size:.74rem}.metric-strip strong{color:var(--deck-dark);font-family:var(--display);font-size:2.2rem}.metric-strip .metric-warning svg,.metric-strip .metric-warning strong{color:var(--red)}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,.45fr);gap:1.25rem;display:grid}.section-block{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf7d1;padding:1.8rem}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.section-heading h2{font-size:2.2rem}.section-heading h3{font-size:1.6rem}.track-stack{display:grid}.compact-track{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.8rem 0;display:grid}.compact-track>div:nth-child(2){gap:.2rem;min-width:0;display:grid}.compact-track strong,.compact-track span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-track span{color:var(--muted);font-size:.72rem}.cover{border:1px solid var(--line);background:var(--fog);color:var(--deck);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.cover-small{width:46px;height:46px}.cover-small svg{width:18px}.cover-medium{width:72px;height:72px}.cover-large{width:138px;height:138px}.track-time{color:var(--muted);font:.7rem var(--mono)}.system-block{border-radius:var(--radius);color:var(--ink);background:#e3a15f;border:1px solid #b67739;flex-direction:column;padding:1.8rem;display:flex;box-shadow:0 9px #b677392e}.system-title{align-items:center;gap:.7rem;font-size:.78rem;font-weight:750;display:flex}.system-title svg{width:18px}.storage-number{font:800 clamp(2.7rem, 5vw, 5rem)/.9 var(--display);letter-spacing:-.04em;margin-top:2.7rem}.storage-caption{opacity:.66;margin-top:.6rem;font-size:.7rem}.storage-bar{background:#2030392e;border-radius:4px;height:7px;margin-top:auto;overflow:hidden}.storage-bar i{background:var(--deck-dark);height:100%;display:block}.storage-meta{font:.62rem var(--mono);opacity:.7;justify-content:space-between;margin:.6rem 0 1.4rem;display:flex}.system-block .secondary-button{background:#fffdf759;border-color:#20303959}.source-composer{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf7d9;margin-bottom:1.25rem;padding:2rem;position:relative}.source-composer:before{content:"INPUT";color:#315d702e;font:900 2.3rem var(--display);letter-spacing:.08em;position:absolute;top:1rem;right:1.4rem}.composer-copy{grid-template-columns:.65fr 1fr;align-items:end;gap:1rem;display:grid}.composer-copy .eyebrow{grid-column:1/-1}.composer-copy h2{font-size:2.8rem}.composer-copy p{max-width:540px;color:var(--muted);margin:0;line-height:1.6}.url-form{grid-template-columns:1fr auto;gap:.8rem;margin-top:2rem;display:grid}.url-input-wrap{position:relative}.url-input-wrap svg{width:18px;color:var(--deck);position:absolute;top:15px;left:1rem}.url-input-wrap input{background:var(--paper);padding-left:3rem}.preview-panel{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem}.preview-summary{grid-template-columns:1fr 180px;gap:1.5rem;display:grid}.preview-summary h3{margin-top:1rem;font-size:1.8rem}.preview-summary p{color:var(--muted)}.preview-summary img{object-fit:cover;border-radius:10px;width:180px;height:105px}.preview-list{border-top:1px solid var(--line);margin-top:1.2rem}.preview-list>div{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr minmax(110px,.3fr);align-items:center;gap:1rem;padding:.75rem 0;display:grid}.preview-list span{color:var(--muted);font:.62rem var(--mono)}.preview-list strong{font-size:.82rem}.preview-list em{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-style:normal;overflow:hidden}.preview-list p{color:var(--muted);margin:.8rem 0 0;font-size:.72rem}.preview-actions{justify-content:space-between;align-items:end;gap:1rem;margin-top:1.5rem;display:flex}.preview-actions label{min-width:160px}.source-section{padding-bottom:.5rem}.count-label{color:var(--muted);font:.7rem var(--mono)}.source-list{margin:0 -1.8rem}.source-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;display:grid}.source-main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto 120px auto;align-items:center;gap:1rem;padding:1rem 1.8rem;display:grid}.source-main:hover{background:#dce4e67a}.source-symbol{background:var(--fog);width:42px;height:42px;color:var(--deck);border-radius:10px;place-items:center;display:grid}.source-symbol svg{width:19px}.source-copy{gap:.25rem;min-width:0;display:grid}.source-copy strong,.source-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-copy small,.source-date{color:var(--muted);font-size:.7rem}.source-main>svg{width:17px;color:var(--muted)}.source-actions{align-items:center;gap:.35rem;padding-right:1rem;display:flex}.state-pill{border:1px solid var(--line-strong);width:max-content;color:var(--muted);font:700 .6rem/1 var(--mono);white-space:nowrap;background:#ffffff52;border-radius:999px;align-items:center;padding:.3rem .55rem;display:inline-flex}.state-ready,.state-completed{color:#2f7567;background:#67a9981f;border-color:#2f756761}.state-running,.state-syncing,.state-processing,.state-downloading,.state-queued,.state-retry_wait{color:var(--deck);background:#315d7014;border-color:#315d7059}.state-failed,.state-lookup_failed{color:var(--red);background:#c9513d14;border-color:#c9513d66}.state-needs_review{color:#9d641f;background:#d28b451f;border-color:#d28b4580}.library-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.library-toolbar>span{color:var(--muted);font:.7rem var(--mono)}.search-field{width:min(480px,100%);position:relative}.search-field svg{z-index:1;width:18px;color:var(--deck);position:absolute;top:14px;left:1rem}.search-field input{background:#fffdf7d6;padding-left:3rem}.track-table{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf7d1;overflow:hidden}.track-table-head,.track-row{grid-template-columns:minmax(270px,1.4fr) minmax(180px,.8fr) 120px 70px 20px;align-items:center;gap:1rem;display:grid}.track-table-head{color:var(--muted);font:.61rem var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:.78rem 1.2rem}.track-row{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;width:100%;min-height:72px;padding:.7rem 1.2rem}.track-row:hover{background:var(--fog)}.track-identity{align-items:center;gap:.8rem;min-width:0;display:flex}.track-identity>span{gap:.2rem;min-width:0;display:grid}.track-identity strong,.track-identity small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-identity small,.album-cell{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.track-row>svg{width:17px;color:var(--muted)}.job-list{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf7d1;padding:0 1.6rem}.job-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.2rem;padding:1.2rem 0;display:grid}.job-row:last-child{border-bottom:0}.job-state-icon{background:var(--fog);width:44px;height:44px;color:var(--deck);border-radius:10px;place-items:center;display:grid}.job-state-icon svg{width:18px}.job-main{min-width:0}.job-main>div:first-child{align-items:center;gap:.7rem;display:flex}.job-main>span{color:var(--muted);margin-top:.3rem;font-size:.7rem;display:block}.job-main p{color:var(--red);font:.68rem/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:.7rem 0 0}.progress-track{background:var(--fog);border-radius:3px;height:4px;margin-top:.8rem;overflow:hidden}.progress-track i{background:var(--mint);height:100%;transition:width .3s;display:block}.progress-number{color:var(--muted);font:.7rem var(--mono)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.settings-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf7d1;padding:1.7rem}.settings-primary{grid-column:1/-1}.settings-card-head{grid-template-columns:auto 1fr auto;align-items:start;gap:1rem;margin-bottom:1.7rem;display:grid}.settings-icon{background:var(--fog);width:44px;height:44px;color:var(--deck);border-radius:10px;place-items:center;display:grid}.settings-icon svg{width:20px}.settings-card-head h2{margin-bottom:.4rem;font-size:1.8rem}.settings-card-head p,.notice-copy{color:var(--muted);margin:0;font-size:.75rem;line-height:1.6}.settings-card>label{margin-bottom:1rem}.settings-card dl{margin:0 0 1.5rem}.settings-card dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.settings-card dt{color:var(--muted);font-size:.72rem}.settings-card dd{font:.7rem var(--mono);overflow-wrap:anywhere;text-align:right;margin:0}.muted-card{box-shadow:none;background:#dce4e67a}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1628309e;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal-panel{border-left:1px solid var(--line-strong);background:var(--paper);width:min(690px,100%);height:100%;padding:2rem;animation:.2s ease-out slide-in;overflow-y:auto;box-shadow:-20px 0 80px #1628303d}.modal-panel h2,.modal-panel h3{color:var(--ink)}@keyframes slide-in{0%{opacity:.4;transform:translate(30px)}}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1.4rem;display:flex}.modal-header h2{font-size:2.5rem}.source-detail-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 0;font-size:.7rem;display:flex}.source-detail-meta a,.editor-hero a{color:var(--deck);align-items:center;gap:.3rem;margin-left:auto;font-weight:700;text-decoration:none;display:inline-flex}.source-detail-meta svg,.editor-hero a svg{width:13px}.detail-list{border-top:1px solid var(--line)}.detail-list>div{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr auto;align-items:center;gap:.8rem;padding:.8rem 0;display:grid}.detail-list img,.item-placeholder{object-fit:cover;border-radius:8px;width:64px;height:42px}.item-placeholder{background:var(--fog);color:var(--deck);place-items:center;display:grid}.item-placeholder svg{width:18px}.detail-list>div>span:nth-child(2){gap:.2rem;min-width:0;display:grid}.detail-list strong,.detail-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-list small{color:var(--muted);font-size:.7rem}.editor-hero{grid-template-columns:auto 1fr;gap:1.2rem;padding:1.5rem 0;display:grid}.editor-hero h3{margin-top:.8rem;font-size:2rem}.editor-hero p{color:var(--muted)}.editor-hero a{margin-left:0;font-size:.72rem}.metadata-form{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem 0;display:grid}.metadata-form label:first-child{grid-column:1/-1}.metadata-form button{align-self:end}.lyrics-editor{border-top:1px solid var(--line);padding-top:1.5rem}.lyrics-editor textarea{min-height:280px;margin-bottom:1rem}.inline-loading{height:130px;color:var(--muted);align-items:center;gap:.6rem;display:flex}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:250px;padding:2rem;display:grid}.empty-icon{border:7px solid var(--amber);background:var(--surface);width:62px;height:62px;color:var(--deck);border-radius:50%;place-items:center;margin-bottom:1rem;display:grid}.empty-icon svg{width:25px}.empty-state h3{font-size:1.65rem}.empty-state p{max-width:390px;color:var(--muted);line-height:1.6}.page-loader{min-height:300px;color:var(--muted);justify-content:center;align-items:center;gap:.7rem;display:flex}.page-loader svg{width:20px}.toast{z-index:200;border:1px solid var(--line);background:var(--surface);width:min(390px,100% - 3rem);color:var(--ink);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:.7rem;padding:.95rem 1rem;font-size:.8rem;font-weight:700;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast svg{color:#2f7567;flex:none;width:19px}.toast-error{background:#f7ded8}.toast-error svg{color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(15px)}}@media (width<=1100px){.sidebar{width:205px}.content{margin-left:205px;padding-left:2rem;padding-right:2rem}.dashboard-grid{grid-template-columns:1fr}.storage-number{margin-top:2rem}.storage-bar{margin-top:2.5rem}.source-main{grid-template-columns:auto minmax(0,1fr) auto auto}.source-date{display:none}.track-table-head,.track-row{grid-template-columns:minmax(240px,1.4fr) minmax(150px,.8fr) 100px 20px}.track-table-head span:nth-child(4),.track-row>.track-time{display:none}}@media (width<=780px){h1{line-height:.92}.sidebar{width:min(290px,86vw);padding-top:5rem;transition:transform .18s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar>.brand,.sidebar:after{display:none}.mobile-scrim{z-index:15;background:#1628307a;border:0;position:fixed;inset:0}.mobile-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f6f3eb;justify-content:space-between;align-items:center;height:62px;padding:.6rem 1rem;display:flex;position:sticky;top:0}.mobile-header .brand{gap:.5rem}.mobile-header .brand-mark{border-color:var(--line);width:34px;height:34px}.mobile-header .brand-mark svg{width:21px}.mobile-header .brand strong{color:var(--deck-dark);font-size:.72rem}.content{margin-left:0;padding:2.4rem 1rem 7rem}.mobile-tabs{z-index:25;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--deck-dark);background:var(--deck);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #20303926}.mobile-tabs button{color:#ffffffa3;background:0 0;border:0;place-items:center;gap:.2rem;min-height:59px;font-size:.6rem;display:grid}.mobile-tabs button.active{color:#fff;box-shadow:inset 0 3px var(--amber);background:#ffffff17}.mobile-tabs svg{width:18px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:2.1rem}.page-heading h1{font-size:4.2rem}.hero-heading h1{font-size:3rem}.hero-heading .primary-button,.library-heading .primary-button{width:100%;margin-top:0}.pipeline{padding:1.35rem}.pipeline-head h2{font-size:1.75rem}.transport-window{width:100%;height:72px;padding:0 1rem}.transport-reel{width:44px}.pipeline-track{grid-template-columns:repeat(2,1fr);row-gap:1.4rem}.pipeline-stage:nth-child(2) .rail{display:none}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip button:nth-child(2){border-right:0}.metric-strip button:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-block{padding:1.2rem}.system-block{padding:1.4rem}.composer-copy{grid-template-columns:1fr}.composer-copy h2{font-size:2.15rem}.source-composer:before{display:none}.url-form,.preview-summary{grid-template-columns:1fr}.preview-summary img{width:100%;height:160px}.preview-list>div{grid-template-columns:30px 1fr}.preview-list em{grid-column:2}.preview-actions{flex-direction:column;align-items:stretch}.preview-actions label{width:100%}.source-list{margin:0 -1.2rem}.source-row{grid-template-columns:1fr;padding:.4rem 0}.source-main{grid-template-columns:auto minmax(0,1fr) auto;padding:.8rem 1.2rem}.source-main>.state-pill,.source-main>svg{display:none}.source-actions{justify-content:flex-end;padding:0 1.2rem .5rem}.library-toolbar{flex-direction:column;align-items:stretch}.track-table-head{display:none}.track-row{grid-template-columns:minmax(0,1fr) auto 18px;padding:.75rem}.track-row .album-cell{display:none}.job-row{grid-template-columns:auto 1fr auto;gap:.8rem}.progress-number{display:none}.job-row .icon-button{grid-column:2;justify-self:start}.settings-grid{grid-template-columns:1fr}.settings-primary{grid-column:auto}.settings-card-head{grid-template-columns:auto 1fr}.settings-card-head>.state-pill{grid-column:2}.modal-panel{padding:1.2rem}.editor-hero{grid-template-columns:90px 1fr}.cover-large{width:90px;height:90px}.editor-hero h3{font-size:1.5rem}.metadata-form{grid-template-columns:1fr}.metadata-form label:first-child{grid-column:auto}}@media (width<=680px){.login-page{grid-template-columns:1fr}.login-intro{border-right:0;border-bottom:1px solid var(--line);min-height:53vh;padding:2.7rem 1.5rem 2rem}.login-intro:before{inset:.7rem}.login-intro .brand-mark-large{width:54px;height:54px;margin-bottom:1.3rem}.login-intro .brand-mark-large svg{width:34px}.login-intro h1{margin-bottom:1rem;font-size:3.7rem}.login-intro p{margin-bottom:1.3rem;font-size:.84rem;line-height:1.65}.login-deck{border-radius:13px;padding:.65rem}.deck-window{border-width:5px;height:68px;padding:0 1rem}.deck-reel{border-width:5px;width:43px}.deck-caption{font-size:.48rem}.login-form{width:calc(100% - 2rem);margin:1rem auto;padding:1.5rem}.login-form h2{font-size:2.5rem}}@media (height<=800px) and (width>=681px){.login-intro{padding-top:2.2rem;padding-bottom:2.2rem}.login-intro .brand-mark-large{width:58px;height:58px;margin-bottom:1.2rem}.login-intro .brand-mark-large svg{width:36px}.login-intro h1{margin-bottom:.8rem;font-size:clamp(3.8rem,6.5vw,6rem)}.login-intro p{margin-bottom:1rem;font-size:.88rem}.deck-window{height:86px}.deck-reel{width:56px}.login-form{padding:1.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}