:root{color-scheme:light;--preview-pad: 12px;--bg: #e8eaee;--surface: #ffffff;--surface-muted: #f4f5f7;--text: #141619;--text-secondary: #3d454d;--muted: #6b7280;--border: #cfd6df;--border-strong: #b3bcc8;--accent: #0b5fff;--accent-hover: #004bcc;--shadow: rgba(20, 22, 25, .06);--shadow-lg: rgba(20, 22, 25, .1);--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}input,audio,button{font:inherit}h1,p{margin:0}.poster{height:100svh;max-height:100svh;padding:clamp(12px,2vw,24px);overflow:hidden}.frame{height:100%;max-width:1280px;margin:0 auto;padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px var(--shadow),0 12px 40px var(--shadow-lg);overflow:hidden}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border)}.brand{font-size:1rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.mode-count{font-size:.8125rem;font-weight:500;color:var(--muted)}.workspace{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:clamp(16px,2.4vw,28px);align-items:stretch}.workspace.is-dragging .drop-target{border-color:var(--accent);background:#0b5fff0a}.drop-column{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:16px}.intro-block{display:flex;flex-direction:column;gap:10px}h1{font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--text)}.drop-target{flex:1;min-height:140px;display:flex;align-items:center;justify-content:center;padding:20px 16px;border:2px dashed var(--border-strong);border-radius:10px;background:var(--surface-muted);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.drop-target:hover,.drop-target.is-active{border-color:var(--accent);background:#0b5fff0d;box-shadow:0 0 0 3px #0b5fff1f}.drop-target input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-target-inner{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;pointer-events:none}.drop-icon{display:block;width:40px;height:40px;margin-bottom:4px;border-radius:10px;background:linear-gradient(135deg,var(--border) 25%,transparent 25%),linear-gradient(225deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(315deg,var(--border) 25%,var(--surface) 25%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;opacity:.85}.drop-title{font-size:.9375rem;font-weight:600;color:var(--text)}.drop-meta{font-size:.8125rem;color:var(--muted)}.drop-foot{font-size:.75rem;color:var(--muted);line-height:1.35}.preview-column{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);overflow:hidden;contain:layout style}.preview-toolbar{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.readout{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.readout-label{font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.status{font-family:var(--font-mono);font-size:.8125rem;line-height:1.35;color:var(--text);word-break:break-word}.status.is-idle{color:var(--muted)}.status-detail{margin:0;font-family:var(--font-mono);font-size:.6875rem;line-height:1.35;color:var(--text-secondary);word-break:break-word}.status-detail:not([hidden]){margin-top:2px}.actions{display:flex;flex-shrink:0;align-items:center;gap:8px}.action{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.8125rem;font-weight:600;padding:8px 14px;min-height:36px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.action:hover:not(:disabled){border-color:var(--text-secondary);background:var(--surface-muted)}.action:disabled{opacity:.45;cursor:not-allowed}.action-primary{border-color:var(--accent);background:var(--accent);color:#fff}.action-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.action-secondary{font-weight:500}.surface{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:var(--preview-pad);overflow:hidden;background:var(--surface)}.empty-state{text-align:center;padding:24px 20px;max-width:280px}.empty-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-hint{font-size:.8125rem;color:var(--muted);line-height:1.45}.render-wrap{box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;min-width:0;padding:clamp(6px,1vw,12px);display:flex;align-items:center;justify-content:center;overflow:hidden}.rendered-canvas{display:block;flex:0 1 auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;image-rendering:pixelated;border-radius:6px;border:1px solid var(--border);box-shadow:0 2px 8px var(--shadow)}.rendered-canvas--reel,.rendered-canvas--punch{image-rendering:auto}.audio-stack{box-sizing:border-box;width:100%;max-width:100%;max-height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;align-content:center;overflow:hidden}.text-preview-stack{box-sizing:border-box;width:100%;max-width:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.text-preview-label{font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-shrink:0}.text-output{width:100%;flex:1;min-height:0;max-height:100%;margin:0;padding:12px 14px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);color:var(--text);font-family:var(--font-mono);font-size:.7rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.text-preview-stack .text-output{flex:1;min-height:0}.text-output.text-output--rich .text-line{display:block}.text-hl-comment{color:var(--muted)}.text-hl-meta{color:var(--text-secondary);font-style:italic}.text-hl-fits{color:#1d4ed8}.text-hl-header{font-weight:600;color:var(--text)}.text-hl-pdb{color:#1565a8}.text-hl-dxfsec{font-weight:600;color:#6b21a8}.text-hl-dxfcode{color:#b45309}.text-hl-key{color:var(--accent)}.text-hl-hex{letter-spacing:.04em;color:#0f766e}.text-hl-xpm{color:#1e3a5f}.frame-reel-cinema{box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;min-width:0;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.4vw,20px);background:linear-gradient(180deg,#050608,#0c0f14 38%,#0c0f14 62%,#050608);border-radius:8px;aspect-ratio:16 / 10}.frame-reel-cinema .rendered-canvas{flex:0 1 auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 4px 24px #00000073}.rendered-canvas--glyph{transition:filter .35s ease,transform .4s ease}.render-wrap:hover .rendered-canvas--glyph{filter:invert(1) hue-rotate(12deg)}@media(prefers-reduced-motion:no-preference){.render-wrap .rendered-canvas--glyph{animation:glyph-sheet-pulse 4.5s ease-in-out infinite}.render-wrap:hover .rendered-canvas--glyph{animation:none}}@keyframes glyph-sheet-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}@media(prefers-reduced-motion:reduce){.render-wrap .rendered-canvas--glyph{animation:none}}.gel-electrophoresis-shell{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0}.gel-electrophoresis-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0,transparent 48px,rgba(255,255,255,.03) 52px,rgba(255,255,255,.06) 56px,rgba(255,255,255,.03) 60px,transparent 64px);opacity:.5;mix-blend-mode:screen;animation:gel-shimmer 7s linear infinite}@keyframes gel-shimmer{0%{opacity:.35;transform:translate(-12px)}50%{opacity:.62}to{opacity:.35;transform:translate(12px)}}@media(prefers-reduced-motion:reduce){.gel-electrophoresis-shell:after{animation:none}}.waveform{display:block;width:100%;max-width:100%;height:auto;max-height:100%;min-height:0;border:1px solid var(--border);border-radius:8px;background:#fafbfc;object-fit:contain}audio{width:100%;flex-shrink:0;border-radius:8px}@media(max-width:900px){.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);min-height:0}.drop-target{min-height:100px;flex:0 1 auto}.preview-column{min-height:0}}@media(max-width:560px){.poster{padding:8px}.frame{padding:12px;border-radius:10px}.preview-toolbar{flex-direction:column;align-items:stretch}.actions{justify-content:flex-end}}