:root{color:#eaf5f7;font-synthesis:none;text-rendering:optimizelegibility;background:#07121c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,.app-shell{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 74% 42%,#1dadbd1f,#0000 31%),#07121c;min-height:620px;position:relative}.canvas-shell{position:absolute;inset:0}.topbar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:absolute;top:0;left:0;right:0}.topbar a,.topbar button{pointer-events:auto}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{color:#68e6f0;letter-spacing:.08em;border:1px solid #68e6f09e;border-radius:11px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid;box-shadow:inset 0 0 20px #68e6f014}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.015em;font-size:13px}.brand small{color:#8295a0;text-transform:uppercase;letter-spacing:.12em;margin-top:3px;font-size:10px}.topbar nav{align-items:center;gap:10px;display:flex}.topbar nav a{color:#a8bbc4;border-radius:999px;padding:9px 13px;font-size:12px;text-decoration:none}.topbar nav .star-link{color:#f0c979;background:#211b1280;border:1px solid #ecbe6480}.intro-panel,.control-panel{z-index:2;pointer-events:auto;position:absolute}.intro-panel{width:min(350px,100vw - 68px);top:112px;left:34px}.eyebrow{color:#68e6f0;letter-spacing:.19em;text-transform:uppercase;margin:0 0 13px;font-size:10px;font-weight:750}.intro-panel h1{letter-spacing:-.05em;max-width:320px;margin:0;font-size:clamp(33px,3.4vw,52px);font-weight:650;line-height:.98}.intro-panel>p:not(.eyebrow){color:#93a7b1;max-width:320px;margin:18px 0 0;font-size:13px;line-height:1.58}.status-row{color:#a9c6cd;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06111ba3;border:1px solid #68e6f033;border-radius:999px;align-items:center;gap:8px;margin-top:19px;padding:8px 11px;font-size:10px;display:inline-flex}.status-dot{background:#68e6f0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #68e6f0}.control-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060f18d1;border:1px solid #9bb9c62b;border-radius:18px;width:min(380px,100vw - 52px);padding:17px;bottom:24px;right:26px;box-shadow:0 22px 70px #00000052}.control-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.control-heading span,.control-heading strong{display:block}.control-heading span,.seed-control span{color:#71858f;letter-spacing:.14em;text-transform:uppercase;font-size:9px}.control-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-top:4px;font-size:13px;overflow:hidden}.control-heading button,.variant-grid button,.install-row button{color:#b9cbd1;cursor:pointer;background:#ffffff06;border:1px solid #819ea938}.control-heading button{border-radius:8px;padding:8px 10px;font-size:10px}.variant-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;display:grid}.variant-grid button{text-overflow:ellipsis;white-space:nowrap;border-radius:9px;min-width:0;padding:8px 6px;font-size:9px;overflow:hidden}.variant-grid button span{color:#60747e;margin-bottom:3px;font-size:8px;display:block}.variant-grid button.active{color:#e8ffff;background:#24b8c61f;border-color:#68e6f08c}.seed-control{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.seed-control input{color:#dcebee;font-variant-numeric:tabular-nums;background:#09151e;border:1px solid #819ea933;border-radius:8px;outline:none;width:126px;padding:7px 9px;font-size:11px}.seed-control input:focus{border-color:#68e6f08c}.metrics{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px;display:grid}.metric{background:#ffffff06;border-radius:9px;padding:8px}.metric span,.metric strong{display:block}.metric span{color:#667b85;text-transform:uppercase;font-size:8px}.metric strong{color:#d5e8ec;font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px}.install-row{background:#1b171075;border:1px solid #ecbe6433;border-radius:10px;align-items:center;gap:8px;margin-top:13px;padding:6px 6px 6px 10px;display:flex}.install-row code{color:#e3c27d;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;overflow:hidden}.install-row button{border-radius:7px;padding:6px 9px;font-size:9px}.microcopy{color:#60747e;text-align:center;margin:9px 2px 0;font-size:9px}button:hover,a:hover{filter:brightness(1.16)}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #68e6f0}@media (max-width:760px){.app-shell{min-height:680px}.topbar{padding:16px}.brand small,.topbar nav>a:first-child{display:none}.intro-panel{top:88px;left:18px}.intro-panel h1{max-width:285px;font-size:34px}.intro-panel>p:not(.eyebrow){display:none}.status-row{margin-top:13px}.control-panel{width:calc(100vw - 24px);padding:14px;bottom:12px;right:12px}.control-heading strong{max-width:150px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}