:root{--bg: #f4f1ea;--canvas-dot: #dcd6c9;--surface: rgba(255, 254, 251, .8);--surface-solid: #fffdf9;--border: #e5dfd4;--fg: #2b2620;--muted: #938a7d;--accent: #c15f3c;--accent-soft: rgba(193, 95, 60, .13);--accent-ink: #ffffff;--shadow: 0 12px 40px rgba(52, 42, 30, .14);--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color-scheme:light}[data-theme=dark]{--bg: #1e1b17;--surface: rgba(41, 37, 31, .82);--surface-solid: #2a251f;--border: #3a352d;--fg: #efe9df;--muted: #a49b8d;--accent: #e08a63;--accent-soft: rgba(224, 138, 99, .17);--accent-ink: #1e1b17;--shadow: 0 12px 36px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root,#viewer-root{margin:0;height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}[data-theme=dark] .canvas-host canvas,[data-theme=dark] .text-edit-overlay,[data-theme=dark] .code-edit-overlay{filter:invert(93%) hue-rotate(180deg)}.canvas-host{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg);touch-action:none}.canvas-host canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.canvas-host .layer-overlay{pointer-events:none}.app-shell,.viewer-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.25rem;text-align:center}.app-shell h1,.viewer-shell h1{margin:0;font-size:1.4rem}.app-shell p,.viewer-shell p{margin:0;color:var(--muted);font-size:.9rem}