.spe-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"controls preview""commands commands";align-items:start;gap:1rem;display:grid}.spe-controls{grid-area:controls}.spe-preview{grid-area:preview;position:sticky;top:84px}.spe-commands{grid-area:commands}.spe-d{min-height:140px;font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.85rem;line-height:1.55}.spe-fields{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.spe-fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}.spe-color{gap:.4rem;min-width:0;display:flex}.spe-color input[type=color]{border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;flex-shrink:0;width:42px;height:42px;padding:3px}.spe-color .ui-input{min-width:0}.spe-row{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:.6rem;display:grid}.spe-row:last-child{grid-template-columns:minmax(0,8rem) auto;justify-content:start}.spe-zoom{align-items:center;gap:.3rem;display:flex}.spe-zoom .ui-icon-btn{width:40px;height:40px}.spe-zoom-value{min-width:3.4rem;color:var(--text-secondary);font:600 .8rem var(--font-mono);text-align:center}.spe-stage{border:1px solid var(--border-card);border-radius:var(--radius-md);background-color:var(--bg-secondary);height:420px;overflow:hidden}.spe-svg{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.spe-svg:active{cursor:grabbing}.spe-svg:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:-2px}.spe-grid{stroke:var(--border-input);stroke-width:1px;vector-effect:non-scaling-stroke}.spe-axis{stroke:var(--text-secondary);stroke-opacity:.45;stroke-width:1px;vector-effect:non-scaling-stroke}.spe-artboard{fill:none;stroke:var(--text-secondary);stroke-dasharray:5 4;stroke-width:1px;vector-effect:non-scaling-stroke}.spe-selected{fill:none;stroke:var(--accent-amber);stroke-width:3px;vector-effect:non-scaling-stroke;pointer-events:none}.spe-handle-line{stroke:var(--accent-indigo);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}.spe-hit{fill:#0000;cursor:move}.spe-dot{fill:var(--bg-card-solid);stroke:var(--accent-indigo);stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none}.spe-point.is-ctrl .spe-dot{stroke:var(--accent-violet)}.spe-point.is-selected .spe-dot{stroke:var(--accent-amber)}.spe-point.is-active .spe-dot,.spe-point:hover .spe-dot{fill:var(--accent-indigo)}.spe-view-options{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.spe-table-wrap{max-height:320px;overflow:auto}.spe-table-wrap tbody tr{cursor:pointer}.spe-table-wrap tbody tr:hover td{background:var(--border-subtle)}.spe-table-wrap tbody tr.is-selected td{background:#f59e0b1f}.spe-cmd{min-height:40px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;padding:0;display:inline-flex}.spe-cmd code{background:var(--border-subtle);min-width:1.6rem;color:var(--accent-indigo);font:700 .85rem var(--font-mono);border-radius:6px;place-items:center;padding:.1rem .3rem;display:inline-grid}.spe-cmd:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px;border-radius:4px}.spe-values{font-family:var(--font-mono);overflow-wrap:anywhere;min-width:8rem;white-space:normal!important}@media (width<=960px){.spe-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"controls""preview""commands"}.spe-preview{position:static}}@media (width<=640px){.spe-stage{height:320px}.spe-fields--3{grid-template-columns:minmax(0,1fr)}.spe-row{grid-template-columns:repeat(2,minmax(0,1fr))}.spe-row>.btn{grid-column:1/-1}.spe-row:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.spe-row:last-child>.btn{grid-column:auto}.spe .ui-input{font-size:1rem}}