:root{color-scheme:light;--bg: #f6f0e6;--bg-accent: #e7efe9;--panel: #fff9f1;--ink: #231e1a;--muted: #6f6760;--accent: #d1495b;--accent-alt: #3867d6;--accent-guides: rgba(35, 30, 26, .2);--segment-default: rgba(35, 30, 26, .3);--segment-lead-in: #2f9e7a;--segment-entry: #3a7bd5;--segment-lead-out: #c17a1a;--segment-exit: #d1495b;--segment-body: #5b4a3a;--segment-ascender: #3a7bd5;--segment-descender: #c94b4b;--segment-dot: #7b8c2b;--shadow: 0 24px 50px rgba(36, 31, 25, .1)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#faf5ece6,#f6f0e6cc 35%,#e8eee9e6),linear-gradient(120deg,#f6f0e6,#eef2ea);min-height:100vh}svg{width:100%;height:100%}.segment-legend{max-width:1200px;margin:24px auto 0;padding:10px 18px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;background:var(--panel);border-radius:999px;border:1px solid rgba(35,30,26,.12);box-shadow:var(--shadow);font-size:13px;color:var(--muted)}.segment-legend__item{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.02em}.segment-legend__swatch{width:26px;height:8px;border-radius:999px;display:inline-block;background:var(--segment-default)}.segment-legend__swatch--lead-in{background:var(--segment-lead-in)}.segment-legend__swatch--entry{background:var(--segment-entry)}.segment-legend__swatch--body{background:var(--segment-body)}.segment-legend__swatch--exit{background:var(--segment-exit)}.segment-legend__swatch--lead-out{background:var(--segment-lead-out)}.segment-legend__swatch--ascender{background:var(--segment-ascender)}.segment-legend__swatch--descender{background:var(--segment-descender)}.segment-legend__swatch--dot{background:var(--segment-dot)}.editor-page{max-width:1200px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:20px}.editor-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:flex-end}.editor-eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.2em;color:var(--muted);margin-bottom:8px}.editor-header h1{font-size:clamp(28px,3vw,40px);margin:0 0 8px}.editor-subtitle{margin:0;max-width:540px;color:var(--muted);font-size:15px}.editor-meta{font-size:13px;color:var(--muted);background:#ffffffb3;padding:10px 14px;border-radius:999px;border:1px solid rgba(35,30,26,.1)}.editor-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.control{display:flex;flex-direction:column;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.control input{padding:8px 10px;border-radius:10px;border:1px solid rgba(35,30,26,.2);background:#fffaf2;color:var(--ink);font-size:14px;letter-spacing:normal}.control select{padding:10px 14px;border-radius:12px;border:1px solid rgba(35,30,26,.2);background:#fffaf2;color:var(--ink);font-size:14px;letter-spacing:normal}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.toggle input{accent-color:var(--ink)}.bezier-editor{margin-top:8px;display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:20px;background:#ffffffbf;border:1px solid rgba(35,30,26,.1);box-shadow:var(--shadow)}.bezier-editor__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.bezier-editor__load{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bezier-editor__drop{padding:8px 14px;border-radius:12px;border:1px dashed rgba(35,30,26,.25);color:var(--muted);font-size:12px;cursor:pointer}.bezier-editor__drop--active{border-color:#2f9e7a99;background:#2f9e7a1a;color:var(--ink)}.bezier-editor__controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.editor-button{padding:10px 14px;border-radius:999px;border:1px solid rgba(35,30,26,.2);background:#fffaf2;color:var(--ink);font-size:13px;cursor:pointer}.editor-button:hover{background:#f4efe6}.editor-button.is-active{background:var(--accent);border-color:transparent;color:#fff}.bezier-editor__canvas{aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;border:1px solid rgba(35,30,26,.1);background:linear-gradient(135deg,#fffcf5e6,#f0f6eee6)}.bezier-editor__canvas svg{touch-action:none}.bezier-editor__canvas svg.is-dot-mode{cursor:crosshair}.bezier-editor__status{font-size:13px;color:var(--muted)}.guide{stroke:var(--accent-guides);stroke-width:2;stroke-dasharray:10 8}.guide--baseline,.guide--xHeight{stroke-width:3}.editor-curve{fill:none;stroke:var(--segment-default);stroke-width:8;stroke-opacity:.5;pointer-events:stroke}.editor-curve.is-active{stroke-width:12}.editor-curve[data-segment=lead-in]{stroke:var(--segment-lead-in)}.editor-curve[data-segment=entry]{stroke:var(--segment-entry)}.editor-curve[data-segment=lead-out]{stroke:var(--segment-lead-out)}.editor-curve[data-segment=exit]{stroke:var(--segment-exit)}.editor-curve[data-segment=body]{stroke:var(--segment-body)}.editor-curve[data-segment=ascender]{stroke:var(--segment-ascender)}.editor-curve[data-segment=descender]{stroke:var(--segment-descender)}.editor-curve[data-segment=dot]{stroke:var(--segment-dot)}.editor-line{stroke:#231e1a40;stroke-width:1.5;stroke-dasharray:6 6}.editor-handle{fill:#fffaf2;stroke:#231e1a80;stroke-width:2;cursor:grab}.editor-handle.is-selected{stroke:var(--accent-alt);stroke-width:3}.editor-handle.is-passive{pointer-events:none}.editor-handle--anchor{fill:#fff0d8;stroke:#231e1a99}.editor-handle--control{fill:#eef5ff}.editor-handle:active{cursor:grabbing}.editor-selection{fill:#4b785a1f;stroke:var(--accent-alt);stroke-width:2;stroke-dasharray:8 6;pointer-events:none}.editor-mark{fill:var(--segment-dot);stroke:#231e1a66;stroke-width:1;opacity:.75;cursor:grab}.editor-mark:active{cursor:grabbing}.editor-guide-handle{fill:#fffaf2;stroke:#231e1a80;stroke-width:2;cursor:ns-resize}.editor-guide-handle--vertical{cursor:ew-resize}.editor-guide-label{font-size:12px;fill:var(--muted);font-family:Space Mono,Courier New,monospace}.empty-label{fill:var(--muted);font-size:16px}@media (max-width: 900px){.bezier-editor__controls{flex-direction:column;align-items:flex-start}}