:root{color:#1f2937;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-color:#f3f4f1;font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{height:100svh;margin:0;overflow:hidden}#app{height:100%;padding:1rem}.layout{grid-template-rows:auto auto minmax(0,1fr);gap:1rem;width:min(980px,100%);height:100%;margin:0 auto;display:grid}header{color:#ecfeff;background:linear-gradient(130deg,#0f766e,#115e59);border-radius:14px;padding:1rem 1.25rem}h1{margin:0;font-size:clamp(1.4rem,2.3vw,2rem)}header p{color:#ccfbf1;margin:.35rem 0 0}header a{color:#ecfeff;font-weight:700}header a:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #ecfeff}.controls{background:#fff;border-radius:12px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.75rem;padding:.9rem;display:flex;box-shadow:0 8px 24px #0f172a14}.mode-control{white-space:nowrap;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.mode-control select{color:#111827;background:#fff;border:1px solid #94a3b8;border-radius:8px;padding:.35rem .45rem;font-size:.9rem}button{cursor:pointer;color:#fff;background:#0f766e;border:none;border-radius:10px;padding:.65rem .9rem;font-size:.95rem;font-weight:600;transition:transform .1s,filter .2s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}output{white-space:nowrap;text-overflow:ellipsis;color:#111827;background:#e2e8f0;border-radius:8px;flex:auto;min-width:0;padding:.5rem .65rem;font-family:Menlo,Consolas,monospace;overflow:hidden}.canvas-stack{width:100%;height:100%;min-height:0;position:relative}.sim-canvas{opacity:0;pointer-events:none;border:2px solid #0f766e;border-radius:14px;width:100%;height:100%;min-height:0;display:block;position:absolute;inset:0;box-shadow:0 18px 40px #0f172a1f}.sim-canvas.is-visible{opacity:1;pointer-events:auto}@media (width<=760px){.controls{flex-wrap:wrap}}