:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202020;--muted:#606060;--surface:#fff;--surface-raised:#fafafd;--canvas:#f0f1f2;--line:#f0f1f2;--line-subtle:#e5e5e5;--control-border:#d8d8d866;--hover:#e3e3e5;--accent:#0069cc;--accent-dark:#0063c1;--success:#16825d;--warning:#895503;--error:#ad0707;--error-surface:#fdeded;--editor-bg:#fff;--editor-ink:#202020;--editor-muted:#606060;--editor-active:#eaeaea40;--selection:#0069cc40;--whitespace:#60606080;--divider:#f0f1f2;--divider-handle:#b8b8b8;--status-bg:#fafafd;--status-fg:#606060;--status-border:#f0f1f2;--status-hover:#e3e3e5;--status-active:#0069cc;--status-active-fg:#fff;--status-pending:#526f8a;--status-success:#16825d;--status-warning:#895503;--status-error:#ad0707;--preview-shadow:#2020201f;--scrollbar:#64646466;--syntax-comment:#6e7781;--syntax-string:#0a3069;--syntax-number:#098658;--syntax-keyword:#cf222e;--syntax-function:#8250df;--syntax-type:#267f99;--syntax-variable:#953800}:root[data-theme=quiet-light]{--ink:#333;--muted:#6d705b;--surface:#f5f5f5;--surface-raised:#ececec;--canvas:#e7e7e7;--line:#d4d4d4;--line-subtle:#dedede;--control-border:#c8c8c8;--hover:#e4f6d4;--accent:#705697;--accent-dark:#604782;--success:#448c27;--warning:#9c5d27;--error:#cd3131;--error-surface:#f8e8e8;--editor-bg:#f5f5f5;--editor-ink:#333;--editor-muted:#6d705b;--editor-active:#e4f6d466;--selection:#c9d0d9;--whitespace:#777;--divider:#d4d4d4;--divider-handle:#9769dc;--status-bg:#705697;--status-fg:#fff;--status-border:#604782;--status-hover:#fff2;--status-active:#9769dc;--status-active-fg:#fff;--status-pending:#fff;--status-success:#fff;--status-warning:#fff;--status-error:#fff;--preview-shadow:#33333329}*{box-sizing:border-box;letter-spacing:0}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:var(--canvas);font-family:Bahnschrift,Noto Sans SC,Microsoft YaHei UI,sans-serif}*{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .6s ease-out}:hover{scrollbar-color:var(--scrollbar) transparent;transition-duration:.1s}button{color:inherit;font:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.app-shell{grid-template-rows:minmax(0,1fr) 30px;height:100vh;display:grid}.view-switch,.preview-tools,.backend-tabs,.pane-tabs{align-items:center;display:flex}.preview-tools[hidden]{display:none}.backend-tab,.compile-button{cursor:pointer;border:0;min-height:30px}.view-switch{border-right:1px solid var(--status-border);align-self:stretch;overflow:hidden}.view-switch button,.theme-button{border:0;border-right:1px solid var(--status-border);min-height:30px;color:var(--status-fg);cursor:pointer;background:0 0;padding:0 9px;font-size:11px}.view-switch button:last-child{border-right:0}.view-switch button:hover,.theme-button:hover{background:var(--status-hover)}.view-switch button[aria-pressed=true]{color:var(--status-active-fg);background:var(--status-active)}.theme-control{border-right:1px solid var(--status-border);align-self:stretch;position:relative}.theme-button{min-width:101px;height:100%}.theme-button:after{content:"⌃";margin-left:7px;font-size:9px}.theme-menu{z-index:40;border:1px solid var(--control-border);width:126px;color:var(--ink);background:var(--surface);box-shadow:0 -7px 22px var(--preview-shadow);border-radius:4px;padding:4px;display:grid;position:absolute;bottom:calc(100% + 5px);left:4px}.theme-menu[hidden]{display:none}.theme-menu button{text-align:left;min-height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0 8px;font-size:11px}.theme-menu button:hover,.theme-menu button:focus-visible{background:var(--hover)}.theme-menu button[aria-checked=true]:before{color:var(--accent);content:"✓";margin-right:7px}.theme-menu button[aria-checked=false]{padding-left:23px}.workspace{--editor-width:40%;grid-template-columns:minmax(280px, var(--editor-width)) 7px minmax(320px, 1fr);min-width:0;min-height:0;display:grid}.workspace[data-view=editor],.workspace[data-view=preview]{grid-template-columns:minmax(0,1fr)}.workspace[data-view=editor] .preview-panel,.workspace[data-view=editor] .workspace-divider,.workspace[data-view=preview] .editor-panel,.workspace[data-view=preview] .workspace-divider{display:none}.editor-panel,.preview-panel{min-width:0;min-height:0}.editor-panel{background:var(--editor-bg);grid-template-rows:40px minmax(0,1fr);display:grid}.preview-panel{background:var(--canvas);grid-template-rows:40px minmax(0,1fr);display:grid;container-type:inline-size}.pane-toolbar{border-bottom:1px solid var(--line);background:var(--surface-raised);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 10px;display:flex}.pane-tabs{align-self:stretch;min-width:0}.pane-tab{border:0;border-right:1px solid var(--line-subtle);min-width:0;color:var(--muted);cursor:pointer;background:0 0;border-bottom:2px solid #0000;align-self:stretch;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.pane-tab:hover{color:var(--ink);background:var(--hover)}.pane-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent);background:var(--surface)}.file-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.source-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab-icon{color:var(--accent);font-size:9px}.tab-badge{min-width:18px;height:18px;color:var(--muted);background:var(--hover);border-radius:9px;place-items:center;padding:0 5px;font-family:Cascadia Mono,monospace;font-size:9px;display:grid}.pane-tab[data-severity=error] .tab-badge{color:#fff;background:var(--error)}.pane-tab[data-severity=warning] .tab-badge{color:#fff;background:var(--warning)}.pane-toolbar-actions{flex:none;align-items:center;gap:8px;display:flex}.auto-format{color:var(--muted);white-space:nowrap;cursor:pointer;align-items:center;gap:4px;font-family:Noto Sans SC,Microsoft YaHei UI,sans-serif;font-size:11px;line-height:1;display:inline-flex}.auto-format input{accent-color:var(--accent);margin:0}.auto-format span{text-box:trim-both cap alphabetic}.source-size{color:var(--muted);white-space:nowrap;font-family:Cascadia Mono,monospace;font-size:10px}.docs-link{border:1px solid var(--accent);color:#fff;background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;line-height:1;text-decoration:none;display:inline-flex}.docs-link:hover{color:#fff;border-color:var(--accent-dark);background:var(--accent-dark)}.docs-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pane-stack,.source-pane,.editor-host,.preview-pane{min-width:0;height:100%;min-height:0}.pane-stack,.source-pane,.preview-pane{overflow:hidden}[role=tabpanel][hidden]{display:none}.cm-editor .cm-selectionLayer .cm-selectionBackground{background:var(--selection)!important}.cm-editor .cm-content ::selection{background:var(--selection)}.cm-editor[data-has-selection=true] .cm-activeLine{background:0 0}.cm-selected-space,.cm-selected-tab{position:relative}.cm-selected-space:after,.cm-selected-tab:after{color:var(--whitespace);line-height:inherit;pointer-events:none;position:absolute;inset:0}.cm-selected-space:after{content:"·";text-align:center}.cm-selected-tab:after{content:"→";text-align:left}.workspace-divider{z-index:5;cursor:col-resize;touch-action:none;background:var(--divider);position:relative}.workspace-divider:after{background:var(--divider-handle);content:"";border-radius:2px;width:3px;height:36px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.workspace-divider:hover,.workspace-divider:focus-visible,.resizing .workspace-divider{background:var(--hover)}.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.playback-pane,.problems-pane{background:var(--surface);min-width:0;height:100%;min-height:0}.playback-scroll{height:100%;padding:24px;overflow:auto}.problems-summary,.section-heading,.voice-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.problems-summary h2{margin:2px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:21px}.section-kicker{color:var(--accent);font-size:9px;font-weight:700}.playback-status{border:1px solid var(--line-subtle);width:100%;max-width:620px;min-height:34px;color:var(--muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:var(--surface-raised);border-radius:3px;margin:0 auto 8px;padding:7px 10px;font-size:10px;display:block;overflow:hidden}.playback-status[data-state=warning]{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 32%, transparent);cursor:pointer}.playback-status[data-state=error]{color:var(--error);border-color:color-mix(in srgb, var(--error) 32%, transparent)}.playback-status[data-state=error]:not(:disabled){cursor:pointer}.control-section{border-top:1px solid var(--line-subtle);max-width:620px;margin:0 auto;padding:17px 0}.section-heading{min-height:28px;margin-bottom:12px}.section-heading h3{margin:0;font-size:12px}.section-heading span,.switch-label,.voice-title span{color:var(--muted);font-size:10px}.transport-controls{gap:8px;display:flex}.transport-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:4px;place-items:center;width:36px;height:34px;display:grid}.transport-button.primary,.voice-actions button[aria-pressed=true]{color:#fff;border-color:var(--accent);background:var(--accent)}.transport-button:disabled,.playback-pane input:disabled,.playback-pane select:disabled{opacity:.52;cursor:not-allowed}.playback-progress{width:100%;height:24px;accent-color:var(--accent);cursor:pointer;margin:9px 0 12px}.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.parameter-grid .full{grid-column:1/-1}.parameter-grid label,.field-label{color:var(--muted);gap:6px;font-size:10px;display:grid}.playback-pane input[type=number],.playback-pane select{border:1px solid var(--line);width:100%;height:32px;color:var(--ink);background:var(--surface-raised);border-radius:3px;padding:0 9px}.range-label{color:var(--muted);grid-template-columns:52px minmax(0,1fr) 40px;align-items:center;gap:8px;font-size:10px;display:grid}.range-label input{accent-color:var(--accent)}.range-label output{color:var(--ink);text-align:right;font-family:Cascadia Mono,monospace}.mixer-tracks{gap:8px;display:grid}.voice-strip{border-left:3px solid var(--accent);background:var(--surface-raised);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px;display:grid}.voice-title{align-items:baseline}.voice-actions{gap:4px;display:flex}.voice-actions button{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:28px;height:26px;font-size:10px}.voice-strip .full,.voice-strip .field-label{grid-column:1/-1}.problems-pane{grid-template-rows:auto minmax(0,1fr);display:grid}.problems-summary{border-bottom:1px solid var(--line);background:var(--surface-raised);min-height:72px;padding:12px 18px}.problems-summary>span{color:var(--muted);font-size:10px}.diagnostics-panel{background:var(--surface);min-height:0;overflow:auto}.diagnostics-panel[data-empty=false] .diagnostics-empty{display:none}.diagnostics-empty{text-align:center;color:var(--muted);gap:5px;padding:42px 20px;display:grid}.diagnostics-empty strong{color:var(--ink);font-size:13px}.diagnostics-empty span{font-size:11px}.diagnostic-row{border:0;border-bottom:1px solid var(--line-subtle);text-align:left;cursor:pointer;background:0 0;grid-template-columns:3px auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:46px;padding:9px 14px 9px 0;display:grid}.diagnostic-row:hover{background:var(--hover)}.diagnostic-row:before{background:var(--warning);content:"";align-self:stretch}.diagnostic-row[data-severity=error]:before{background:var(--error)}.diagnostic-code,.diagnostic-position{font-family:Cascadia Mono,monospace;font-size:10px}.diagnostic-row[data-severity=error] .diagnostic-code{color:var(--error)}.diagnostic-row[data-severity=warning] .diagnostic-code{color:var(--warning)}.diagnostic-message{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.diagnostic-position{color:var(--muted)}.result-toolbar{padding:0 12px 0 0}.compile-button{color:#fff;background:var(--accent);border-radius:4px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.compile-button:hover{background:var(--accent-dark)}.compile-button span{font-size:9px}.preview-tools{gap:7px}.tool-button{border:1px solid var(--control-border);min-height:30px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:4px;padding:0 9px;font-size:10px}.tool-button:hover{color:var(--ink);background:var(--hover)}.pitch-button{width:30px;padding:0;font-size:20px}.zoom-control,.export-control{position:relative}.zoom-button{min-width:52px;font-family:Cascadia Mono,monospace}.zoom-menu,.export-menu{background:var(--surface);box-shadow:0 8px 24px var(--preview-shadow);position:absolute;top:calc(100% + 6px);right:0}.zoom-menu{z-index:20;border:1px solid var(--line);border-radius:4px;width:max-content;padding:4px;display:grid}.zoom-menu[hidden],.export-menu[hidden]{display:none}.zoom-menu button{text-align:center;min-height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0 8px;font-family:Cascadia Mono,monospace;font-size:10px}.zoom-menu button:hover,.zoom-menu button:focus-visible{background:var(--hover)}.zoom-menu-separator{background:var(--line-subtle);height:1px;margin:4px}.backend-tabs{border:1px solid var(--line);border-radius:4px;overflow:hidden}.backend-tab{border-right:1px solid var(--line);color:var(--muted);background:var(--surface);padding:0 10px;font-family:Cascadia Mono,monospace;font-size:10px}.backend-tab:last-child{border-right:0}.backend-tab[aria-selected=true]{color:#fff;background:var(--accent)}@container (width<=446px){.backend-tabs{display:none}}.export-button{color:#fff;background:var(--accent);border:0;place-items:center;width:32px;padding:0;display:grid}.export-button:hover{color:#fff;background:var(--accent-dark)}.export-button svg{display:block}.export-menu{z-index:30;border:1px solid var(--control-border);width:276px;box-shadow:0 12px 30px var(--preview-shadow);border-radius:5px;overflow:hidden}.export-menu-header{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:baseline;gap:12px;padding:13px 14px 11px;display:flex}.export-menu-header strong{font-family:Georgia,Noto Serif SC,serif;font-size:15px}.export-menu-header span{color:var(--muted);font-size:9px}.export-ppi{border-top:1px solid var(--line-subtle);border-bottom:1px solid var(--line-subtle);min-height:40px;color:var(--muted);background:var(--surface-raised);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:4px 0;padding:5px 10px;font-size:10px;display:grid}.export-ppi-input{align-items:center;gap:6px;display:flex}.export-ppi input{border:1px solid var(--control-border);width:62px;height:30px;color:var(--ink);background:var(--surface);border-radius:3px;padding:0 7px;font-family:Cascadia Mono,monospace;font-size:11px}.export-formats{padding:4px;display:grid}.export-formats button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:36px;padding:0 10px;display:grid}.export-formats button:hover,.export-formats button:focus-visible{background:var(--hover)}.export-formats button:disabled{opacity:.52;cursor:wait}.export-formats strong{font-family:Cascadia Mono,monospace;font-size:11px}.export-formats span{color:var(--muted);font-size:9px}.preview-scroll{scrollbar-gutter:stable;background-color:var(--canvas);background-image:radial-gradient(color-mix(in srgb, var(--muted) 22%, transparent) .55px, transparent .55px);background-size:9px 9px;min-width:0;height:100%;min-height:0;padding:24px 0;overflow:auto}.preview-host{flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;width:max-content;min-width:100%;min-height:100%;display:flex}.preview-page{box-sizing:content-box;border:1px solid var(--line);box-shadow:0 7px 24px var(--preview-shadow);background:#fff;flex:none;line-height:0;position:relative}.preview-page>svg,.preview-page>canvas{-webkit-user-select:none;user-select:none;display:block}.preview-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.preview-focus-ripple{--focus-diameter:64px;width:var(--focus-diameter);height:var(--focus-diameter);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.preview-playback-cursor{background:color-mix(in srgb, var(--accent) 20%, transparent);border-radius:2px;transition:left 80ms linear,top 80ms linear,width 80ms linear,height 80ms linear;position:absolute}.preview-focus-ripple:before,.preview-focus-ripple:after{border:2px solid color-mix(in srgb, var(--accent) 82%, #fff);border-radius:inherit;content:"";animation:.7s cubic-bezier(.16,.72,.22,1) forwards preview-focus-wave;position:absolute;inset:0}.preview-focus-ripple:after{animation-delay:.11s}@keyframes preview-focus-wave{0%{opacity:0;transform:scale(.18)}18%{opacity:.95}to{opacity:0;transform:scale(1)}}.preview-error{border-left:3px solid var(--error);max-width:720px;color:var(--error);background:var(--error-surface);white-space:pre-wrap;margin:0 auto;padding:16px;font-family:Cascadia Mono,monospace;font-size:12px;line-height:1.6}.statusbar{border-top:1px solid var(--status-border);min-width:0;min-height:30px;color:var(--status-fg);background:var(--status-bg);white-space:nowrap;align-items:center;gap:0;font-family:Cascadia Mono,monospace;font-size:11px;display:flex;overflow:visible}.status-results{align-self:stretch;align-items:center;min-width:0;margin-left:auto;display:flex;overflow:hidden}.status-item,.status-message{padding:0 9px}.status-item{border-right:1px solid var(--status-border);text-overflow:ellipsis;overflow:hidden}.status-message{border:0;border-right:1px solid var(--status-border);color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;align-self:stretch}.status-message:hover{background:var(--status-hover)}.status-message[data-state=pending]{color:var(--status-pending)}.status-message[data-state=ok]{color:var(--status-success)}.status-message[data-state=warning]{color:var(--status-warning)}.status-message[data-state=error]{color:var(--status-error)}.drop-overlay{z-index:100;pointer-events:none;background:color-mix(in srgb, var(--canvas) 76%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.drop-overlay[hidden]{display:none}.drop-overlay:before{border:2px dashed var(--accent);content:"";position:absolute;inset:18px}.drop-message{z-index:1;border:1px solid var(--control-border);min-width:min(340px,100vw - 64px);color:var(--ink);background:var(--surface);box-shadow:0 12px 36px var(--preview-shadow);border-radius:6px;place-items:center;padding:28px 34px;display:grid}.drop-icon{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:14px;font-family:Cascadia Mono,monospace;font-size:25px;display:grid}.drop-icon:before{content:"↓"}.drop-message strong{font-size:16px}.drop-message>span:last-child{color:var(--muted);margin-top:7px;font-size:11px}.drop-overlay[data-state=rejected]{background:color-mix(in srgb, var(--error-surface) 88%, transparent)}.drop-overlay[data-state=rejected]:before,.drop-overlay[data-state=rejected] .drop-message{border-color:var(--error)}.drop-overlay[data-state=rejected] .drop-icon{background:var(--error)}.drop-overlay[data-state=rejected] .drop-icon:before{content:"×"}.drop-overlay[data-state=rejected] .drop-message strong{color:var(--error)}.drop-overlay[data-state=pending] .drop-icon{color:var(--ink);background:var(--hover)}.print-host{display:none}@media (width<=800px){html,body{height:auto;min-height:100%;overflow:auto}.app-shell{height:auto;min-height:100vh;padding-bottom:30px;display:block}.workspace,.workspace[data-view=editor],.workspace[data-view=preview]{grid-template-rows:minmax(480px,58vh) minmax(480px,72vh);grid-template-columns:minmax(0,1fr);display:grid}.workspace[data-view] .editor-panel,.workspace[data-view] .preview-panel{display:grid}.workspace-divider{display:none}.editor-panel{border-bottom:1px solid var(--line)}.preview-scroll{padding:14px 0}.playback-scroll{padding:18px}.view-switch{display:none}.statusbar{z-index:30;position:fixed;bottom:0;left:0;right:0}}@media (width<=480px){.source-size{display:none}.pane-tab{padding:0 9px}.preview-panel{grid-template-rows:80px minmax(0,1fr)}.result-toolbar{flex-wrap:wrap;gap:0;padding:0 6px}.result-toolbar>.pane-tabs{height:40px}.preview-tools{border-top:1px solid var(--line);justify-content:flex-end;width:100%;height:40px}.compile-button{padding:0 9px;font-size:0}.compile-button span{font-size:9px}.diagnostic-row{grid-template-columns:3px auto minmax(0,1fr)}.diagnostic-position{display:none}.parameter-grid{grid-template-columns:minmax(0,1fr)}.theme-button{min-width:87px;padding:0 6px;font-size:10px}.status-item{padding:0 6px}#layoutStats{max-width:120px}}@media print{html,body{background:#fff;width:auto;height:auto;overflow:visible}.print-ready .app-shell{display:none!important}.print-ready .print-host{display:block}.print-host>svg{break-after:page;page-break-after:always;width:100%;height:auto;display:block}.print-host>svg:last-child{break-after:auto;page-break-after:auto}}