.generator-app{--g-bg:#f5f4f0;--g-line:#deddd6;--g-ink:#262c2c;--g-muted:#707775;--g-accent:#b75b2d;background:var(--g-bg);color:var(--g-ink);min-height:100vh;font-family:Inter,Arial,sans-serif}.generator-app *{box-sizing:border-box}.generator-app button,.generator-app input,.generator-app select,.generator-app textarea{font:inherit}.generator-app button,.generator-app a{transition:background .16s,color .16s}.generator-app button{cursor:pointer}.generator-app button:disabled{cursor:not-allowed;opacity:.45}.generator-app :focus-visible{outline-offset:4px;outline:2px solid #bb6136}.generator-header{border-bottom:1px solid var(--g-line);background:#faf9f6;align-items:center;gap:22px;padding:18px 36px;display:flex}.generator-brand{color:var(--g-ink);align-items:center;gap:10px;font-size:20px;font-weight:750;text-decoration:none;display:flex}.generator-brand span{color:#707775;margin-left:-9px;font-weight:450}.generator-breadcrumb{color:#888d87;font-size:12px}.generator-breadcrumb strong{color:#303734;margin-left:18px;font-weight:500}.generator-header nav{gap:28px;margin-left:auto;font-size:12px;display:flex}.generator-header nav a,.generator-footer a{color:inherit;text-decoration:none}.generator-title{justify-content:space-between;align-items:center;gap:24px;padding:30px 36px 26px;display:flex}.generator-eyebrow{letter-spacing:.14em;color:var(--g-accent);font-weight:650;margin:0 0 12px!important;font-size:10px!important}.generator-title h1{letter-spacing:-1.5px;margin:0 0 9px;font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.1}.generator-title p{color:var(--g-muted);margin:0;font-size:13px}.generator-outline{color:var(--g-ink);background:0 0;border:1px solid #c9cbc2;border-radius:7px;justify-content:center;align-items:center;gap:12px;padding:11px 14px;font-size:12px;text-decoration:none;display:inline-flex}.generator-outline:hover{background:#e7e7df}.generator-tabs{border-bottom:1px solid var(--g-line);gap:24px;margin:0 36px;display:flex}.generator-tabs button{color:var(--g-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;gap:10px;padding:0 0 15px;font-size:12px;display:flex}.generator-tabs button span{opacity:.6;font:10px monospace}.generator-tabs button[aria-pressed=true]{color:var(--g-ink);border-bottom-color:var(--g-accent);font-weight:650}.generator-workbench{border:1px solid var(--g-line);background:#fdfcf9;border-radius:12px;grid-template-columns:255px minmax(0,1fr) 225px;min-height:630px;margin:22px 36px 0;display:grid;overflow:hidden}.generator-controls,.generator-inspector{min-width:0;padding:22px 20px}.generator-controls{border-right:1px solid var(--g-line)}.generator-inspector{border-left:1px solid var(--g-line)}.generator-panel-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.generator-panel-heading h2{margin:0;font-size:13px;font-weight:650}.generator-panel-heading>span{color:#8a9088;font:10px monospace}.generator-live{background:#e6eee3;border-radius:4px;padding:4px 6px;color:#466644!important}.generator-app label{margin:17px 0 8px;font-size:11px;font-weight:550;display:block}.generator-app label output{float:right;color:#929488;font-weight:400}.generator-app textarea,.generator-app select,.generator-app input[type=number]{color:#30382f;outline-offset:2px;background:#f8f8f3;border:1px solid #d9dcd2;border-radius:6px;width:100%;max-width:100%;padding:10px;font-size:12px;display:block}.generator-app textarea{resize:vertical;min-height:85px;line-height:1.55}.generator-help{color:#81867b!important;margin:9px 0 0!important;font-size:10px!important;line-height:1.65!important}.generator-app input[type=range]{width:100%;height:4px;accent-color:var(--g-accent);margin:10px 0}.generator-field-pair{grid-template-columns:1fr 90px;align-items:end;gap:9px;display:grid}.generator-dice{border:1px solid var(--g-line);color:#667061;background:#f4f4ed;border-radius:6px;height:36px;font-size:10px!important}.generator-primary{color:#fff;background:#304b3e;border:1px solid #354d41;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:21px;padding:13px 14px;font-weight:550;text-decoration:none;display:flex;font-size:12px!important}.generator-primary:hover{background:#203b2e}.generator-source-note{border-top:1px solid var(--g-line);color:#939884;gap:9px;margin-top:23px;padding-top:15px;display:flex}.generator-source-note p{margin:0;font-size:10px;line-height:1.7}.generator-recent{margin-top:20px}.generator-recent>div{justify-content:space-between;display:flex}.generator-recent h3{margin:0;font-size:11px}.generator-recent button{color:#ad633f;background:0 0;border:0;font-size:11px!important}.generator-recent select{margin-top:10px}.generator-preview{background:#e6e9e6;flex-direction:column;min-width:0;display:flex}.generator-viewport{background:radial-gradient(at 50% 40%,#f5f4ec,#d6dfd9);flex:1;min-height:440px;position:relative;overflow:hidden}.generator-viewport canvas,.generator-viewport iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.generator-empty{text-align:center;color:#778479;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex;position:absolute;inset:0}.generator-empty .generator-cube{color:#99afa0;font-size:95px;font-weight:200;line-height:1}.generator-empty p{color:#829083;font-size:24px;font-weight:300;line-height:1.3}.generator-empty strong{color:#465b4b;font-weight:400}.generator-empty>span:last-child{max-width:200px;font-size:11px;line-height:1.7}.generator-preview-toolbar{background:#eef0e9;border-top:1px solid #d4d9d2;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.generator-preview-toolbar>div{align-items:center;gap:9px;display:flex}.generator-preview-toolbar strong{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:10px;overflow:hidden}.generator-status-dot{background:#6e8c71;border-radius:50%;width:5px;height:5px}.generator-preview-toolbar button{color:#596c5b;background:#f7f7f1;border:1px solid #d5d9cf;border-radius:4px;padding:6px;font-size:9px!important}.generator-preview-toolbar button[aria-pressed=true]{background:#c9d7c8}.generator-result{color:#788773;background:#f7f8f1;flex-direction:column;gap:7px;min-height:58px;padding:12px 18px;font-size:10px;display:flex}.generator-result p{margin:0;line-height:1.6}.generator-result p[data-error=true]{color:#a63d2d}.generator-metrics{color:#758071;gap:15px;font:9px monospace;display:flex}.generator-export{border-top:1px solid var(--g-line);margin-top:28px;padding-top:20px}.generator-export h3{margin:0 0 9px;font-size:13px;font-weight:550}.generator-export>p{color:#7a8074;font-size:11px;line-height:1.7}.generator-export .generator-outline{width:100%;margin-top:9px}.generator-import{text-align:center;cursor:pointer;color:#9a664c;position:relative;margin-top:15px!important}.generator-import input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.generator-remote{border-top:1px solid var(--g-line);margin-top:28px;padding-top:22px}.generator-remote>div{justify-content:space-between;gap:7px;margin-top:14px;font-size:11px;display:flex}.generator-remote strong{font-weight:500}.generator-remote>div span{color:#9d775f;font-size:9px}.generator-remote>p:last-child{color:#919387;font-size:10px;line-height:1.7}.generator-footer{color:#899080;gap:24px;padding:22px 36px;font-size:10px;display:flex}.generator-footer a:first-of-type{margin-left:auto}#experienceControls>p{color:#717a6b;font-size:13px;line-height:1.8}#experienceControls .generator-outline{margin-top:15px}.generator-app [hidden]{display:none!important}.racing-page{color:#eef6ff;background:#07121d;height:100vh;position:relative;overflow:hidden}.racing-stage{position:absolute;inset:0}.racing-stage canvas{width:100%;height:100%;display:block}.racing-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:start;display:flex;position:absolute;top:20px;left:22px;right:22px}.racing-top h1{letter-spacing:-1px;margin:4px 0;font-size:25px}.racing-top p{letter-spacing:.15em;color:#b0bcca;margin:0;font-size:10px}.racing-top a{pointer-events:auto;color:#dde7ec;background:#0c1626bb;border-radius:7px;padding:10px 14px;font-size:11px;text-decoration:none}.racing-tools{z-index:2;backdrop-filter:blur(12px);background:#091521dc;border:1px solid #ffffff25;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:7px;width:max-content;max-width:95%;padding:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.racing-tools button,.racing-tools select{color:#e9edf0;cursor:pointer;background:#192b38;border:1px solid #ffffff25;border-radius:5px;padding:8px 11px;font:11px Arial}.racing-tools button[aria-pressed=true]{color:#9becdf;border-color:#6bccc9}.racing-progress{color:#acb8c3;pointer-events:none;max-width:500px;font-size:11px;position:absolute;top:95px;left:22px}.racing-metrics{color:#9bb4c8;font:9px monospace;position:absolute;bottom:93px;left:22px}.racing-loading{text-align:center;z-index:1;background:#07121d;place-content:center;font-size:14px;display:grid;position:absolute;inset:0}.racing-loading[hidden]{display:none}.racing-loading span{color:#8eabc1;margin-top:12px;font-size:11px}.racing-loading b{letter-spacing:-2px;font-size:45px;font-weight:400}.racing-loading button{margin-top:20px;padding:12px}@media (width>=1650px){.generator-workbench{min-height:740px}.generator-viewport{min-height:580px}}@media (width<=1150px){.generator-workbench{grid-template-columns:225px minmax(0,1fr)}.generator-inspector{border-left:0;border-top:1px solid var(--g-line);grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.generator-inspector>.generator-panel-heading{grid-column:1/-1;margin:0}.generator-inspector>label{display:none}.generator-export,.generator-remote{border:0;margin:0;padding:0}.generator-inspector #partSelect{align-self:start}.generator-inspector #partEditor{grid-column:1}.generator-preview-toolbar{flex-wrap:wrap}.generator-preview-toolbar strong{max-width:230px}.generator-title h1{font-size:32px}}@media (width<=720px){.generator-header{gap:12px;padding:16px}.generator-breadcrumb{display:none}.generator-header nav{gap:14px}.generator-header nav a:first-child{display:none}.generator-brand{font-size:17px}.generator-title{padding:24px 16px;display:block}.generator-title h1{font-size:29px}.generator-title>.generator-outline{margin-top:16px;font-size:10px}.generator-tabs{gap:22px;margin:0 16px;overflow-x:auto}.generator-tabs button{font-size:11px}.generator-tabs button span{display:none}.generator-workbench{flex-direction:column;min-height:0;margin:16px;display:flex}.generator-preview{order:-1}.generator-viewport{min-height:370px}.generator-preview-toolbar{gap:10px;padding:12px}.generator-preview-toolbar strong{max-width:180px}.generator-controls{border-right:0;border-top:1px solid var(--g-line);padding:22px}.generator-inspector{padding:22px;display:block}.generator-inspector>.generator-panel-heading{margin-bottom:20px}.generator-inspector>label{display:block}.generator-export,.generator-remote{border-top:1px solid var(--g-line);margin-top:24px;padding-top:22px}.generator-footer{flex-wrap:wrap;gap:12px;padding:8px 16px 24px;line-height:1.7}.generator-footer a:first-of-type{margin-left:0}.generator-footer>span{width:100%}.racing-top h1{font-size:20px}.racing-top p{font-size:8px}.racing-top{top:15px;left:14px;right:14px}.racing-top a{font-size:9px}.racing-progress{font-size:10px;top:80px;left:14px}.racing-tools{gap:5px;bottom:12px}.racing-tools button,.racing-tools select{padding:8px;font-size:10px}.racing-metrics{font-size:8px;bottom:120px;left:14px}}@media (width>=721px){.generator-workbench{overflow:clip}.generator-preview{align-self:start;width:100%;height:clamp(500px,100dvh - 70px,820px);position:sticky;top:16px}.generator-viewport{min-height:0}}.generator-workbench[data-experience=true]{display:block}.generator-workbench[data-experience=true] .generator-inspector,.generator-workbench[data-experience=true] .generator-recent,.generator-workbench[data-experience=true] .generator-source-note{display:none}.generator-workbench[data-experience=true] .generator-controls{border-right:0;border-bottom:1px solid var(--g-line);padding:20px 24px}.generator-workbench[data-experience=true] .generator-panel-heading{margin-bottom:8px}.generator-workbench[data-experience=true] #experienceControls{grid-template-columns:1fr auto;align-items:center;column-gap:24px;display:grid}.generator-workbench[data-experience=true] #experienceControls>p{max-width:760px;margin:0;font-size:12px}.generator-workbench[data-experience=true] #experienceControls .generator-outline{margin:0}.generator-workbench[data-experience=true] #experienceNote{grid-column:1/-1}.generator-workbench[data-experience=true] .generator-preview{height:760px;min-height:0;position:static}.generator-workbench[data-experience=true] .generator-viewport{min-height:0}.generator-workbench[data-experience=true] .generator-preview-toolbar{display:none}.generator-workbench[data-experience=true] .generator-result{min-height:36px}.generator-workbench[data-experience=true] .generator-metrics:empty{display:none}@media (width<=720px){.generator-workbench[data-experience=true] #experienceControls{display:block}.generator-workbench[data-experience=true] #experienceControls .generator-outline{margin:12px 0}.generator-workbench[data-experience=true] .generator-preview{height:680px}.generator-workbench[data-experience=true] .generator-controls{padding:20px}}.generator-app .generator-workbench{width:auto;min-width:0;max-width:none;padding:0}.racing-top h1 span{letter-spacing:.04em;color:#a8c6cf;margin-top:4px;font-size:13px;font-weight:400;display:block}.racing-progress{max-width:min(500px,100% - 340px);line-height:1.6;top:113px}.racing-explore{z-index:2;backdrop-filter:blur(12px);color:#e9edf0;background:#091521ee;border:1px solid #ffffff25;border-radius:10px;width:250px;max-width:calc(100% - 28px);font:12px Arial;position:absolute;top:110px;right:22px}.racing-explore summary{cursor:pointer;justify-content:space-between;align-items:center;padding:15px;list-style:none;display:flex}.racing-explore summary::-webkit-details-marker{display:none}.racing-explore[open] summary span{transform:rotate(45deg)}.racing-explore-content{padding:0 15px 16px}.racing-explore label{color:#b1cbd4;margin:14px 0 7px;font-size:10px;display:block}.racing-explore select{width:100%;max-width:100%}.racing-explore button,.racing-explore select{color:#e9edf0;cursor:pointer;background:#192b38;border:1px solid #ffffff25;border-radius:5px;padding:10px;font:11px Arial}.racing-explore button:disabled,.racing-explore select:disabled,.racing-tools :disabled{opacity:.45;cursor:wait}.racing-inspection{gap:8px;display:flex}.racing-inspection button{flex:1}.racing-explore button[aria-pressed=true]{color:#9becdf;border-color:#6bccc9}.racing-explore p{color:#9db5bf;font-size:10px;line-height:1.55}.racing-explore .racing-disclosure{border-top:1px solid #ffffff18;margin-top:16px;padding-top:13px}.racing-page :focus-visible{outline-offset:3px;outline:2px solid #80e3d5}@media (width<=720px){.racing-page{height:100dvh;min-height:430px}.racing-top h1 span{font-size:11px}.racing-progress{max-width:calc(100% - 28px);top:105px;left:14px;right:14px}.racing-explore{width:220px;max-height:calc(100dvh - 310px);top:159px;right:14px;overflow:auto}.racing-explore summary{padding:11px 13px}.racing-explore-content{padding:0 13px 13px}.racing-metrics{bottom:130px}.racing-tools{box-sizing:border-box;width:calc(100% - 28px);max-width:560px}.racing-top a{text-align:center;max-width:106px}.racing-inspection button,.racing-explore select{min-height:38px}.racing-tools button,.racing-tools select,.racing-inspection button,.racing-explore select{min-height:44px}.racing-explore summary{box-sizing:border-box;min-height:44px}}.racing-page:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#020a13ce,#0000);height:180px;position:absolute;inset:0 0 auto}.racing-progress,.racing-metrics{z-index:2}.racing-metrics{background:#07111dcc;border-radius:4px;padding:6px 8px}.generator-availability{pointer-events:auto;gap:18px;overflow:auto}.generator-availability h3{max-width:420px;color:var(--g-ink);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:500;line-height:1.25}.generator-availability p{color:#536358;max-width:420px;margin:0;font-size:14px;font-weight:400;line-height:1.65}.generator-availability button{min-height:44px}