.spike-shell{background:var(--color-bg);min-height:100vh;color:var(--color-ink)}.spike-header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px 28px;display:flex}.spike-header a{color:inherit;align-items:center;gap:10px;font-size:13px;text-decoration:none;display:inline-flex}.spike-header small{color:var(--color-ink-muted);margin-top:4px;font-size:11px;display:block}.spike-header .primary{width:auto;color:var(--color-accent-ink);margin:0;padding:12px 18px}.spike-body{grid-template-columns:320px 1fr;display:grid}.spike-controls{border-right:1px solid var(--color-line);padding:32px 24px}.spike-controls h1{margin:14px 0 32px;font-size:48px;line-height:.94}.spike-controls h1 span{font-weight:100;display:block}.spike-controls label{align-items:center;gap:8px;margin:24px 0 10px;font-size:12px;display:flex}.spike-controls label span,.spike-controls output{color:var(--color-ink-muted);margin-left:auto;font-size:10px}.spike-controls textarea,.spike-controls select{background:var(--color-surface);width:100%;color:var(--color-ink);border:1px solid var(--color-line);font:inherit;border-radius:6px;padding:12px;font-size:14px}.spike-controls input{width:100%;accent-color:var(--color-accent)}.spike-help{color:var(--color-ink-muted);font-size:12px;line-height:1.7}.spike-controls h2{align-items:center;gap:8px;margin:36px 0 12px;font-size:12px;display:flex}.spike-layers{margin:0;padding:0;list-style:none}.spike-layers li{border-top:1px solid var(--color-line);justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.spike-layers small{color:var(--color-ink-muted);font-size:10px}.spike-controls details{color:var(--color-ink-muted);margin-top:24px;font-size:11px}.spike-controls pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto}.spike-stage-area{flex-direction:column;align-items:center;min-width:0;padding:36px;display:flex}.spike-art{aspect-ratio:3/4;border:1px solid var(--color-line);width:min(100%,510px);overflow:hidden}.spike-art>div,.spike-art .konvajs-content,.spike-art canvas{width:100%!important;height:100%!important}.spike-art.video-art{aspect-ratio:9/16;background:var(--color-surface);max-width:370px}.spike-caption{color:var(--color-ink-muted);margin:18px 0;font-size:11px}@media (max-width:760px){.spike-header{flex-wrap:wrap;gap:14px;padding:14px}.spike-header>span{font-size:12px}.spike-body{flex-direction:column-reverse;display:flex}.spike-controls{border-right:0;border-top:1px solid var(--color-line);padding:24px}.spike-controls h1{font-size:44px}.spike-stage-area{padding:24px}.spike-art{max-width:360px}.spike-header .primary{padding:10px 14px;font-size:12px}}