.seq-intro{font-family:var(--mono);font-size:12.5px;color:var(--mid);margin:clamp(20px,4vh,40px) clamp(20px,4vw,56px) 10px}.seq-main{display:grid;grid-template-columns:minmax(180px,240px) minmax(300px,1fr) minmax(240px,340px);gap:clamp(16px,3vw,36px);align-items:start;padding:12px clamp(20px,4vw,56px) 64px}.vials{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.vial{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 6px;border:1px solid rgba(var(--halo),.12);background:var(--card);touch-action:none;transition:border-color var(--decay) ease-out,box-shadow var(--decay) ease-out}.vial:hover{border-color:rgba(var(--halo),.5);transition-duration:var(--excite)}.vial-dragging{opacity:.45}.vial-dot{width:18px;height:18px;border-radius:999px;background:var(--vial);box-shadow:0 0 10px var(--vial)}.vial-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--mid)}.seq-hint{margin-top:12px;font-family:var(--mono);font-size:11.5px;color:var(--mid);min-height:3em}.seq-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.seq-helix{height:min(72vh,680px);border:1px solid rgba(var(--halo),.1)}.seq-image canvas{width:100%;height:auto;image-rendering:pixelated;display:block;border:1px solid rgba(var(--halo),.16)}.seq-blank{aspect-ratio:4 / 3;display:grid;place-items:center;border:1px solid rgba(var(--halo),.1);font-style:italic;font-size:13.5px;color:var(--mid)}.seq-count{margin-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--mid)}.drag-ghost{display:none;position:fixed;top:0;left:0;z-index:60;width:16px;height:16px;border-radius:999px;pointer-events:none;box-shadow:0 0 12px 2px currentColor,0 0 24px rgba(var(--halo),.2)}@media (max-width: 900px){.seq-main{grid-template-columns:1fr}.seq-helix{height:min(58vh,480px);order:-1}.vials{grid-template-columns:repeat(8,1fr)}}