:root{--bg:#fafafa;--surface:#fff;--fg:#161616;--muted:#6b6b6b;--border:#d9d9d9;--border-strong:#b0b0b0;--focus:#161616;--split-line:#fff;--split-line-shadow:#000;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--radius:3px;--font-sans:-apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--surface:#1a1a1a;--fg:#ededed;--muted:#a3a3a3;--border:#333;--border-strong:#4a4a4a;--focus:#ededed}}*{box-sizing:border-box}html,body{height:100%}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}#app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{height:4rem;padding:0 var(--space-4);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-3);flex-wrap:nowrap;display:flex}.app-header h1{margin:0;font-size:1.5rem;font-weight:600}.app-subtitle{color:var(--muted);font-size:.9rem;font-family:var(--font-mono);margin:0;transform:translateY(.2rem)}.drop-zone{padding:var(--space-4);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.drop-zone--active{background:color-mix(in srgb, var(--fg) 4%, var(--bg))}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-5);border:2px dashed var(--border-strong);border-radius:var(--radius);flex-direction:column;max-width:28rem;display:flex}.empty-state__hint{color:var(--muted);margin:0;font-size:.9rem}kbd{font-family:var(--font-mono);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);border-bottom-width:2px;padding:0 .25rem}.canvas-wrap{display:inline-block;position:relative}.canvas{background:var(--surface);border:1px solid var(--border);touch-action:none;display:block}.canvas--interactive{cursor:crosshair}.copy-badge,.copy-hint{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0}.copy-badge__chip,.copy-hint__chip{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);background:color-mix(in srgb, var(--bg) 80%, transparent);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem}.app-header button{margin-left:auto}.app-header__action{padding:var(--space-1) var(--space-2);font-size:.85rem}.btn,.file-button{appearance:none;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--fg);font:inherit;padding:var(--space-2) var(--space-3);cursor:pointer;font-size:.9rem;transition:background-color .12s,border-color .12s}.btn:hover,.file-button:hover{background:color-mix(in srgb, var(--fg) 6%, var(--surface));border-color:var(--fg)}.btn:focus-visible,.file-button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn--ghost{border-color:var(--border);color:var(--muted);background:0 0}.btn--ghost:hover{color:var(--fg);border-color:var(--fg);background:0 0}@media (prefers-reduced-motion:reduce){.btn,.file-button{transition:none}}