:root{--om-bg: #17181C;--om-surface: #27292D;--om-inset: #2E3034;--om-border: #3A3C41;--om-ink: #FAFAFA;--om-accent: #FCC051;--om-on-accent: #0F0F0F;--om-success: #34C759;--om-warning: #FFD60A;--om-danger: #FF453A;--om-muted: #8E8E93;--om-on-danger: #FFFFFF;--om-scrim: rgba(0, 0, 0, .6);--om-ink-wash: rgba(250, 250, 250, .35);--om-accent-wash: rgba(252, 192, 81, .22);--om-emph-primary: 1;--om-emph-body: .75;--om-emph-sub: .6;--om-emph-hint: .55;--om-emph-label: .5;--om-emph-idle: .35;--om-emph-faint: .3;--om-font-digit: "Doto", ui-monospace, "SF Mono", Menlo, monospace;--om-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--om-weight-regular: 400;--om-weight-semibold: 600;--om-weight-bold: 700;--om-text-nano: 9px;--om-text-micro: 10px;--om-text-tiny: 11px;--om-text-small: 12px;--om-text-body: 13px;--om-text-label: 14px;--om-text-base: 15px;--om-text-lead: 16px;--om-text-title: 18px;--om-text-heading: 20px;--om-text-readout: 24px;--om-text-display: 28px;--om-text-hero: 34px;--om-radius-grab: 2px;--om-radius-xs: 12px;--om-radius-sm: 14px;--om-radius-md: 16px;--om-radius-lg: 20px;--om-radius-dock: 22px;--om-radius-card: 24px;--om-radius-pill: 26px;--om-radius-cta: 27px;--om-radius-sheet: 28px;--om-space-1: 2px;--om-space-2: 4px;--om-space-3: 6px;--om-space-4: 8px;--om-space-5: 10px;--om-space-6: 12px;--om-space-7: 14px;--om-space-8: 16px;--om-pad-compact: 12px;--om-pad-card: 16px;--om-hairline: 1px;--om-control-sm: 32px;--om-control-md: 38px;--om-control-lg: 44px;--om-control-xl: 52px;--om-control-cta: 54px;--om-segment-h: 60px;--om-dock-h: 72px;--om-dock-inset: 22px;--om-tile-h: 172px;--om-shadow-thumb: 0 2px 6px rgba(0, 0, 0, .35);--om-dur-collapse: .2s;--om-ease: cubic-bezier(.2, .8, .2, 1)}.om-card{border-radius:var(--om-radius-card);border:1px solid var(--om-border);background:var(--om-surface);padding:var(--om-pad-card);display:flex;flex-direction:column;gap:10px;font-family:var(--om-font-ui)}.om-card--accent{background:var(--om-accent);border-color:var(--om-accent);color:var(--om-on-accent)}.om-card-head{display:flex;align-items:center;gap:8px}.om-card-title{font-family:var(--om-font-ui);font-weight:700;font-size:var(--om-text-title)}.om-row{display:flex;align-items:center;gap:12px;padding:9px 0;width:100%}.om-row-icon{width:38px;height:38px;border-radius:var(--om-radius-sm);background:var(--om-inset);display:grid;place-items:center;flex:none}.om-row-icon--accent{background:var(--om-accent);color:var(--om-on-accent)}.om-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.om-row-label{font-weight:600;font-size:var(--om-text-base)}.om-row-hint{font-size:var(--om-text-small);opacity:.55}.om-section-label{font-size:var(--om-text-small);opacity:.5}.om-pill{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:var(--om-radius-md);border:1px solid var(--om-border);background:var(--om-inset);font-family:var(--om-font-digit);font-weight:700;font-size:var(--om-text-small);letter-spacing:.03em;color:var(--om-ink);white-space:nowrap}.om-pill--on{background:var(--om-accent);border-color:var(--om-accent);color:var(--om-on-accent)}.om-toggle{width:46px;height:28px;border-radius:var(--om-radius-sm);border:1px solid var(--om-border);background:var(--om-inset);display:flex;align-items:center;padding:0 3px;flex:none}.om-toggle--on{background:var(--om-accent);border-color:var(--om-accent);justify-content:flex-end}.om-knob{width:20px;height:20px;border-radius:10px;background:var(--om-ink)}.om-toggle--on .om-knob{background:var(--om-on-accent)}.om-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:var(--om-radius-pill);background:var(--om-accent);color:var(--om-on-accent);border:0;cursor:pointer;font-family:var(--om-font-digit);font-weight:700;font-size:var(--om-text-lead);letter-spacing:.03em}.om-btn--idle{opacity:.4;cursor:not-allowed}.om-cta{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 32px;border-radius:var(--om-radius-cta);background:var(--om-accent);color:var(--om-on-accent);border:0;cursor:pointer;font-family:var(--om-font-ui);font-weight:700;font-size:var(--om-text-lead)}.om-cta--danger{background:var(--om-danger);color:var(--om-on-danger)}.om-dismiss{height:48px;padding:0 24px;background:none;border:0;cursor:pointer;color:var(--om-ink);opacity:.6;font-family:var(--om-font-ui);font-size:var(--om-text-label)}.om-facts{display:flex;gap:8px}.om-fact{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:var(--om-radius-md);background:var(--om-inset)}.om-fact-value{font-family:var(--om-font-digit);font-weight:700;font-size:var(--om-text-lead);font-variant-numeric:tabular-nums}.om-fact-label{font-size:var(--om-text-micro);opacity:.5}.om-chip{width:44px;height:44px;border-radius:var(--om-radius-md);border:1px solid var(--om-border);background:var(--om-surface);display:grid;place-items:center;position:relative;flex:none;color:var(--om-ink)}.om-chip--on{background:var(--om-accent);border-color:var(--om-accent);color:var(--om-on-accent)}.om-keyrow{display:flex;align-items:center;gap:8px;padding:7px 0}.om-keyrow-label{font-size:var(--om-text-small);opacity:.55}.om-keyrow-value{flex:1;text-align:right;font-family:var(--om-font-digit);font-weight:700;font-size:var(--om-text-body);font-variant-numeric:tabular-nums}.om-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--om-text-body)}.om-status-dot{width:8px;height:8px;border-radius:4px;flex:none}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--om-bg);color:var(--om-ink);font-family:var(--om-font-ui);font-size:var(--om-text-base);line-height:1.6;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--om-accent);outline-offset:3px;border-radius:4px}.md-eyebrow{font-family:var(--om-font-digit);font-weight:700;font-size:var(--om-text-title);letter-spacing:.18em;text-transform:uppercase;color:var(--om-accent);margin:0}.md-shell{min-height:100%;display:flex;flex-direction:column}.md-mast{display:flex;align-items:center;gap:var(--om-space-6);padding:var(--om-space-7) var(--om-space-8);border-bottom:1px solid var(--om-border);background:var(--om-bg);position:sticky;top:0;z-index:5}.md-mast h1{margin:0;font-family:var(--om-font-digit);font-weight:700;font-size:var(--om-text-heading);letter-spacing:.02em}.md-mast-spacer{flex:1}.md-body{flex:1;display:grid;gap:var(--om-space-8);grid-template-columns:minmax(300px,340px) minmax(0,1fr) minmax(300px,360px);align-items:start;padding:var(--om-space-8);max-width:1560px;width:100%;margin:0 auto}.md-col{display:flex;flex-direction:column;gap:var(--om-space-8);min-width:0}.md-col--stage{align-items:center}.md-inline{display:flex;align-items:center;gap:var(--om-space-4);flex-wrap:wrap}.md-stack{display:flex;flex-direction:column;gap:var(--om-space-5)}.md-divider{height:1px;background:var(--om-border);border:0;margin:var(--om-space-2) 0}.md-tool{display:inline-flex;align-items:center;justify-content:center;gap:var(--om-space-3);height:38px;padding:0 var(--om-space-6);border-radius:var(--om-radius-sm);border:1px solid var(--om-border);background:var(--om-inset);color:var(--om-ink);cursor:pointer;font-family:var(--om-font-ui);font-weight:600;font-size:var(--om-text-small);transition:background var(--om-dur-collapse) var(--om-ease),border-color var(--om-dur-collapse) var(--om-ease)}.md-tool:hover:not(:disabled){border-color:var(--om-accent)}.md-tool:disabled{opacity:var(--om-emph-idle);cursor:not-allowed}.md-tool--on{background:var(--om-accent);border-color:var(--om-accent);color:var(--om-on-accent)}.md-tool--icon{width:38px;padding:0}.md-tool--wide{flex:1}.md-tool--danger:hover:not(:disabled){border-color:var(--om-danger);color:var(--om-danger)}.md-field{display:flex;flex-direction:column;gap:var(--om-space-3)}.md-field>label{font-size:var(--om-text-small);opacity:var(--om-emph-label)}.md-input{height:38px;padding:0 var(--om-space-6);border-radius:var(--om-radius-sm);border:1px solid var(--om-border);background:var(--om-inset);color:var(--om-ink);font-family:var(--om-font-digit);font-weight:700;font-size:var(--om-text-body);font-variant-numeric:tabular-nums;width:100%}.md-input:focus{outline:none;border-color:var(--om-accent)}.md-input--text{font-family:var(--om-font-ui);font-weight:400;letter-spacing:0}.md-stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--om-space-6);padding:var(--om-space-8);border-radius:var(--om-radius-card);border:1px solid var(--om-border);background:var(--om-surface)}.md-canvas{display:block;touch-action:none;cursor:crosshair;border-radius:var(--om-radius-md);background:var(--om-bg);image-rendering:auto}.md-canvas--live{cursor:default}.md-axis{font-size:var(--om-text-micro);opacity:var(--om-emph-label);letter-spacing:.08em;text-transform:uppercase;font-family:var(--om-font-digit);font-weight:700}.md-levels{display:flex;gap:var(--om-space-3)}.md-level{flex:1;height:44px;border-radius:var(--om-radius-sm);border:2px solid transparent;background:var(--om-inset);display:grid;place-items:center;cursor:pointer;font-family:var(--om-font-digit);font-weight:700;font-size:var(--om-text-small);position:relative;overflow:hidden}.md-level-swatch{position:absolute;top:0;right:0;bottom:0;left:0}.md-level-value{position:relative;z-index:1;mix-blend-mode:difference;color:#fff}.md-level--on{border-color:var(--om-accent)}.md-strip{display:flex;gap:var(--om-space-4);overflow-x:auto;padding-bottom:var(--om-space-3)}.md-strip-item{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--om-space-2);padding:var(--om-space-3);border-radius:var(--om-radius-sm);border:1px solid var(--om-border);background:var(--om-inset);cursor:pointer;color:var(--om-ink)}.md-strip-item--on{border-color:var(--om-accent);background:var(--om-accent-wash)}.md-strip-item--live{border-color:var(--om-success)}.md-strip-thumb{display:block;border-radius:var(--om-radius-grab);background:var(--om-bg)}.md-strip-label{font-family:var(--om-font-digit);font-weight:700;font-size:var(--om-text-nano);letter-spacing:.06em;opacity:var(--om-emph-sub)}.md-notice{display:flex;align-items:center;gap:var(--om-space-4);padding:var(--om-space-5) var(--om-pad-compact);border-radius:var(--om-radius-md);font-size:var(--om-text-small)}.md-notice--error{background:#ff453a24;color:var(--om-danger)}.md-notice--ok{background:#34c75924;color:var(--om-success)}.md-hint{font-size:var(--om-text-small);opacity:var(--om-emph-hint);margin:0}.md-code{font-family:var(--om-font-digit);font-weight:700;background:var(--om-inset);border-radius:4px;padding:1px 6px}.md-json{max-height:260px;overflow:auto;margin:0;padding:var(--om-pad-compact);border-radius:var(--om-radius-md);background:var(--om-bg);border:1px solid var(--om-border);font-family:var(--om-font-digit);font-weight:400;font-size:var(--om-text-tiny);line-height:1.5;white-space:pre;color:var(--om-ink);opacity:var(--om-emph-body)}@media(max-width:1240px){.md-body{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.md-col--stage{grid-column:1 / -1;order:-1}}@media(max-width:860px){.md-body{grid-template-columns:minmax(0,1fr);padding:var(--om-space-6)}.md-mast{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}