@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap');
#generation-panel{padding:13px 16px;margin:0 0 12px;background:#10222bf2;border:1px solid #b5d6b94d;border-radius:13px;box-shadow:0 6px 30px #0003;backdrop-filter:blur(20px)}#generation-panel[hidden]{display:none}.generation-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}#generation-elapsed{font-variant-numeric:tabular-nums;color:#c9f2a8;white-space:nowrap}#generation-request{margin:7px 0;color:#b7c9cb;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#generation-detail{margin:7px 0 0;font-size:11px;line-height:1.5;color:#adc8bd}#generation-panel progress{width:100%;height:4px;display:block;accent-color:#c9f2a8}#generation-panel[data-state=done] progress,#generation-panel[data-state=error] progress{display:none}#generation-panel[data-state=error]{border-color:#e29880}#generation-panel[data-state=error] #generation-phase{color:#ffc2ad}@media(max-width:650px){#generation-panel{padding:11px 13px}.generation-heading{font-size:12px}#generation-detail{font-size:10px}}
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#edf3ee;background:#101c28;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #ffffff26;background:#18303bb5;color:#edf3ee;border-radius:9px;padding:10px 13px;transition:background .2s}button:hover,button.active{background:#385950}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #cbf99a;outline-offset:3px}button.primary{background:#caf5a3;color:#17352d;border-color:transparent}canvas#world{width:100vw;height:100dvh;position:fixed;inset:0;touch-action:none;display:block}header{position:absolute;top:max(22px,env(safe-area-inset-top));left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header>*{pointer-events:auto}.brand{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;letter-spacing:5px;display:flex;align-items:center;gap:12px}.version{font-size:10px;letter-spacing:1px;opacity:.5;border:1px solid #ffffff3a;padding:4px 5px;border-radius:4px}.live-dot{width:7px;height:7px;border-radius:50%;background:#d2fcae;box-shadow:0 0 18px #c5ee9a99}#lab-toggle{background:#10202a91;font-size:12px}#lab-toggle span{margin-left:20px;opacity:.7}#intro{position:absolute;left:30px;top:100px;max-width:460px;pointer-events:none;text-shadow:0 2px 20px #07151e}.eyebrow{font-size:10px;letter-spacing:2px;color:#c9e3cb;font-weight:600}h1{font:400 clamp(23px,3vw,38px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-1.2px;margin:13px 0}#hint{font-size:12px;color:#bacdcf}footer{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(680px,calc(100vw - 40px));z-index:2}#suggestions{display:flex;gap:7px;margin:0 0 10px;justify-content:center}#suggestions button{font-size:11px;padding:8px 12px;background:#0c1d279e;backdrop-filter:blur(15px);border-radius:20px}#prompt-form{display:flex;background:#101f29e8;backdrop-filter:blur(24px);border:1px solid #abc1ba44;border-radius:16px;padding:7px;box-shadow:0 6px 35px #03101950}#prompt{width:100%;background:transparent;border:0;color:#f0f4e9;font-size:14px;padding:12px;outline-offset:0;min-width:0}#prompt::placeholder{color:#a3b7bc}#generate{border:0;border-radius:11px;color:#17312c;background:#cdf4ad;font-size:23px;line-height:1;width:45px;flex-shrink:0}.status-line{display:flex;justify-content:space-between;gap:20px;font-size:10px;margin:10px 5px 0;color:#c1d0cb;text-shadow:0 1px 5px #000}#status{max-width:80%}#connection{white-space:nowrap;color:#a1b9b3}.tools{position:absolute;right:28px;top:45%;display:grid;gap:7px}.tools button{width:37px;height:37px;padding:0;background:#132732a6;font-size:17px}#lab{position:absolute;z-index:4;right:20px;top:76px;bottom:20px;width:min(390px,calc(100vw - 32px));padding:22px;background:#10222bed;backdrop-filter:blur(24px);border:1px solid #abc1ba33;border-radius:17px;overflow:auto;box-shadow:0 12px 70px #06101966}.lab-heading{display:flex;align-items:center;justify-content:space-between}.lab-heading button{padding:2px 9px;font-size:22px;background:none;border:0}h2{font:500 20px 'Space Grotesk',sans-serif;margin:0}h3{font:500 17px 'Space Grotesk',sans-serif;margin:10px 0}#lab p{font-size:12px;line-height:1.65;color:#b7c9cb}#lab .eyebrow{font-size:9px;color:#c4e3b6}.stats{display:flex;justify-content:space-between;padding:14px 0}.stats div{display:flex;flex-direction:column;gap:4px}.stats b{font:500 23px 'Space Grotesk',sans-serif;color:#d9f5be}.stats span{font-size:8px;color:#9bb2b8}.button-row{display:flex;flex-wrap:wrap;gap:7px}.button-row button{font-size:10px;padding:9px 10px}section{border-top:1px solid #a8bab322;padding:15px 0 9px}#lab .small{font-size:10px;color:#8eaaae}#curve{width:100%;height:65px;margin:12px 0 0;border-bottom:1px solid #ffffff15}#curve-path{stroke:#cdf4ad;stroke-width:2;fill:none}.links{display:flex;gap:20px}a{color:#d2ecbd;font-size:11px;text-decoration:none}details{font-size:11px;color:#98b2b9}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;color:#9fbfb4}body.busy #generate{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.5}}@media(max-width:650px){header{left:18px;right:18px;top:max(18px,env(safe-area-inset-top))}.brand{font-size:16px;letter-spacing:3px;gap:8px}#lab-toggle{font-size:10px;padding:9px}#lab-toggle span{margin-left:7px}#intro{top:82px;left:20px;max-width:280px}#intro .eyebrow{font-size:8px}h1{font-size:25px;max-width:250px}#hint{font-size:10px;max-width:200px;line-height:1.6}.tools{right:16px;top:38%}footer{width:calc(100vw - 24px);bottom:max(14px,env(safe-area-inset-bottom))}#prompt{font-size:12px;padding:10px}#suggestions button{font-size:9px;padding:7px 9px}#suggestions{gap:5px}.status-line{font-size:9px;line-height:1.5;gap:8px}#lab{right:12px;top:68px;bottom:12px;width:calc(100vw - 24px)}#connection{max-width:100px;white-space:normal;text-align:right}}