:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#293530;background:#f7f7f2;font-synthesis:none;font-weight:400;font-size:14px;--accent:#df6138;--muted:#7b827b;--line:#e3e6dc;--green:#526b50}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e5a688;outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}svg{display:block}button,select{touch-action:manipulation}[hidden]{display:none!important}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#fafaf6}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:650;letter-spacing:-.8px}.brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;font-size:30px;line-height:1}.brand-divider{height:18px;width:1px;background:#d6dbd0;margin:0 5px}.brand-model{font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:28px}.local-badge{font-size:11px;color:#6b7769;display:flex;align-items:center;gap:7px}.local-badge i,.stage-label i{width:5px;height:5px;border-radius:50%;background:#78946d;display:inline-block}.text-button{padding:4px 0;font-size:12px}.text-button span{margin-left:7px;color:#8c9488}main{max-width:1460px;margin:auto;padding:44px 5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px;color:#899081;margin:0 0 13px}h1{font-weight:500;letter-spacing:-1.7px;font-size:38px;line-height:1.13;margin:0 0 13px}h1>span{color:var(--accent)}.subtitle{color:#7b8378;font-size:12px;margin:0;line-height:1.7}.experiment-number{font:10px ui-monospace,monospace;color:#939b8c;align-self:flex-end;padding-bottom:6px}.experiment-number span{margin-left:20px;font-size:22px;color:#607356}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.simulation{min-width:0}.stage{height:556px;min-height:390px;position:relative;border:1px solid #dce1d4;background:#e9ece3;border-radius:18px;overflow:hidden}.stage:fullscreen{border-radius:0;height:100vh}#viewport{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}#viewport canvas{display:block;max-width:100%;width:100%;height:100%;touch-action:none}.stage-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stage-label{font:9px ui-monospace,monospace;letter-spacing:1.3px;color:#66725e;display:flex;align-items:center;gap:8px}.phase{font-size:10px;background:#fafbf5dd;border:1px solid #fff8;border-radius:20px;padding:6px 11px;color:#69755c}.phase.live{color:#bd542f;background:#fff4e7e8}.stage-bottom{position:absolute;bottom:18px;left:24px;right:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.orbit-hint{display:flex;align-items:center;gap:8px;color:#78836d;font-size:9px}.orbit-hint span{margin:0 2px}.stage-bottom .icon-button{pointer-events:auto}.icon-button{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#f8faf4c9;border:1px solid #ffffff6b;color:#6c7860}.camera-switch{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;padding:3px;border:1px solid #fff8;border-radius:10px;background:#edf0e5dd;gap:1px}.camera-switch button{font-size:10px;padding:7px 11px;border-radius:7px;color:#8a927d}.camera-switch button.selected{background:#fffdf7;color:#3d4b34;box-shadow:0 1px 3px #24371d0c}.loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e9ece3f5;z-index:3;text-align:center;padding:25px}.loader strong{font-size:14px;font-weight:500;margin-top:22px}.loader p{font-size:11px;color:#7a8470;max-width:270px;line-height:1.7}.loader-orbit{width:48px;height:48px;border:1px solid #cbd3bf;border-radius:50%;position:relative;animation:orbit 2s linear infinite}.loader-orbit span{width:10px;height:10px;border-radius:50%;background:var(--accent);position:absolute;top:0;left:5px}@keyframes orbit{to{transform:rotate(360deg)}}.telemetry{margin-top:13px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:.8fr 1.1fr 1fr 1.1fr;background:#fcfcf7;padding:19px 0}.telemetry>div{padding:0 23px;border-right:1px solid #e5e8dd}.telemetry>div:last-child{border:0}.stat-label{display:block;font:8px ui-monospace,monospace;letter-spacing:.8px;color:#939b8b;margin-bottom:9px}.telemetry strong{font:20px ui-monospace,monospace;letter-spacing:-.7px;font-weight:400}.telemetry small{font-size:10px;color:#939c87;letter-spacing:0}.contacts{display:flex;gap:15px;padding-top:4px}.contacts>span{font-size:12px;color:#99a08e;display:flex;align-items:center;gap:6px}.contacts i{width:6px;height:6px;border-radius:50%;background:#d9dfcf}.contacts>span.touching{color:#4e7246}.contacts>span.touching i{background:#7d9d58;box-shadow:0 0 0 3px #7d9d581a}.simulation-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px;color:#858e7c;font-size:10px}.simulation-caption p{line-height:1.7;max-width:75%}.simulation-caption>span{font-size:9px;white-space:nowrap;color:#98a08f}kbd{font:8px ui-monospace,monospace;border:1px solid #dde2d5;padding:2px 4px;border-radius:4px;margin-right:3px}.controls{border:1px solid var(--line);border-radius:18px;background:#fdfdf8;padding:25px 23px 19px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.panel-heading .eyebrow{font-size:8px;margin-bottom:8px}.panel-heading h2{font-size:21px;font-weight:500;letter-spacing:-.65px;margin:0}.ball-icon{display:block;color:#c5805c;width:37px;height:37px}fieldset{margin:0;padding:0;border:0;min-width:0}.mode-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:8px;background:#f1f3e9;gap:4px}.mode-switch button{font-size:10px;padding:8px 4px;border-radius:6px;color:#8a927d}.mode-switch button.selected{background:#fffefa;box-shadow:0 1px 4px #1c341b0a;color:#4c5a40}.control-hint{color:#979f8d;font-size:9px;line-height:1.6;margin:11px 0 17px}.presets{display:flex;gap:5px;margin-bottom:24px}.presets button{font-size:9px;flex:1;border:1px solid #e3e7da;border-radius:6px;padding:6px 0;color:#8b947e}.presets button:last-child{flex:1.65}.presets button.selected{border-color:#d7b59a;background:#f8efe5;color:#a56b46}.slider-field{margin-bottom:20px}.slider-field label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:12px;color:#626f57}.slider-field output{font:11px ui-monospace,monospace;color:#526048}.slider-field output small{font-size:9px;color:#9aa28f}.slider-field input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:3px;border-radius:5px;background:linear-gradient(to right,#8d9e76 var(--value,50%),#e5e8db var(--value,50%));display:block;cursor:pointer;margin:0}.slider-field input::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fcfcf8;border:1.5px solid #82956a;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 2px #435d3420}.slider-field input::-moz-range-thumb{background:#fcfcf8;border:1.5px solid #82956a;border-radius:50%;width:10px;height:10px}.inline-field{display:flex;align-items:center;justify-content:space-between;color:#626f57;font-size:11px;margin:25px 0 18px}.arc-switch{display:flex;padding:3px;background:#f1f3e9;border-radius:6px}.arc-switch button{padding:5px 14px;font-size:9px;color:#8f987f;border-radius:4px}.arc-switch button.selected{background:#fffdf7;color:#526048;box-shadow:0 1px 3px #324b2520}.policy-field{border-top:1px solid #e7eadf;padding-top:17px;margin-top:17px}.policy-field label{font-size:10px;color:#8a947d;display:block;margin-bottom:9px}.policy-field select{background:#fafbf3;border:1px solid #e1e5d6;color:#647451;width:100%;border-radius:7px;padding:9px;font-size:10px}.actions{display:flex;gap:8px;margin-top:21px}.primary-button{background:var(--accent);color:#fff8ed;border:1px solid #d75a32;border-radius:8px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;flex:1;font-size:12px;transition:background .15s}.primary-button:hover{background:#cc512c}.primary-button>span:last-child{font-size:19px;font-weight:300;line-height:1}.reset-button{display:grid;place-items:center;width:42px;border:1px solid #dfe4d5;border-radius:8px;color:#89967a;background:#fafbf4}.reset-button:hover{background:#f0f3e7}.release-note{font-size:8px;line-height:1.6;text-align:center;color:#a0a68f;margin:11px 0 0}.error-message{font-size:10px;line-height:1.6;color:#b54d32;border-top:1px solid #e9d4c1;padding-top:12px;margin-top:15px}.velocity-inputs{display:flex;gap:9px}.velocity-inputs label{font:10px ui-monospace,monospace;color:#8a947b}.velocity-inputs input{display:block;width:100%;min-width:0;background:#f8faf1;border:1px solid #e0e5d6;border-radius:5px;padding:8px 5px;color:#576449;margin-top:8px}.mini-label{font:8px ui-monospace,monospace;color:#929c85;margin:0 0 12px}#free-settings{margin-bottom:22px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:17px 0 23px;margin-top:24px;color:#9ca48f;font-size:9px}.powered-by{display:flex;gap:6px;align-items:center;font-size:9px;color:#929e81}.powered-by img{opacity:.6}.powered-by span{margin-left:0}dialog{width:min(540px,calc(100% - 32px));border:1px solid #e2e6d6;border-radius:20px;background:#fafbf4;color:#58654d;padding:36px;box-shadow:0 20px 80px #25321926}dialog::backdrop{background:#24302055;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{font-size:25px;font-weight:500;color:#34422e;letter-spacing:-.8px}dialog p{font-size:12px;line-height:1.8}.dialog-close{position:absolute;top:15px;right:15px;font-size:24px}.about-links{display:flex;flex-wrap:wrap;gap:10px 17px;border-top:1px solid #e0e5d5;padding-top:20px;margin-top:25px;font-size:10px;color:#9c613d}.about-note{font-size:10px;color:#9da58d}@media(min-width:1500px){.stage{height:610px}}@media(max-width:1100px){.workspace{gap:16px;grid-template-columns:minmax(0,1fr) 280px}.controls{padding:23px 19px}.stage{height:540px}.orbit-hint{font-size:0;gap:0}.orbit-hint svg{display:none}.telemetry>div{padding:0 15px}.camera-switch{left:20px;transform:none}.simulation-caption>span{display:none}.simulation-caption p{max-width:100%}}@media(max-width:760px){.topbar{height:67px;padding:0 6%}.brand{font-size:18px}.brand-model,.brand-divider,.local-badge,.experiment-number{display:none}main{padding:29px 5% 0}.intro{margin-bottom:23px}h1{font-size:31px;letter-spacing:-1.3px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.subtitle{font-size:11px}.workspace{grid-template-columns:1fr;gap:15px}.stage{height:430px;min-height:320px;border-radius:14px}.stage-top{left:17px;right:17px;top:17px}.telemetry{padding:16px 0}.telemetry>div{padding:0 14px}.telemetry strong{font-size:18px}.stat-label{font-size:7px;letter-spacing:.4px}.contacts{gap:9px}.telemetry .contacts>span{font-size:10px}.simulation-caption{font-size:9px}.controls{padding:24px;border-radius:14px}.panel-heading{margin-bottom:19px}.slider-field{margin-bottom:25px}.slider-field label{font-size:12px}.presets button,.mode-switch button{font-size:11px}.presets{margin-bottom:26px}.control-hint{font-size:10px}.policy-field{display:flex;align-items:center;justify-content:space-between;gap:20px}.policy-field label{white-space:nowrap;font-size:11px;margin:0}.policy-field select{max-width:65%;font-size:11px}.actions{margin-top:22px}.primary-button{padding:14px 16px;font-size:13px}.release-note{font-size:9px}footer{font-size:8px;gap:15px;margin-top:27px}footer>span{max-width:50%;line-height:1.7}.powered-by{font-size:8px;white-space:nowrap}dialog{padding:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}.gallery-intro h1{font-size:54px;line-height:1.07}.gallery-intro{padding:20px 0 10px}.task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.task-card{padding:0 20px 20px;text-align:left;border:1px solid var(--line);border-radius:17px;background:#fbfcf7;overflow:hidden;transition:border-color .2s,transform .2s}.task-card:hover{transform:translateY(-4px);border-color:var(--card-accent)}.task-card[aria-pressed=true]{outline:2px solid var(--card-accent);outline-offset:2px}.task-card h2{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:0 0 12px}.task-card>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#7b8378;min-height:86px}.task-card .eyebrow{font-size:8px;letter-spacing:1px}.task-art{height:190px;position:relative;overflow:hidden;margin:0 -20px 24px;background:linear-gradient(145deg,#e6ebdf,#f5f5ee)}.art-orbit{position:absolute;width:180px;height:90px;border:1px solid #b4bca9;border-radius:50%;transform:rotate(-30deg);top:50px;left:calc(50% - 90px)}.art-ball{position:absolute;border-radius:50%;background:var(--card-accent);width:57px;height:57px;top:57px;left:calc(50% - 28px);box-shadow:inset -10px -8px #00000012,15px 26px 22px #54634a25}.art-hand{position:absolute;color:#83927b;font-size:90px;line-height:1;top:85px;left:calc(50% - 89px);transform:rotate(-40deg)}.art-hand.right{left:calc(50% + 20px);transform:rotate(40deg)}.art-number{position:absolute;top:15px;left:18px;font:10px monospace;color:#98a18d}.card-levels{font:10px monospace;display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--line);color:#77816e}.card-levels>span{color:var(--card-accent);font-family:inherit}.gallery-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0}.gallery-launch p{font-size:12px;color:#7b8378}.gallery-launch .primary-button{width:240px}.depth-panel{position:absolute;left:18px;top:58px;width:220px;padding:8px;border-radius:10px;background:#15201ee8;color:#edf3e6;z-index:2}.depth-panel canvas{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:4px}.depth-panel figcaption{display:flex;justify-content:space-between;font:9px monospace;padding:7px 0 0}.depth-panel figure{margin:0}.level-field{margin:0 0 20px}.level-field select{width:100%;margin-top:9px;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff}.direction-switch{display:flex;gap:8px;margin-bottom:18px}.direction-switch button{flex:1;padding:8px;background:#edf0e5;border-radius:6px;font-size:11px}.direction-switch .selected{background:#526b50;color:#fff}.new-demo .stage{min-height:520px}.new-demo .camera-switch{left:auto;right:15px;transform:none}.new-demo .orbit-hint{display:none}@media(max-width:1100px){.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-card>p:not(.eyebrow){min-height:45px}}@media(max-width:600px){.gallery-intro h1{font-size:39px}.task-grid{grid-template-columns:1fr}.task-art{height:145px}.task-card>p:not(.eyebrow){min-height:0}.gallery-launch{flex-direction:column;align-items:stretch}.gallery-launch .primary-button{width:100%}.depth-panel{width:150px;top:53px;left:12px}}.sample-button{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;color:#526b50;margin:0 0 12px;background:#f1f3e9}.depth-toggle{font-size:11px;color:#526048;display:flex;gap:7px;align-items:center}.depth-panel>div{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;margin-bottom:7px}.depth-panel small{display:block;font-size:8px;color:#aabdb6;margin-top:5px}.gallery-intro .experiment-number{white-space:nowrap}