.drawing-panel{min-width:0;padding:28px;background:#e4e7e1}#preview{background:#fffefa;padding:16px;border:1px solid #bdc4ba}#preview svg{display:block;width:100%;height:auto;max-height:70vh;background:#fff}#playback{grid-column:1 / -1}#playback>div{flex-wrap:wrap}#playback div{display:flex;align-items:center;gap:4px}#playback button{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:34px;min-width:28px;padding:5px;color:#303330;background:#fff;border-color:#aeb3ae}#playback button:disabled{opacity:.4}#playback button img{width:16px;height:16px}#playback button span{display:inline-block;width:3em;text-align:left}#playback span{font-size:.75rem}.pencil-palette{display:flex;gap:10px 18px;flex-wrap:wrap;margin:20px 0}.pencil-key{display:inline-flex;align-items:center;gap:6px;font-size:.8rem}.pencil-swatch{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--pencil);flex:0 0 auto}#rounding-note{font-size:.85rem;line-height:1.5}#instructions section{margin:24px 0}#instructions h2{font-size:1rem}.instruction-scroll{overflow-x:auto;background:#fffefa;border:1px solid #bdc4ba}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem;font-variant-numeric:tabular-nums}th,td{padding:12px;border-bottom:1px solid #d4d9cf;vertical-align:top}th{font-weight:650;background:#f3f5ef}td:nth-child(4),td:nth-child(5){min-width:195px}td p{margin:0 0 5px}td .pencil-key{white-space:nowrap}[aria-invalid=true]{outline:2px solid #a22820;outline-offset:1px}#projection-stage{width:100%;height:70vh;background:#000}#projection-stage:fullscreen{width:100vw;height:100vh}#projection-canvas{display:block;width:100%;height:100%}@media(max-width:800px){.app-shell{display:flex;flex-direction:column}.controls-panel{position:static;width:100%;height:auto;padding:20px}.control-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.control-stack .actions{grid-column:1 / -1}.control-stack .toggle-control{align-self:end}.drawing-panel{padding:16px}}@media print{.controls-panel,#projection-stage{display:none!important}.app-shell{display:block}.drawing-panel{padding:0;background:#fff}.instruction-scroll{overflow:visible}tr{-moz-column-break-inside:avoid;break-inside:avoid}}#file-status{font-size:.8rem;margin:0}input[type=file]{max-width:100%;font:inherit;font-size:.8rem}