:root{color-scheme:dark;--studio-bg:#0b0c10;--studio-panel:#11131a;--studio-panel-soft:#171a22;--studio-line:#ffffff1c;--studio-line-strong:#fff3;--studio-text:#f2f2ed;--studio-muted:#999ca5;--studio-accent:#d7ff42;--studio-accent-ink:#111500;--studio-danger:#ff7c77;--studio-radius:14px;--header-accent:var(--studio-accent);--header-element-height:38px;--header-radius:9px;--glass-border:var(--studio-line);--text-main:var(--studio-text);--text-muted:var(--studio-muted);--text-tertiary:#747780;background:var(--studio-bg);color:var(--studio-text);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(circle at 94% 0, #d7ff4212, transparent 24rem), var(--studio-bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{color:inherit;font:inherit}button,.button{-webkit-tap-highlight-color:transparent}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.studio-header{z-index:20;border-bottom:1px solid var(--studio-line);backdrop-filter:blur(18px);background:#0b0c10ed;grid-template-columns:minmax(220px,1fr) auto minmax(460px,1fr);align-items:center;gap:24px;min-height:72px;padding:10px 22px;display:grid;position:sticky;top:0}.studio-brand{width:fit-content;color:var(--studio-text);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.studio-brand__mark{border:2px solid var(--studio-accent);width:23px;height:23px;box-shadow:inset 0 0 0 5px var(--studio-bg);background:var(--studio-accent);border-radius:50%}.studio-brand strong,.studio-brand small{display:block}.studio-brand strong{letter-spacing:.04em;font-size:14px}.studio-brand small{color:var(--studio-muted);margin-top:1px;font-size:11px}.studio-header__status{color:var(--studio-muted);white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.status-chip{border:1px solid var(--studio-line);border-radius:999px;align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.status-chip:before{content:"";background:#e8b94b;border-radius:50%;width:7px;height:7px}.status-chip.is-online:before{background:#6ee7a8}.status-chip.is-offline:before{background:var(--studio-danger)}.studio-actions{justify-content:flex-end;gap:8px;display:flex}.studio-actions .header-account-button{min-height:38px}.studio-access-gate{z-index:40;backdrop-filter:blur(12px);background:#08090ced;place-items:center;padding:24px;display:grid;position:fixed;inset:72px 0 0}.studio-access-gate__card{border:1px solid var(--studio-line-strong);background:var(--studio-panel);text-align:center;border-radius:18px;width:min(460px,100%);padding:30px}.studio-access-gate__card>i{color:var(--studio-accent);font-size:2rem}.studio-access-gate__card h2{margin:14px 0 8px}.studio-access-gate__card p{color:var(--studio-muted);margin:0 0 20px;line-height:1.7}.button,.icon-button{border:1px solid var(--studio-line-strong);min-height:38px;color:var(--studio-text);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:650;text-decoration:none;transition:all .14s;display:inline-flex}.button:hover,.icon-button:hover{background:#ffffff0f;border-color:#ffffff61}.button:disabled{cursor:wait;opacity:.5}.button--primary{border-color:var(--studio-accent);background:var(--studio-accent);color:var(--studio-accent-ink)}.button--primary:hover{background:#e3ff75}.button--secondary{color:var(--studio-accent);border-color:#d7ff4273}.button--danger{color:var(--studio-danger)}.studio-shell{grid-template-columns:220px 300px minmax(480px,1fr);min-height:calc(100vh - 72px);display:grid}.collection-nav,.record-list{border-right:1px solid var(--studio-line)}.collection-nav{flex-direction:column;padding:28px 14px 18px;display:flex}.collection-nav__intro{padding:0 10px 22px}.collection-nav__intro p,.record-list__header p,.editor-form__header p,.dialog-kicker{color:var(--studio-accent);letter-spacing:.17em;margin:0 0 7px;font-size:10px;font-weight:800}.collection-nav__intro h1{margin:0;font-size:24px}.collection-nav__intro span{color:var(--studio-muted);margin-top:8px;font-size:12px;line-height:1.65;display:block}#collection-tabs{gap:4px;display:grid}.collection-tab{width:100%;color:var(--studio-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:10px 11px;display:flex}.collection-tab:hover,.collection-tab.is-active{background:var(--studio-panel-soft);color:var(--studio-text)}.collection-tab.is-active{box-shadow:inset 2px 0 var(--studio-accent)}.collection-tab__label{align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.collection-tab__icon{width:18px;color:var(--studio-accent);text-align:center}.collection-tab__count{background:#ffffff0f;border-radius:999px;padding:2px 7px;font-size:10px}.preview-link{border-top:1px solid var(--studio-line);color:var(--studio-muted);justify-content:space-between;margin-top:auto;padding:13px 11px;font-size:12px;text-decoration:none;display:flex}.preview-link:hover{color:var(--studio-accent)}.record-list{background:#ffffff04;min-width:0}.record-list__header{justify-content:space-between;align-items:center;padding:28px 20px 14px;display:flex}.record-list__header h2{margin:0;font-size:21px}.icon-button{width:36px;min-height:36px;color:var(--studio-accent);border-color:#d7ff4266;padding:0;font-size:20px}.search-field{padding:0 14px 12px;display:block}.search-field input{border:1px solid var(--studio-line);background:var(--studio-bg);border-radius:9px;outline:none;width:100%;min-height:38px;padding:0 12px;font-size:12px}.search-field input:focus{border-color:#d7ff4299}.record-list__items{max-height:calc(100vh - 198px);padding:0 8px 18px;overflow-y:auto}.record-card{border:0;border-bottom:1px solid var(--studio-line);width:100%;color:var(--studio-text);cursor:pointer;text-align:left;background:0 0;padding:12px;display:block}.record-card:hover,.record-card.is-active{background:var(--studio-panel-soft);border-radius:8px}.record-card strong,.record-card span{display:block}.record-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.record-card span{color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;overflow:hidden}.editor{min-width:0;padding:34px clamp(24px,4vw,64px) 90px}.empty-editor{min-height:60vh;color:var(--studio-muted);text-align:center;place-items:center;display:grid}.empty-editor span{color:var(--studio-accent);font-size:42px}.empty-editor h2{color:var(--studio-text);margin:14px 0 0;font-size:20px}.empty-editor p{max-width:420px;margin:8px 0 0;font-size:12px;line-height:1.7}.editor-form{max-width:900px;margin:0 auto}.editor-form__header{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:start;gap:20px;padding-bottom:24px;display:flex}.editor-form__header h2{margin:0;font-size:clamp(24px,4vw,38px);line-height:1.12}.editor-form__actions{flex-shrink:0;gap:8px;display:flex}.editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:27px;display:grid}.field{gap:8px;display:grid}.field--wide,.field-group{grid-column:1/-1}.field label,.field legend{color:#dadbd5;font-size:12px;font-weight:700}.field small{color:var(--studio-muted);font-size:10px;line-height:1.5}.field input,.field select,.field textarea{border:1px solid var(--studio-line);background:var(--studio-panel);border-radius:9px;outline:none;width:100%;min-height:43px;padding:10px 12px;font-size:13px}.field textarea{resize:vertical;min-height:118px;line-height:1.75}.field textarea.is-long{min-height:190px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d7ff42a8;box-shadow:0 0 0 3px #d7ff420f}.field input:disabled{color:var(--studio-muted);cursor:not-allowed}.field-group{border:1px solid var(--studio-line);border-radius:var(--studio-radius);padding:17px}.field-group>legend{padding:0 7px}.check-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:7px;display:grid}.check-option{border:1px solid var(--studio-line);min-height:38px;color:var(--studio-muted);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;font-size:11px;display:flex}.check-option:has(input:checked){color:var(--studio-text);background:#d7ff420f;border-color:#d7ff426b}.check-option input{width:14px;min-height:14px;accent-color:var(--studio-accent);margin:0}.pattern-editor{gap:12px;display:grid}.pattern-transport{background:#ff8a000d;border:1px solid #ff8a004d;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.pattern-play{min-width:142px}.pattern-playback-status{color:var(--studio-text);font-size:12px;font-weight:700}.pattern-editor-help{color:var(--studio-muted);margin-left:auto;font-size:11px}.pattern-track{border:1px solid var(--studio-line);background:var(--studio-panel);border-radius:10px;grid-template-columns:140px 34px minmax(360px,1fr) 68px 32px;align-items:center;gap:12px;padding:12px;display:grid}.pattern-track__name{border:1px solid var(--studio-line);background:var(--studio-bg);border-radius:7px;min-height:38px;padding:0 9px}.pattern-steps{grid-template-columns:repeat(var(--pattern-step-count,16), minmax(18px, 1fr));gap:4px;display:grid}.pattern-step{aspect-ratio:1;border:1px solid var(--studio-line);cursor:pointer;background:#232630;border-radius:4px;min-width:0;padding:0}.pattern-step:nth-child(4n+1){border-color:var(--studio-line-strong)}.pattern-step.is-active{border-color:var(--studio-accent);background:var(--studio-accent)}.pattern-step.is-current{outline-offset:1px;outline:2px solid #fff}.pattern-audition,.pattern-mute{border:1px solid var(--studio-line);background:var(--studio-bg);min-height:32px;color:var(--studio-text);cursor:pointer;border-radius:7px}.pattern-audition{width:34px;color:var(--studio-accent);padding:0;font-size:17px}.pattern-mute{padding:0 8px;font-size:10px;font-weight:700}.pattern-mute.is-muted{color:#ffaaa6;background:#ff635d1a;border-color:#ff635d80}.remove-track{width:30px;height:30px;color:var(--studio-danger);cursor:pointer;background:0 0;border:0;border-radius:7px}.add-track{width:fit-content}.studio-dialog{border:1px solid var(--studio-line-strong);width:min(520px,100vw - 32px);color:var(--studio-text);background:#13151c;border-radius:18px;padding:30px;box-shadow:0 28px 80px #0000008c}.studio-dialog--wide{width:min(700px,100vw - 32px)}.studio-dialog::backdrop{backdrop-filter:blur(5px);background:#040507c7}.studio-dialog h2{margin:0;font-size:27px}.dialog-close{width:32px;height:32px;color:var(--studio-muted);cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:17px;right:17px}.dialog-copy,#dialog-body{color:var(--studio-muted);font-size:13px;line-height:1.7}.dialog-footer{justify-content:flex-end;margin-top:24px;display:flex}.error-list{color:#ffaaa6;max-height:300px;padding-left:20px;overflow-y:auto}.draft-conflict strong{color:var(--studio-text)}.draft-conflict ul{max-height:180px;padding-left:20px;overflow-y:auto}.draft-conflict__actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.versions-list{gap:8px;max-height:420px;margin-top:20px;display:grid;overflow-y:auto}.version-item{border:1px solid var(--studio-line);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.version-item strong,.version-item small{display:block}.version-item strong{font-size:12px}.version-item small{color:var(--studio-muted);margin-top:4px;font-size:10px}.toast{z-index:60;border:1px solid var(--studio-line-strong);max-width:420px;color:var(--studio-text);opacity:0;pointer-events:none;background:#242832;border-radius:10px;padding:12px 16px;font-size:12px;transition:all .18s;position:fixed;bottom:20px;right:20px;transform:translateY(10px);box-shadow:0 12px 35px #00000057}.toast.is-visible{opacity:1;transform:translateY(0)}.quick-track-manager{grid-column:1/-1;gap:22px;display:grid}.quick-track-intro,.quick-track-current,.quick-track-add,.spotify-track-preview,.quick-track-mode{border:1px solid var(--studio-line);border-radius:var(--studio-radius);background:var(--studio-panel-soft);padding:18px}.quick-track-intro{border-color:#d7ff4247;gap:7px;display:grid}.quick-track-intro p,.quick-track-intro span,.quick-track-add small,.spotify-track-preview span,.spotify-track-preview small{color:var(--studio-muted);margin:0;font-size:12px}.quick-track-intro strong{font-size:17px}.quick-track-current h3{margin:0 0 13px;font-size:13px}.quick-track-card{border-top:1px solid var(--studio-line);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;display:grid}.quick-track-card>span{width:fit-content;color:var(--studio-accent);background:#d7ff421f;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.quick-track-card div{min-width:0}.quick-track-card strong,.quick-track-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.quick-track-card small{color:var(--studio-muted);margin-top:3px}.quick-track-card a{color:var(--studio-accent);font-size:12px;text-decoration:none}.quick-track-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.quick-track-delete{min-height:32px;color:var(--studio-danger);font:inherit;cursor:pointer;background:#ff6b6b14;border:1px solid #ff6b6b6b;border-radius:8px;padding:0 11px;font-size:12px;font-weight:700}.quick-track-delete:hover{border-color:var(--studio-danger);background:#ff6b6b26}.quick-track-delete:disabled{cursor:wait;opacity:.55}.quick-track-empty{color:var(--studio-muted);margin:0}.quick-track-add{gap:9px;display:grid}.quick-track-add>label{font-size:13px;font-weight:700}.quick-track-url-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.quick-track-url-row input{border:1px solid var(--studio-line-strong);background:var(--studio-bg);border-radius:9px;width:100%;min-height:44px;padding:0 13px}.spotify-track-preview{border-color:#6ee7a859;gap:5px;display:grid}.spotify-track-preview strong{font-size:18px}.quick-track-mode{gap:10px;display:grid}.quick-track-mode legend{padding:0 7px;font-size:12px;font-weight:700}.quick-track-mode label{align-items:center;gap:9px;font-size:13px;display:flex}.quick-track-publish{width:fit-content}@media (width<=1100px){.studio-header{grid-template-columns:1fr auto}.studio-header__status{display:none}.studio-shell{grid-template-columns:190px 250px minmax(440px,1fr)}.editor{padding-inline:24px}}@media (width<=820px){.studio-header{flex-wrap:wrap;padding:13px;display:flex;position:static}.studio-actions{justify-content:flex-start;width:100%;overflow-x:auto}.studio-shell{display:block}.collection-nav{border-right:0;border-bottom:1px solid var(--studio-line);padding:14px;display:block}.collection-nav__intro,.preview-link{display:none}#collection-tabs{display:flex;overflow-x:auto}.collection-tab{flex:none;width:auto}.record-list{border-right:0;border-bottom:1px solid var(--studio-line)}.record-list__items{max-height:none;padding-bottom:12px;display:flex;overflow-x:auto}.record-card{border:1px solid var(--studio-line);min-width:190px}.editor{padding:28px 16px 70px}.editor-fields{grid-template-columns:1fr}.field--wide,.field-group{grid-column:auto}.pattern-track{grid-template-columns:minmax(0,1fr) 34px 72px 32px}.pattern-steps{grid-area:2/1/auto/-1;overflow-x:auto}.pattern-transport{flex-wrap:wrap}.pattern-editor-help{width:100%;margin-left:0}.quick-track-url-row,.quick-track-card{grid-template-columns:1fr}.quick-track-actions{justify-content:flex-start}}