:root{color:var(--ink);background:var(--app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--app:#e6f2de;--card:#edf5e7;--raised:#f7faf3;--hover:#dcebd3;--ink:#33402a;--secondary:#4a5740;--muted:#6a765f;--accent:#2e7d32;--accent-hover:#1b5e20;--border:#4a574030;--grid:#5d6b4f1b;--curve:#33833c;--reference:#77866c;--selection:#43a04718;--selection-strong:#c8e6c9;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app:#1e1f24;--card:#26282e;--raised:#2c2f36;--hover:#34373f;--ink:#e4e6eb;--secondary:#b5bac4;--muted:#969ba5;--accent:#50c8be;--accent-hover:#7cdfd4;--border:#3a3d44;--grid:#969ba51c;--curve:#50c8be;--reference:#969ba5;--selection:#50c8be13;--selection-strong:#294943}*{box-sizing:border-box}body{min-width:340px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}button,a,summary,input{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:var(--selection-strong)}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;height:67px;padding:0 max(28px,50vw - 610px);display:flex}.brand{border-radius:5px;display:inline-flex}.brand img{image-rendering:pixelated;object-fit:contain;display:block}.icon-button{background:0 0;border-radius:5px;justify-content:center;align-items:center;width:31px;height:31px;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--hover)}.home,.workbench{width:min(1220px,100% - 56px);margin:0 auto}.home{padding:30px 0}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.demo-card{border:1px solid var(--border);background:var(--card);border-radius:10px;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.demo-card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-art{background:var(--raised);border-bottom:1px solid var(--border);padding:32px 25px}.card-art svg{width:100%;display:block;overflow:visible}.card-art path{fill:none;stroke:var(--curve);stroke-width:2.5px}.card-art line{stroke:var(--border);stroke-width:1px}.card-content{justify-content:space-between;align-items:center;gap:18px;padding:18px 21px;display:flex}.card-content h2{font-size:17px;font-weight:500}.card-content>svg{color:var(--accent)}.workbench{padding:21px 0 30px}.demo-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.back-link{color:var(--secondary);align-items:center;gap:7px;font-size:12px;display:inline-flex}.back-link:hover{color:var(--accent)}.button{background:var(--raised);border:1px solid var(--border);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:12px;line-height:1.3;display:inline-flex}.button:hover:not(:disabled){background:var(--hover);border-color:var(--muted)}.button.subtle{background:0 0}.button.small{min-height:28px;padding:5px 9px;font-size:11px}.button.pressed{color:var(--accent);border-color:var(--accent);background:var(--selection)}.demo-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:25px 0;display:flex}.demo-heading h1{letter-spacing:-.7px;margin-top:7px;font-size:28px;font-weight:600;line-height:1.4}.workbench-layout{border:1px solid var(--border);background:var(--raised);border-radius:9px;grid-template-columns:240px minmax(0,1fr);display:grid;overflow:hidden}.settings-panel{border-right:1px solid var(--border);background:var(--card);padding:22px 20px}.mode-tabs{background:var(--app);border:1px solid var(--border);border-radius:7px;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:23px;padding:3px;display:grid}.mode-tabs button{height:32px;color:var(--muted);background:0 0;border-radius:4px;font-size:13px;font-weight:600}.mode-tabs button:hover{background:var(--hover)}.mode-tabs button.active{background:var(--raised);color:var(--accent);box-shadow:0 1px 3px #0000000c}.settings-panel h2{margin-bottom:8px;font-size:16px;font-weight:600}.controls{gap:22px;margin:25px 0 23px;display:grid}.control{gap:13px;display:grid}.control-label{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.control-label output{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px}input[type=range]{appearance:none;cursor:pointer;width:100%;height:18px;accent-color:var(--accent);background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--border);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--card);width:13px;height:13px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-track{background:var(--border);border-radius:2px;height:3px}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--card);width:10px;height:10px;box-shadow:0 0 0 1px var(--accent);border-radius:50%}.regenerate-note{color:var(--secondary);border-left:2px solid var(--border);margin:0 0 18px;padding-left:9px;font-size:11px;line-height:1.8}.settings-meta{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;padding-top:16px;font-size:11px;display:flex}.reset-button{background:0 0;width:100%;margin-top:12px}.canvas-panel{min-width:0}.canvas-toolbar{justify-content:space-between;align-items:center;gap:15px;height:58px;padding:12px 20px 5px;display:flex}.curve-legend{color:var(--secondary);gap:18px;font-size:11px;display:flex}.curve-legend>span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.legend-line{background:var(--curve);width:18px;height:2px;display:inline-block}.legend-line.original{border-top:1px dashed var(--reference);background:0 0}.toolbar-actions{align-items:center;display:flex}.toolbar-divider{border-left:1px solid var(--border);height:15px;margin:0 7px}.zoom-value{width:43px;color:var(--secondary);font-variant-numeric:tabular-nums;background:0 0;border-radius:5px;padding:6px 0;font-size:11px}.zoom-value:hover{background:var(--hover)}.curve-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overscroll-behavior-x:contain;width:100%;overflow-x:auto}.curve-editor{-webkit-user-select:none;user-select:none;display:block}.axis line{stroke:var(--grid);stroke-width:1px}.axis line.zero-line{stroke:var(--border)}.axis text{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.original-curve{fill:none;stroke:var(--reference);stroke-width:1.2px;stroke-dasharray:4 5;opacity:.6}.result-curve{fill:none;stroke:var(--curve);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.selected-area{fill:var(--selection);pointer-events:none}.hover-area{fill:var(--grid);pointer-events:none}.block-hit{cursor:pointer;outline:none}.block-hit:focus-visible{stroke:var(--accent);stroke-dasharray:3 3}.segment{fill:var(--card);stroke:var(--border);stroke-width:1px}.segment.is-selected{fill:var(--selection-strong);stroke:var(--accent)}.segment-label{fill:var(--muted);font-size:11px}.segment-label.chosen{fill:var(--accent);font-weight:600}.block-boundary{stroke:var(--accent);stroke-dasharray:3 4;opacity:.35}.resize-handle{cursor:ew-resize;touch-action:none;background:0 0;outline:none;justify-content:center;align-items:center;width:24px;height:51px;padding:0;display:flex}.handle-body{background:var(--accent);border:1.5px solid var(--raised);pointer-events:none;border-radius:4px;width:9px;height:28px}.resize-handle:focus-visible{outline:none}.resize-handle:focus-visible .handle-body{border-color:var(--ink)}.amplitude-frame{fill:none;stroke:var(--accent);stroke-width:1px;opacity:.4}.amplitude-handle{cursor:ns-resize;touch-action:none;background:0 0;justify-content:center;align-items:center;width:48px;height:24px;padding:0;display:flex}.amplitude-handle .handle-body{width:30px;height:7px}.amplitude-handle:hover .handle-body,.amplitude-selection.is-dragging .handle-body{background:var(--accent-hover)}.amplitude-handle:focus-visible{outline:none}.amplitude-handle:focus-visible .handle-body{border-color:var(--ink)}.amplitude-value{fill:var(--accent);stroke:var(--raised);stroke-width:3px;paint-order:stroke;font-variant-numeric:tabular-nums;opacity:0;font-size:11px}.amplitude-selection:hover .amplitude-value,.amplitude-selection:focus-within .amplitude-value,.amplitude-selection.is-dragging .amplitude-value{opacity:1}.tilt-handle{cursor:ns-resize;touch-action:none;background:0 0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.tilt-dot{border:2px solid var(--accent);background:var(--raised);pointer-events:none;border-radius:50%;width:11px;height:11px}.tilt-handle:hover .tilt-dot,.tilt-handle.is-dragging .tilt-dot{background:var(--accent)}.tilt-handle.is-pivot .tilt-dot{box-shadow:inset 0 0 0 2px var(--raised);background:var(--accent)}.tilt-handle:focus-visible{outline:none}.tilt-handle:focus-visible .tilt-dot{outline:2px solid var(--accent);outline-offset:3px}.tilt-guide{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 5;opacity:0}.tilt-selection:hover .tilt-guide,.tilt-selection:focus-within .tilt-guide,.tilt-selection.is-dragging .tilt-guide{opacity:.4}.playhead{stroke:var(--ink);stroke-width:1px;opacity:.3}.selection-hint{text-align:right;color:var(--muted);padding:0 20px 10px;font-size:11px;line-height:1.5}.selection-toolbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:8px 20px;font-size:11px;display:flex}.selection-status,.selection-actions{align-items:center;gap:8px;display:flex}.selection-status>span{color:var(--secondary);white-space:nowrap;margin-left:4px}.text-button{color:var(--secondary);white-space:nowrap;background:0 0;border-radius:3px;padding:4px;font-size:11px}.text-button:hover{color:var(--accent)}.icon-button.small{width:23px;height:26px}.selection-values{font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.selection-values span{color:var(--muted);margin-left:8px}.playback{align-items:center;gap:17px;padding:18px 23px 11px;display:flex}.play-button{background:var(--accent);width:32px;height:32px;color:var(--raised);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.play-button:hover{background:var(--accent-hover)}.play-button svg{width:13px}.time-value{color:var(--secondary);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:91px;font-size:11px}.preview-row{align-items:center;gap:18px;padding:4px 25px 15px;display:flex}.motion-preview{text-align:center;width:127px;color:var(--curve)}.motion-preview>span{color:var(--secondary);font-size:10px}.motion-preview svg{width:100%;height:100px;margin-top:1px;display:block;overflow:visible}.motion-preview path{stroke:currentColor;stroke-width:4px;stroke-linecap:round;fill:none}.motion-preview circle{fill:currentColor}.motion-preview .preview-guide{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 4}.motion-preview.original{color:var(--reference)}@media (width<=1100px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-layout{grid-template-columns:215px minmax(0,1fr)}.settings-panel{padding:20px 16px}.selection-toolbar{flex-wrap:wrap;align-items:flex-start;padding:10px 15px}.canvas-toolbar{padding-left:15px;padding-right:10px}.preview-row{gap:10px}.motion-preview{width:105px}}@media (width<=760px){.site-header{height:58px;padding:0 20px}.home,.workbench{width:calc(100% - 32px)}.home{padding-top:22px}.demo-grid{grid-template-columns:1fr;max-width:440px}.workbench{padding-top:16px}.demo-heading{margin:22px 0 20px}.demo-heading h1{font-size:25px}.workbench-layout{grid-template-columns:minmax(0,1fr)}.settings-panel{border-right:0;border-bottom:1px solid var(--border);padding:17px 20px}.mode-tabs{max-width:240px;margin-bottom:17px}.settings-panel h2{margin-bottom:4px;font-size:15px}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 16px}.control-label{gap:4px;font-size:11px;display:grid}.control{gap:8px}.control-label output{font-size:10px}.settings-meta{display:none}.reset-button{width:auto;margin-top:0;padding:6px 8px;font-size:10px}.regenerate-note{margin-bottom:12px;font-size:10px}.canvas-toolbar{gap:7px;height:53px;padding:10px 10px 3px}.curve-legend{gap:9px;font-size:10px}.legend-line{width:13px}.toolbar-actions .icon-button{width:26px}.toolbar-divider{margin:0 3px}.zoom-value{width:38px;font-size:10px}.selection-toolbar{gap:8px;min-height:52px;padding:9px 12px}.selection-status{gap:6px}.selection-actions{margin-left:auto}.playback{gap:12px;padding:15px 16px 10px}.preview-row{gap:4px;padding:3px 15px 15px}.motion-preview{width:88px}.motion-preview svg{height:87px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}