@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #050608;--panel: #0c1016;--panel-alt: #121822;--border: #1f2a3a;--text: #f7fffb;--muted: #aab8c7;--accent: #6af2c5;--accent-soft: #3bae8e;--danger: #ff5c7a;--amber: #ffb347}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:JetBrains Mono,SF Mono,Menlo,Monaco,Consolas,monospace}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/arranger/arcane/crossfader.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.1;pointer-events:none;z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,var(--bg) 95%);pointer-events:none;z-index:-1}.app{max-width:860px;margin:0 auto;padding:0 16px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);margin-bottom:20px}.brand{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 18px rgba(106,242,197,.35)}.host-identity{color:var(--muted);font-size:.75rem}.mix-id{font-family:inherit;font-size:.78rem;color:var(--accent-soft);background:#6af2c50f;border:1px solid var(--border);border-radius:4px;padding:.35rem .55rem;cursor:pointer;white-space:nowrap}.mix-id:hover{color:var(--accent);border-color:var(--accent-soft)}.mix-provenance{opacity:.75}.edit-bar{display:flex;gap:.5rem;margin-top:.75rem}.edit-bar input{flex:1;background:var(--panel-alt);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.6rem .8rem;font-size:.85rem;font-family:inherit}.edit-bar input::placeholder{color:#aab8c773}.edit-bar input:focus{outline:none;border-color:var(--accent-soft);box-shadow:0 0 0 1px #6af2c540}.arrangement-grid{margin-top:.75rem}.grid-toggle{background:none;border:none;color:var(--muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:.2rem 0;font-family:inherit}.grid-toggle:hover{color:var(--accent)}.grid-canvas-wrap{border:1px solid var(--border);border-radius:4px;overflow:hidden}.grid-canvas-wrap canvas{display:block;width:100%}.signin{position:relative;isolation:isolate;text-align:center;margin:14vh auto 0;max-width:460px;padding:40px 28px;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}.signin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/arranger/arcane/crystal-pendulum.jpg);background-size:cover;background-position:center;opacity:.12;pointer-events:none;z-index:-1}h1{font-size:1.2rem;margin:8px 0 16px;letter-spacing:.05em;text-transform:uppercase}.project-facts{margin:-10px 0 14px;color:var(--muted);font-size:.74rem;letter-spacing:.06em}.breadcrumb a{color:var(--muted);text-decoration:none;font-size:.85rem}.breadcrumb a:hover{color:var(--accent)}.status{color:var(--muted);font-size:.9rem}.status.error{color:var(--danger);word-break:break-word}.copy-button{font-size:.75rem;padding:0 .4rem;margin-left:.25rem;vertical-align:baseline;opacity:.8}.copy-button:hover,.copy-button:focus-visible{opacity:1}button{background:var(--panel-alt);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:10px 16px;font-size:.9rem;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background-color .15s ease,color .15s ease}button:hover:not(:disabled){border-color:var(--accent-soft)}button.primary{background:#6af2c529;border-color:var(--accent-soft);color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);color:var(--bg);border-color:var(--accent)}button.danger{background:#ff5c7a24;border-color:#ff5c7a80;color:var(--danger);font-weight:600}button.danger:hover:not(:disabled){background:var(--danger);color:var(--bg);border-color:var(--danger)}button:disabled{opacity:.45;cursor:default}.project-list{list-style:none;padding:0;display:grid;gap:10px}.project-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:4px;text-decoration:none;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:14px 34px 14px 16px;color:var(--text);transition:border-color .15s ease}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.1;pointer-events:none;z-index:-1}.project-list li:nth-child(4n+1) .project-card:before{background-image:url(/arranger/arcane/crossfader.jpg)}.project-list li:nth-child(4n+2) .project-card:before{background-image:url(/arranger/arcane/compressor-rack-unit.jpg)}.project-list li:nth-child(4n+3) .project-card:before{background-image:url(/arranger/arcane/condenser-microphone.jpg)}.project-list li:nth-child(4n+4) .project-card:before{background-image:url(/arranger/arcane/crystal-pendulum.jpg)}.project-card:hover{border-color:var(--accent)}.project-card:hover:before{opacity:.16}.project-title{font-weight:600;letter-spacing:.03em}.project-sub{color:var(--muted);font-size:.78rem}.project-delete{position:absolute;top:8px;right:8px;background:none;border:none;padding:4px 6px;color:var(--muted);font-size:.8rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.project-list li:hover .project-delete,.project-delete:focus-visible{opacity:1}.project-delete:hover{color:var(--danger)}@media (hover: none){.project-delete{opacity:.7}}.projects-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.folder-add{font-size:.78rem;padding:6px 10px;letter-spacing:.05em}.project-list li{position:relative;border-top:2px solid transparent;border-radius:6px}.project-list li.drop-before{border-top-color:var(--accent)}.project-list li[draggable=true]{cursor:grab}.project-list li[draggable=true]:active{cursor:grabbing}.root-zone{border-radius:6px}.root-zone.drop-into{outline:1px dashed var(--accent-soft);outline-offset:4px}.folder{margin-top:14px;border:1px solid var(--border);border-radius:6px;background:#0c101699;padding:8px 10px 10px}.folder.drop-into{border-color:var(--accent);box-shadow:0 0 0 1px #6af2c540}.folder .project-list{margin:8px 0 0}.folder-header{display:flex;align-items:center;gap:8px;cursor:grab;-webkit-user-select:none;user-select:none}.folder-header:active{cursor:grabbing}.folder-chevron{background:none;border:none;padding:0 2px;color:var(--muted);font-size:.85rem;cursor:pointer}.folder-chevron:hover{color:var(--accent)}.folder-name{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;color:var(--accent-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{color:var(--muted);font-size:.72rem;border:1px solid var(--border);border-radius:10px;padding:1px 8px}.folder-delete{margin-left:auto;background:none;border:none;padding:2px 4px;color:var(--muted);font-size:.8rem;cursor:pointer}.folder-delete:hover:not(:disabled){color:var(--danger)}.folder-delete:disabled{opacity:.3;cursor:not-allowed}.folder-name-input{background:var(--panel-alt);color:var(--text);border:1px solid var(--accent-soft);border-radius:4px;padding:4px 8px;font-size:.8rem;font-family:inherit;letter-spacing:.04em;min-width:160px}.folder-name-input:focus{outline:none;box-shadow:0 0 0 1px #6af2c540}.drop-label{color:var(--muted);font-size:.72rem;letter-spacing:.05em;text-align:center;padding:8px;margin:6px 0 0;border:1px dashed var(--border);border-radius:4px;opacity:.8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#050608b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(460px,100%);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:20px;box-shadow:0 18px 48px #0000008c}.modal h2{margin:0 0 12px;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-soft)}.modal-body{font-size:.85rem;line-height:1.55;color:var(--text)}.modal-body p{margin:0 0 10px}.modal-body .modal-note{color:var(--muted);font-size:.78rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal-actions button{padding:8px 14px;font-size:.82rem}.banner{border-radius:4px;padding:10px 14px;margin-bottom:14px;font-size:.82rem;border:1px solid var(--border)}.banner.stale{background:#ffb34714;border-color:#ffb34780;color:var(--amber)}.banner.never_pushed,.banner.unknown{background:var(--panel);color:var(--muted)}.banner.failed{background:#ff636314;border-color:#ff636380;color:var(--text)}.banner.syncing{display:flex;align-items:center;gap:10px;background:#ffb34714;border-color:#ffb34780;color:var(--text)}.banner-spinner{flex:0 0 auto;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,179,71,.35);border-top-color:var(--amber);animation:banner-spin .9s linear infinite}@keyframes banner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.banner-spinner{animation-duration:2.4s}}.draft-controls{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.draft-controls select{background:var(--panel-alt);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:10px 12px;flex:1;min-width:220px;font-family:inherit;font-size:.82rem}.draft-controls select:focus{outline:none;border-color:var(--accent-soft)}.player{background:#0c1016eb;border:1px solid var(--border);border-radius:6px;padding:12px}.waveform{position:relative}.waveform canvas{display:block;width:100%;border-radius:4px;touch-action:pan-y;cursor:pointer}.waveform-hover{position:absolute;top:0;height:100%;display:none;pointer-events:none;box-sizing:border-box;border-left:1px solid var(--aim);border-right:1px solid var(--aim);background:color-mix(in srgb,var(--aim) 9%,transparent);color:var(--aim);font:600 10px system-ui,sans-serif;padding:3px 5px;text-align:right;white-space:nowrap;overflow:hidden}.waveform-hover.section{--aim: var(--accent)}.waveform-hover.seam{--aim: var(--amber)}.feedback-anchor{scroll-margin-top:12px}.waveform .waveform-bright{position:absolute;top:0;left:0;pointer-events:none;will-change:clip-path}.waveform-playhead{position:absolute;top:0;left:0;width:1.5px;height:100%;background:#f7fffb;pointer-events:none;will-change:transform}.transport{display:flex;align-items:center;gap:12px;margin-top:10px}.play-button{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#6af2c51f;border-color:var(--accent-soft);color:var(--accent)}.play-button svg{width:20px;height:20px;display:block}.play-button:hover:not(:disabled){background:var(--accent);color:var(--bg)}.transport-info{display:flex;flex-direction:column;gap:4px;min-width:0}.time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.8rem}.block-chip{font-size:.75rem;color:var(--text);background:var(--panel-alt);border:1px solid var(--border);border-radius:4px;padding:2px 8px;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em}.block-chip svg{width:8px;height:8px;vertical-align:-.5px}.block-chip.seam{color:var(--amber)}.transport-side{margin-left:auto;display:flex;align-items:center;gap:8px}.draft-meta{color:var(--accent-soft);font-size:.78rem;white-space:nowrap}.download-link{color:var(--muted);font-size:.72rem;text-decoration:none;border:1px solid var(--border);border-radius:4px;padding:5px 9px;white-space:nowrap;letter-spacing:.05em}.download-link:hover{color:var(--accent);border-color:var(--accent-soft)}.targets-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px;align-items:center}.target-pill{position:relative;display:inline-flex;align-items:center;gap:5px;font-size:.72rem;padding:6px 10px;border-radius:3px;background:var(--panel-alt);border:1px solid var(--border);color:var(--muted);letter-spacing:.05em;max-width:200px}.target-pill .pill-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-pill:hover:not(:disabled){color:var(--text);border-color:var(--accent-soft)}.target-pill.seam{color:var(--amber);background:#ffb3470f;border-style:dashed;padding-inline:8px}.target-pill .pill-kind{opacity:.75;font-size:.8em}.target-pill .pill-mark{font-size:.72em;line-height:1}.target-pill .staged-mark{color:var(--accent)}.target-pill.staged{border-color:var(--accent-soft)}.target-pill.selected{color:var(--text);border-color:var(--accent);border-style:solid;background:#6af2c51f;box-shadow:0 0 0 1px var(--accent)}.target-pill.selected.seam{background:#ffb34729;border-color:var(--amber);box-shadow:0 0 0 1px var(--amber);color:var(--text)}.targets-row.has-selection .target-pill:not(.selected){opacity:.4}.targets-row.has-selection .target-pill:not(.selected):hover{opacity:.85}.target-pill.playing:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--accent);animation:target-playing 1.4s ease-in-out infinite}@keyframes target-playing{0%,to{opacity:1}50%{opacity:.25}}.grid-canvas-wrap{position:relative}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.feedback-panel{margin-top:14px;padding:12px;background:#12182299;border:1px solid var(--border);border-radius:5px;--aim: var(--border);border-left:3px solid var(--aim);transition:border-color .12s ease,box-shadow .12s ease}.feedback-panel.aimed{box-shadow:0 0 0 1px var(--aim),0 0 22px -8px var(--aim)}.feedback-panel.aimed.section{--aim: var(--accent)}.feedback-panel.aimed.seam{--aim: var(--amber)}.feedback-panel.unaimed{opacity:.9}.feedback-aim{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:26px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--border)}.feedback-panel.aimed .feedback-aim{border-bottom-color:var(--aim)}.feedback-aim-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.feedback-panel.aimed .feedback-aim-label{color:var(--aim)}.feedback-aim-empty{font-size:.78rem;color:var(--muted);font-style:italic}.feedback-aim-hint{font-size:.7rem;color:var(--muted);opacity:.8;flex-basis:100%}.zone-segments{display:inline-flex;flex-basis:100%;width:fit-content;max-width:100%;border:1px solid var(--amber);border-radius:4px;overflow:hidden}.zone-segment{font-size:.68rem;letter-spacing:.04em;white-space:nowrap;padding:4px 10px;color:var(--muted);background:transparent;border:none;border-right:1px solid var(--border);cursor:pointer}.zone-segment:last-child{border-right:none}.zone-segment:hover{color:var(--text);background:#ffb34714}.zone-segment.active{color:#10131a;background:var(--amber);font-weight:600}.target-chip{display:inline-flex;align-items:center;font-size:.76rem;padding:3px 9px;border-radius:3px;background:#6af2c51f;border:1px solid var(--accent);color:var(--text);letter-spacing:.05em;white-space:nowrap}.target-chip.seam{background:#ffb3471a;border-color:var(--amber);color:var(--amber)}.target-chip.small{font-size:.7rem;padding:2px 7px}.target-chip.large{font-size:.95rem;padding:5px 12px;font-weight:600}.feedback-buttons{display:flex;gap:10px}.verdict{flex:1;min-height:58px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.verdict-glyph{font-size:1.3rem;line-height:1}.verdict-word{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.verdict:disabled{opacity:.35}.verdict.good:not(:disabled):active{border-color:var(--accent)}.verdict.bad:not(:disabled):active{border-color:var(--danger)}.verdict.lock:not(:disabled):active{border-color:var(--amber)}.verdict.good.staged{border-color:var(--accent);background:#6af2c529}.verdict.bad.staged{border-color:var(--danger);background:#ff5c7a29}.verdict.lock.staged{border-color:var(--amber);background:#ffb34729}.feedback-note{margin-top:10px}.feedback-note textarea{display:block;width:100%;min-width:0;resize:vertical;background:var(--panel-alt);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:9px 11px;font-size:.8rem;font-family:inherit;line-height:1.5}.feedback-note textarea::placeholder{color:#aab8c773}.feedback-note textarea:focus{outline:none;border-color:var(--aim)}.feedback-note textarea:disabled{opacity:.5}.feedback-note-side{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;min-height:22px}.note-kept{font-size:.66rem;color:var(--aim);opacity:.85;letter-spacing:.04em}.compose-transition{font-size:.72rem;padding:4px 12px;white-space:nowrap;margin-left:auto}.pending-block{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.pending-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pending-count{font-size:.78rem;color:var(--text);letter-spacing:.04em}.pending-breakdown{font-size:.7rem;color:var(--muted)}.pending-carry{margin:4px 0 0;font-size:.7rem;color:var(--muted);line-height:1.4}.pending-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.pending-item{display:flex;align-items:center;gap:6px;background:var(--panel-alt);border:1px solid var(--border);border-radius:3px;padding:4px 4px 4px 6px}.pending-item.selected{border-color:var(--accent-soft)}.pending-target{flex:1;min-width:0;display:flex;align-items:center;gap:7px;background:none;border:none;padding:2px;text-align:left}.pending-target:hover .pending-note{color:var(--text)}.pending-verdict{font-size:.8rem;line-height:1}.pending-note{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-remove{flex-shrink:0;width:24px;height:24px;padding:0;line-height:1;font-size:1rem;color:var(--muted);background:none;border:1px solid transparent;border-radius:3px}.pending-remove:hover{color:var(--danger);border-color:var(--border)}.pending-instruction{margin:8px 0 0;padding:7px 9px;background:var(--panel-alt);border:1px solid var(--border);border-left:2px solid var(--accent-soft);border-radius:3px;font-size:.7rem;color:var(--text);line-height:1.6;word-break:break-word}.pending-instruction-label{display:block;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.pending-effect{font-size:.7rem;color:var(--muted);margin:8px 0 0;line-height:1.5}.feedback-actions{display:flex;gap:10px;margin-top:12px}.submit-feedback{flex:2;min-height:46px;font-size:.85rem;letter-spacing:.05em}.remix{flex:1;min-height:46px;font-size:.85rem;letter-spacing:.05em}.duel-panel{margin-top:10px;padding:10px;background:color-mix(in srgb,var(--aim) 6%,transparent);border:1px solid color-mix(in srgb,var(--aim) 45%,var(--border));border-radius:4px;display:flex;flex-direction:column;gap:10px}.duel-head{display:flex;align-items:center;gap:8px;min-height:24px}.duel-title{font-size:.74rem;letter-spacing:.06em;color:var(--aim);white-space:nowrap}.duel-title .target-chip{vertical-align:middle}.duel-round{font-size:.68rem;color:var(--muted);letter-spacing:.04em;margin-left:auto;white-space:nowrap}.duel-close{width:24px;height:24px;padding:0;line-height:1;font-size:1rem;color:var(--muted);background:none;border:1px solid transparent;border-radius:3px}.duel-close:hover{color:var(--text);border-color:var(--border)}.duel-listen{border-color:var(--aim);flex-basis:auto;width:100%}.duel-listen-side{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;font-size:.78rem;letter-spacing:.06em}.duel-listen-side svg{width:12px;height:12px;flex-shrink:0}.duel-listen-side:hover:not(:disabled){background:color-mix(in srgb,var(--aim) 10%,transparent)}.duel-listen-side.active{color:#10131a;background:var(--aim)}.duel-listen-side:disabled{opacity:.4;cursor:default}.duel-picks{gap:10px}.duel-pick{min-height:52px}.duel-pick .verdict-glyph{font-size:1.15rem;font-weight:700;letter-spacing:.04em}.duel-pick:not(:disabled):active{border-color:var(--aim)}.duel-secondary{display:flex;gap:8px}.duel-secondary-button{flex:1;min-height:46px;padding:6px 8px;font-size:.7rem;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.duel-secondary-button:hover:not(:disabled){color:var(--text)}.duel-status{display:flex;align-items:center;gap:8px;margin:0;font-size:.76rem;line-height:1.5}.duel-spinner{border-color:color-mix(in srgb,var(--aim) 35%,transparent);border-top-color:var(--aim)}.duel-settled{padding:10px 12px;border-radius:4px;background:color-mix(in srgb,var(--aim) 10%,transparent);border:1px solid var(--aim)}.duel-settled-text{margin:0 0 10px;font-size:.8rem;line-height:1.5}.duel-settled-text strong{color:var(--aim)}.duel-settled-actions{display:flex;gap:8px}.duel-settled-actions button{flex:1;min-height:46px;font-size:.8rem}.duel-apply-row{display:flex}.duel-apply-row .primary{flex:1;min-height:46px;font-size:.8rem}.render-progress{margin-top:12px;padding:14px;background:#0c1016eb;border:1px solid var(--border);border-radius:6px}.render-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.render-progress-title{font-size:.85rem;color:var(--text);letter-spacing:.04em}.render-progress-clock{font-size:.75rem;color:var(--accent-soft);font-variant-numeric:tabular-nums}.render-bar{position:relative;overflow:hidden;height:6px;margin-top:12px;border-radius:3px;background:var(--panel-alt);border:1px solid var(--border)}.render-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-soft),var(--accent));transition:width .9s linear}.render-bar.indeterminate .render-bar-fill{width:32%;animation:render-crawl 1.8s ease-in-out infinite}@keyframes render-crawl{0%{transform:translate(-110%)}to{transform:translate(320%)}}.render-phases{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.render-phase{display:flex;align-items:baseline;gap:8px;font-size:.74rem;color:var(--muted)}.render-phase-mark{width:12px;flex-shrink:0;color:var(--border)}.render-phase-label{letter-spacing:.05em}.render-phase-detail{font-size:.68rem;opacity:.75}.render-phase.done .render-phase-mark{color:var(--accent-soft)}.render-phase.active{color:var(--text)}.render-phase.active .render-phase-mark{color:var(--accent)}.render-phase.todo{opacity:.55}.render-progress-note{margin:12px 0 0;font-size:.7rem;color:var(--muted);line-height:1.6}.cl-modalContent,.cl-card{font-family:JetBrains Mono,monospace}.grid-legend{color:var(--muted);font-size:.68rem;margin:.3rem 0 0;opacity:.8}.style-input{flex:2;min-width:220px;background:var(--panel-alt);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:10px 12px;font-size:.82rem;font-family:inherit}.style-input::placeholder{color:#aab8c773}.style-input:focus{outline:none;border-color:var(--accent-soft)}.status.notice{color:var(--accent-soft)}.edit-bar-label{align-self:center;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.link-button{background:none;border:none;padding:0;font:inherit;color:var(--accent-soft);text-decoration:underline;cursor:pointer}.link-button:disabled{color:var(--muted);cursor:default;text-decoration:none}.app-footer{margin-top:2.5rem;padding:.75rem 1rem;text-align:center;font-size:.7rem;color:var(--muted)}.app-footer a{color:var(--muted);text-decoration:underline}.app-footer a:hover{color:var(--accent-soft)}@media (max-width: 700px){body:before,.project-card:before,.signin:before{display:none}.app{padding:0 10px calc(32px + env(safe-area-inset-bottom))}.topbar{padding:10px 0;margin-bottom:12px}.brand{font-size:.8rem;letter-spacing:.06em}h1{font-size:1rem}.signin{margin-top:8vh;padding:28px 18px}.draft-controls{gap:8px}.draft-controls>.primary{flex:1 1 100%}.style-input,.draft-controls select{flex:1 1 100%;min-width:0}.player{padding:8px}.transport{gap:10px}.draft-meta{display:none}.target-pill{padding:9px 10px;max-width:46vw}.edit-bar{flex-wrap:wrap}.edit-bar-label{flex-basis:100%;align-self:auto}.edit-bar input{flex:1 1 200px;min-width:0}.duel-listen{flex-direction:column}.duel-listen-side{border-right:none;border-bottom:1px solid var(--border)}.duel-listen-side:last-child{border-bottom:none}.duel-secondary,.duel-settled-actions{flex-direction:column}.duel-head{flex-wrap:wrap}}.duel-highlights{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:.78rem}.duel-highlights li{margin:3px 0}.duel-vary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:.72rem;color:var(--muted)}.duel-vary-chip{padding:3px 10px;font-size:.72rem}.duel-vary-chip.on{background:var(--aim);border-color:var(--aim);color:var(--bg)}.theme-board{margin:-6px 0 14px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}.theme-board-header{display:flex;align-items:baseline;gap:10px;width:100%;padding:8px 12px;background:none;border:none;color:var(--muted);font-family:inherit;text-align:left;cursor:pointer}.theme-board-header:hover{color:var(--text);border-color:transparent}.theme-board-chevron{color:var(--accent-soft);font-size:.8rem}.theme-board-title{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.theme-board-summary{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-board-body{padding:0 12px 12px;border-top:1px solid var(--border)}.theme-board-help{margin:10px 0 8px;color:var(--muted);font-size:.78rem;line-height:1.4}.theme-board-help b{color:var(--text);font-weight:600}.theme-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.theme-row{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto auto minmax(120px,1.2fr);align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:var(--panel-alt);cursor:grab}.theme-row:active{cursor:grabbing}.theme-row.dragging{opacity:.5;border-style:dashed}.theme-row.lead{border-color:#6af2c58c}.theme-row.accent{border-color:#ffb34773}.theme-grip{color:var(--muted);font-size:.8rem;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.theme-order{display:flex;flex-direction:column;gap:2px}.theme-arrow{padding:0 4px;font-size:.6rem;line-height:1.2;background:none;border:1px solid transparent;color:var(--muted)}.theme-arrow:hover:not(:disabled){color:var(--accent);border-color:var(--border)}.theme-arrow:disabled{opacity:.25}.theme-letter{min-width:1.6em;text-align:center;padding:2px 6px;border-radius:3px;background:var(--bg);border:1px solid var(--border);color:var(--accent);font-weight:600;font-size:.85rem}.theme-row.accent .theme-letter{color:var(--amber)}.theme-name{display:flex;flex-direction:column;min-width:0}.theme-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.theme-meta{color:var(--muted);font-size:.7rem;letter-spacing:.04em}.theme-tiers{display:inline-flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}.theme-tier{padding:3px 8px;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;background:none;border:none;border-right:1px solid var(--border);color:var(--muted);border-radius:0}.theme-tier:last-child{border-right:none}.theme-tier.on.lead{background:#6af2c529;color:var(--accent)}.theme-tier.on.support{background:#aab8c729;color:var(--text)}.theme-tier.on.accent{background:#ffb34729;color:var(--amber)}.theme-pins{display:inline-flex;gap:4px}.theme-pin{padding:3px 7px;font-size:.7rem;color:var(--muted)}.theme-pin.on{color:var(--accent);border-color:var(--accent-soft)}.theme-note{min-width:0;padding:4px 8px;font:inherit;font-size:.8rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text)}.theme-note::placeholder{color:#aab8c773}.theme-note:focus{outline:none;border-color:var(--accent-soft)}.theme-board-actions{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.status.soft-violations{color:var(--amber)}@media (max-width: 720px){.theme-row{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"order letter name" "order tiers tiers" "order pins pins" "order note note"}.theme-grip{display:none}.theme-order{grid-area:order}.theme-letter{grid-area:letter}.theme-name{grid-area:name}.theme-tiers{grid-area:tiers;justify-self:start}.theme-pins{grid-area:pins}.theme-note{grid-area:note}}.desktop-arrangements{margin:.75rem 0 1rem}.desktop-arrangements h2,.proposals h2{font-size:.95rem;margin:0 0 .35rem}.desktop-arrangements ul,.proposals ul,.sync-notes{list-style:none;padding:0;margin:0}.desktop-arrangements li{padding:4px 0}.sync-status{font-size:.85rem;margin:.25rem 0 .75rem}.sync-status.ok{color:var(--accent)}.sync-status.busy{color:var(--muted)}.sync-status.warn{color:var(--amber)}.sync-status.error{color:var(--danger)}.mix-badge{margin:0 0 8px;font-size:.85rem}.mix-badge.master strong{color:var(--accent)}.mix-badge.preview strong{color:var(--amber)}.mix-badge.none strong,.mix-badge-detail{color:var(--muted)}.download-link{color:var(--muted);font-size:.8rem}.arrangement-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 8px}.share-controls{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.share-url{min-width:16rem;font-size:.8rem}.share-hint{color:var(--muted);font-size:.75rem}.arrangement-editor{border:1px solid var(--border);border-radius:4px;overflow:hidden}.sync-notes li{color:var(--amber);font-size:.8rem;padding:2px 0}.proposals{margin-top:1.25rem}.proposal-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;font-size:.85rem}.proposal-audio{width:100%;max-width:420px}.shared-mix h1{margin-bottom:.25rem}.phone-arranger{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--bg);color:var(--text);padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation}.phone-topbar{flex:none;height:44px;display:flex;align-items:center;gap:6px;padding:0 6px;border-bottom:1px solid var(--border);background:var(--panel);min-width:0}.phone-title{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}.phone-spacer{flex:1}.phone-icon{min-width:44px;height:44px;padding:0 6px;border:none;border-radius:10px;background:transparent;color:var(--text);font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.phone-icon:disabled{opacity:.35}.phone-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:14px;font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid var(--border)}.phone-chip.muted{color:var(--muted);font-weight:500}.phone-chip.sync{border-color:transparent}.phone-chip.sync i{width:8px;height:8px;border-radius:4px;background:var(--muted)}.phone-chip.sync.synced{background:#3bae8e29}.phone-chip.sync.synced i{background:var(--accent-soft)}.phone-chip.sync.syncing{background:#6aa8f229}.phone-chip.sync.syncing i{background:#6aa8f2}.phone-chip.sync.offline{background:#ffb34729}.phone-chip.sync.offline i{background:var(--amber)}.phone-chip.sync.attention{background:#ff5c7a2e;max-width:34vw;overflow:hidden;text-overflow:ellipsis}.phone-chip.sync.attention i{background:var(--danger)}.phone-arranger .mix-player.compact{display:inline-flex;align-items:center;gap:6px}.phone-arranger .mix-player.compact .play-button{min-width:48px;height:36px;border-radius:10px;border:none;background:var(--accent);color:var(--bg);font-size:1rem}.phone-arranger .mix-player.compact .time{font-family:ui-monospace,monospace;font-size:.85rem;min-width:3.5em}.phone-hint,.phone-notes{flex:none;margin:0;padding:4px 10px;font-size:.8rem;color:var(--muted);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.phone-body{flex:1;min-height:0;display:flex}.phone-rail{flex:none;width:68px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;border-left:1px solid var(--border);background:var(--panel);overflow-y:auto}.phone-rail button{width:64px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:none;border-radius:10px;background:transparent;color:var(--text);font-size:1.1rem}.phone-rail button small{font-size:.62rem;color:var(--muted)}.phone-rail button[aria-pressed=true]{background:#6af2c52e}.phone-rail button:disabled{opacity:.32}.phone-arranger.rotate{align-items:center;justify-content:center;gap:14px;text-align:center;padding:32px}.phone-arranger.rotate h1{font-size:1.3rem;margin:0}.phone-arranger.rotate p{color:var(--muted);max-width:300px;margin:0}.phone-arranger.rotate .rotate-icon{font-size:4rem;color:var(--accent);transform:rotate(-90deg);line-height:1}.phone-arranger.rotate .button,.phone-arranger.rotate button{min-height:44px;padding:0 18px}.phone-source{display:inline-flex;border:1px solid var(--border);border-radius:14px;overflow:hidden}.phone-source button{height:28px;padding:0 10px;border:none;background:transparent;color:var(--muted);font-size:.75rem;white-space:nowrap}.phone-source button[aria-pressed=true]{background:#6af2c52e;color:var(--text)}.live-transport{display:flex;align-items:center;gap:10px;margin:.25rem 0 .5rem}.remote-toast{display:flex;align-items:center;gap:10px;margin:.25rem 0;padding:6px 10px;border-radius:8px;background:#ffd16624;border:1px solid rgba(255,209,102,.5);font-size:.85rem}.remote-toast span{flex:1}.versions-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.versions-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;border:1px solid var(--border)}.versions-list li[data-current]{border-color:var(--accent)}.versions-list .version-label{flex:1;font-family:ui-monospace,monospace}.versions-list .version-count,.versions-list .version-current{color:var(--muted);font-size:.8rem}.versions-list button{min-height:36px}.phone-sheet{position:fixed;top:0;right:0;bottom:0;width:min(360px,80vw);z-index:30;background:var(--panel);border-left:1px solid var(--border);padding:10px;overflow-y:auto;box-shadow:-8px 0 24px #0006}.phone-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.phone-arranger .remote-toast{margin:0 8px}.phone-more{position:relative;display:inline-flex}.phone-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:transparent;border:none;padding:0}.phone-more-menu{position:absolute;right:0;top:100%;z-index:40;display:flex;flex-direction:column;min-width:190px;padding:4px;border-radius:10px;border:1px solid var(--border);background:var(--panel-alt);box-shadow:0 8px 24px #00000073}.phone-more-menu button{min-height:44px;padding:0 14px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:1rem;text-align:left;white-space:nowrap}.share-sheet-body{display:flex;flex-direction:column;gap:10px}.share-sheet-body button{min-height:48px;width:100%;font-size:1rem;border-radius:10px}.share-sheet-body .share-url{min-height:44px;width:100%;box-sizing:border-box;font-size:.95rem}.share-sheet-body .share-hint{margin:0;color:var(--muted);font-size:.85rem}.kick-levels-list{list-style:none;margin:.25rem 0;padding:0;display:flex;flex-direction:column;gap:4px}.kick-levels-list li{padding:6px 8px;border:1px solid var(--border);border-radius:6px}.kick-levels-gain{font-family:ui-monospace,monospace;margin:0 6px}