:root{font-family:Inter,system-ui,sans-serif;color:#ececf0;background:#10131d;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{min-height:78px;border-bottom:1px solid #363747;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,5vw,74px);gap:20px}header strong{color:#eab589}header span{font-size:12px;color:#a4a5b3;letter-spacing:.08em}.brand{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.brand-mark{color:#eab589;font-size:26px;font-weight:400;line-height:1}.language-picker{display:inline-flex;align-items:center;gap:8px;color:#a4a5b3;font-size:12px;white-space:nowrap}.language-picker select{color:#ececf0;background:#1a1d29;border:1px solid #4b4d5b;border-radius:5px;padding:6px 8px;font:inherit}.language-picker select:focus-visible{outline:2px solid #eab589;outline-offset:2px}.page-tabs{display:flex;flex-wrap:wrap;width:max-content;max-width:100%;gap:6px;padding:4px;margin-bottom:32px;border:1px solid #383a49;border-radius:8px;background:#1a1d29}.page-tabs a{padding:9px 12px;border-radius:5px;color:#aaa9b7;font-size:12px;text-decoration:none}.page-tabs a:hover,.page-tabs a:focus-visible{color:#ffd0a9}.page-tabs a[aria-current=page]{background:#4b3b43;color:#ffd0a9}.page-tabs a:focus-visible{outline:2px solid #eab589;outline-offset:2px}main{max-width:1120px;margin:auto;padding:50px 24px}.eyebrow{color:#eab589;font-size:12px;letter-spacing:.18em}h1{font:normal clamp(42px,6vw,72px)/1.05 Georgia,serif;margin:24px 0}.intro{color:#a4a5b3;margin-bottom:38px}.intro a{color:#eab589}.intro a:hover,.intro a:focus-visible{color:#ffd0a9}.card{background:#1a1c29;border:1px solid #363747;border-radius:14px;padding:24px;margin-bottom:24px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.example-choice{display:flex;flex-direction:column;align-items:flex-start;gap:8px}#create-custom{display:inline-block;padding:5px 9px;font-size:12px;background:transparent;color:#eab589;text-decoration:none}#create-custom:hover,#create-custom:focus-visible{color:#ffd0a9;text-decoration:underline}button,select{font:inherit;background:#2c2935;color:#ececf0;border:1px solid #54505c;border-radius:7px;padding:10px 14px;cursor:pointer}button:hover{border-color:#eab589}button.primary{background:#eab589;color:#171720;border-color:#eab589}select{margin-left:10px}small,#dirty,#description,#status,output,footer{color:#a4a5b3;font-size:13px}.editor-label{display:block;margin:22px 0 10px;font-size:13px}.editor .editor-label{margin-top:0}textarea{display:block;width:100%;min-height:360px;resize:vertical;font:14px/1.6 ui-monospace,monospace;background:#10131d;color:#e8d9bd;border:1px solid #363747;border-radius:8px;padding:18px;tab-size:2;margin-bottom:18px}textarea:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #eab589;outline-offset:3px}h2{font: 24px Georgia,serif;margin:0}h3{font-size:14px;font-weight:600;margin:0 0 12px}#parameters{border-top:1px solid #363747;padding:16px 0 20px;margin:12px 0 8px}#parameters[hidden]{display:none}#parameter-controls{display:flex;gap:14px;flex-wrap:wrap}#parameter-controls label{display:grid;gap:6px;color:#a4a5b3;font-size:13px}#parameter-controls input{width:110px;background:#10131d;color:#e8d9bd;border:1px solid #363747;border-radius:6px;padding:8px;font:inherit}#parameter-controls input:disabled{opacity:.55}#parameter-controls .slider-control{grid-template-columns:1fr auto;min-width:190px;align-items:center}#parameter-controls .slider-control output{grid-column:2;grid-row:1;color:#eab589;font-variant-numeric:tabular-nums;text-align:right}#parameter-controls input[type=range]{appearance:none;grid-column:1 / -1;width:100%;height:22px;padding:0;border:0;background:transparent;cursor:pointer}#parameter-controls input[type=range]::-webkit-slider-runnable-track{height:6px;background:#363747;border:1px solid #54505c;border-radius:999px}#parameter-controls input[type=range]::-moz-range-track{height:6px;background:#363747;border:1px solid #54505c;border-radius:999px}#parameter-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;background:#eab589;border:2px solid #1a1c29;border-radius:50%;box-shadow:0 0 0 1px #54505c}#parameter-controls input[type=range]::-moz-range-thumb{appearance:none;width:18px;height:18px;background:#eab589;border:2px solid #1a1c29;border-radius:50%;box-shadow:0 0 0 1px #54505c}#parameter-controls input[type=range]:hover::-webkit-slider-thumb{background:#f4cda6}#parameter-controls input[type=range]:hover::-moz-range-thumb{background:#f4cda6}#parameter-controls input[type=range]:disabled{cursor:not-allowed}#warnings{color:#eab589;border-left:2px solid #eab589;padding-left:12px;margin:0 0 18px;font-size:13px}#warnings[hidden]{display:none}#warnings p{margin:4px 0}.preview canvas{display:block;width:100%;height:auto;background:#10131d;margin:22px 0;border-radius:8px}.scene-display #fullscreen-exit{display:none}.scene-display.is-fullscreen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;width:100vw;height:100vh;height:100dvh;background:#10131d}.scene-display.is-fullscreen canvas{width:auto;height:auto;max-width:100%;max-height:100%;margin:0;border-radius:0}.scene-display.is-fullscreen #fullscreen-exit{display:block;position:absolute;z-index:1;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));background:#1a1c29}body.simulation-fullscreen{overflow:hidden}.timeline{display:flex;align-items:center;gap:16px;font-size:13px;color:#a4a5b3;margin-top:18px}.timeline[hidden]{display:none}.timeline input{width:100%;accent-color:#eab589}#time-target{width:7rem;margin-left:8px;background:#10131d;color:#e8d9bd;border:1px solid #363747;border-radius:6px;padding:8px}#error{color:#ffb4b4;white-space:pre-wrap}footer{border-top:1px solid #363747;margin-top:36px;padding-top:24px}@media(max-width:600px){header>span{display:none}.brand-section{display:none}.card{padding:16px}main{padding:30px 14px}textarea{font-size:12px}}