.generator-app.generator-app{--clicker-fz-micro:.75rem;--clicker-fz-ui:.875rem;--clicker-fz-body:.875rem;height:auto;min-height:calc(100dvh - var(--plan-preview-offset,0px));color:var(--generator-text);background:var(--generator-background);font-family:var(--font-sans), sans-serif;padding:0 clamp(16px,2.5vw,40px) 32px;font-size:1rem;overflow:visible}.generator-app .generator-header{border-bottom:1px solid var(--generator-line);align-items:center;gap:28px;max-width:1760px;min-height:88px;margin:auto;padding:16px 0;display:flex}.generator-identity{flex:1;gap:7px;min-width:0;display:grid}.generator-identity>a{width:fit-content;color:var(--generator-muted);align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.generator-identity svg{width:14px;height:14px}.generator-identity>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.generator-identity h1{letter-spacing:-.025em;margin:0;font-size:1.125rem;font-weight:bolder;line-height:1.3}.generator-identity>div>span{color:var(--generator-mint);border:1px solid var(--generator-line);border-radius:20px;padding:3px 9px;font-size:.75rem}.generator-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.generator-app .generator-header-actions>button{white-space:normal;border-radius:10px;justify-content:center;align-items:center;gap:8px;max-width:100%;height:auto;min-height:42px;padding:10px 16px;font-size:.875rem;display:inline-flex}.generator-app .generator-header-actions>button>svg{flex-shrink:0;width:16px;height:16px}.generator-app .generator-steps{grid-column:1/-1;width:100%;min-width:0;max-width:1760px;margin:0 auto;padding:18px 0}.generator-steps ol{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.generator-steps li{align-items:center;gap:6px;min-width:0;display:flex}.generator-app .generator-steps button{min-height:44px;color:var(--generator-muted);font:600 .875rem/1.35 var(--font-sans), sans-serif;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;display:flex}.generator-app .generator-steps button[aria-current=step]{color:#f0ffdb;background:#c8ff4a0b;border-color:#799b49;box-shadow:inset 0 1px #c8ff4a13}.generator-step-number{border:1px solid var(--generator-line);border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.75rem;display:grid}.generator-step-number svg{width:14px;height:14px;color:var(--generator-mint)}[aria-current=step] .generator-step-number{color:#17200c;border-color:var(--generator-accent);background:var(--generator-accent)}.generator-step-divider{color:#53665a;width:14px;height:14px}.generator-app .generator-panel-heading{border-bottom:1px solid var(--generator-line);margin:0;padding:24px}.generator-panel-heading>span{color:var(--generator-mint);font:500 .75rem/1.5 var(--font-mono), monospace}.generator-app .generator-panel-heading h2{font-size:1.6rem;font-weight:inherit;letter-spacing:-.045em;text-transform:none;margin:8px 0 0;line-height:1.2}.generator-app .generator-panel-heading p{color:var(--generator-muted);margin:10px 0 0;font-size:.875rem;line-height:1.6}.generator-app.generator-app :is(.clicker-workspace,.map-workspace,.mesh-workspace,.puzzle-workspace){grid-template:none/minmax(0,1fr) minmax(360px,420px);grid-auto-rows:auto;align-items:start;gap:0 24px;width:100%;max-width:1760px;height:auto;min-height:0;margin:auto;display:grid}.generator-app :is(.map-stage,.mesh-stage,.puzzle-stage){min-width:0;top:calc(16px + var(--plan-preview-offset,0px));background:0 0;border:0;height:auto;min-height:0;padding:0;position:sticky}.generator-app :is(.clicker-inspector,.map-inspector,.mesh-inspector,.puzzle-panel){border:1px solid var(--generator-line);background:var(--generator-panel);border-radius:18px;width:100%;min-width:0;height:auto;min-height:0;max-height:none;margin:0;padding:0;overflow:visible}.generator-app .puzzle-stage-heading{min-height:64px;margin-bottom:12px}.generator-app .puzzle-preview{border-radius:18px;height:clamp(400px,65dvh,760px)}.generator-app .puzzle-panel-content{padding:20px 24px 24px}.generator-app :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--generator-accent);outline-offset:3px}.generator-app button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1100px){.generator-app.generator-app :is(.clicker-workspace,.map-workspace,.mesh-workspace,.puzzle-workspace){grid-template-columns:minmax(0,1fr) 360px;gap:0 16px}.generator-app .generator-header{gap:18px}}@media (max-width:900px){.generator-app.generator-app :is(.clicker-workspace,.map-workspace,.mesh-workspace,.puzzle-workspace){grid-template-columns:minmax(0,1fr);gap:20px}.generator-app :is(.map-stage,.mesh-stage,.puzzle-stage){position:static}.generator-app .generator-header{flex-wrap:wrap;gap:12px 20px}.generator-app .generator-header>.nozzlify-logo{max-width:130px}.generator-header-actions{justify-content:flex-end;width:100%}.generator-app .generator-steps{padding:14px 0}.generator-step-divider{display:none}.generator-app .generator-steps button{gap:7px;padding:7px 9px}.generator-app .puzzle-preview{height:clamp(340px,70vw,560px)}}.generator-app .map-workspace{grid-template-areas:none}.generator-app :is(.map-stage,.map-inspector,.clicker-stage,.clicker-inspector,.clicker-source-panel){grid-area:auto}.generator-app.generator-app .map-inspector-scroll{height:auto;max-height:none;padding:0 24px 24px;overflow:visible}.generator-app .map-inspector-scroll .generator-panel-heading{margin-inline:-24px}.generator-app .generator-panel-heading{scroll-margin-top:calc(20px + var(--plan-preview-offset,0px))}.generator-app .generator-panel-heading:focus{outline:none}.generator-app .mesh-inspector>.mesh-fields>:is(.mesh-panel,.mesh-error,.mesh-message){margin:20px 24px 24px}.generator-app .mesh-inspector .mesh-fields .mesh-fields{margin:0}.generator-app :is(.clicker-step-nav,.map-step-nav,.slider-step-footer,.mesh-step-footer,.puzzle-panel-footer){border:0;border-top:1px solid var(--generator-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#101c15;border-radius:0 0 18px 18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0;padding:18px 24px;display:grid;position:static}.generator-app :is(.clicker-step-nav,.map-step-nav,.slider-step-footer,.mesh-step-footer,.puzzle-panel-footer) button{white-space:normal;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:0;height:auto;min-height:44px;padding:11px 12px;font-size:.875rem;line-height:1.4;display:flex}.generator-app :is(.clicker-step-nav,.map-step-nav) button:first-child{border:1px solid var(--generator-line);color:var(--generator-text);background:#0d1711}.generator-app :is(.clicker-step-nav,.map-step-nav) button:nth-child(2){border:1px solid var(--generator-accent);background:var(--generator-accent);color:#15200a}.generator-app :is(.step-finish,.map-step-finish){white-space:normal;font-size:.875rem;line-height:1.4}.generator-app :is(.clicker-stage,.map-relief-preview,.slider-preview,.mesh-preview,.puzzle-preview){border:1px solid var(--generator-line);background:#0e1711;border-radius:18px}.generator-app .map-stage{overflow:visible}.generator-app .map-stage:before{display:none}.generator-app :is(.map-stage-head,.mesh-stage-heading,.puzzle-stage-heading){pointer-events:auto;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:64px;margin:0 0 12px;padding:0;display:flex;position:relative;inset:auto}.generator-app :is(.map-stage-head,.mesh-stage-heading,.puzzle-stage-heading)>div{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex:200px;min-width:0;padding:0}.generator-app :is(.map-stage-head>div>span,.mesh-stage-heading>div>span,.puzzle-stage-heading>div>span){color:var(--generator-mint);font:500 .75rem/1.5 var(--font-mono), monospace}.generator-app :is(.map-stage-head>div>strong,.mesh-stage-heading h2,.puzzle-stage-heading h2){white-space:normal;overflow-wrap:anywhere;margin:4px 0 0;font-size:1rem;line-height:1.4;display:block}.generator-app :is(.map-source-status,.slider-build-status,.mesh-status,.puzzle-stage-heading output){border:1px solid var(--generator-line);max-width:100%;color:var(--generator-mint);white-space:normal;background:#102017;border-radius:20px;padding:7px 10px;font-size:.75rem;line-height:1.45}.generator-app .map-relief-preview{flex-direction:column;height:clamp(400px,65dvh,760px);min-height:0;display:flex;position:relative;inset:auto}.generator-app .map-preview-orbit-surface{flex:1;width:100%;min-height:0;position:relative;inset:auto}.generator-app .map-preview-toolbar{order:-1}.generator-app :is(.map-preview-toolbar,.slider-viewbar,.mesh-viewbar,.puzzle-viewbar){pointer-events:auto;border-bottom:1px solid #30433888;flex:none;justify-content:space-between;align-items:flex-start;gap:8px;margin:0;padding:12px;display:flex;position:relative;inset:auto}.generator-app :is(.map-preview-toolbar,.slider-viewbar,.mesh-viewbar,.puzzle-viewbar)>div{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-wrap:wrap;gap:5px;min-width:0;padding:0;display:flex}.generator-app :is(.map-preview-toolbar,.slider-viewbar,.mesh-viewbar,.puzzle-viewbar,.preview-tabs) button{border:1px solid var(--generator-line);color:#b3c5b9;white-space:normal;background:#0d1912;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:0;height:auto;min-height:40px;padding:9px 11px;font-size:.8125rem;line-height:1.3;display:inline-flex}.generator-app :is(.map-preview-toolbar,.slider-viewbar,.mesh-viewbar,.puzzle-viewbar,.preview-tabs) button:is([aria-selected=true],[aria-pressed=true],[data-active=true]){border-color:var(--generator-mint);color:#effff3;box-shadow:none;background:#1a382a}.generator-app :is(.map-preview-reset,.slider-viewbar>button,.mesh-viewbar>button,.puzzle-viewbar>button){flex-shrink:0}.generator-app :is(.map-preview-hint,.map-feature-note,.slider-preview-caption,.mesh-caption,.puzzle-preview-caption){max-width:none;color:var(--generator-muted);background:#0b160ed9;border:0;border-radius:0;flex-shrink:0;margin:0;padding:10px 14px;font-size:.75rem;line-height:1.5;position:relative;inset:auto}.generator-app .map-feature-note{color:#c8bdea;padding-top:0}.generator-app .map-preview-dimensions span:first-child{bottom:90px}.generator-app .puzzle-preview{flex-direction:column;display:flex}.generator-app .puzzle-orbit{flex:1;height:auto;min-height:0;padding:0}.generator-app .puzzle-plate-tabs{flex-shrink:0;margin:0;padding:8px 12px;position:relative;inset:auto}.generator-app .puzzle-preview-caption{flex-wrap:wrap;gap:4px 12px;display:flex}.generator-app .mesh-preview{margin-top:0}.generator-app :is(.mesh-orbit,.slider-orbit){aspect-ratio:auto;height:clamp(340px,51dvh,630px);min-height:0;max-height:none}.generator-app :is(.map-stage-footer,.mesh-facts,.puzzle-facts){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;background:0 0;border:0;border-radius:0;margin:0;padding:20px 4px;position:relative;inset:auto}.generator-app :is(.map-stage-footer dl,.mesh-facts dl,.puzzle-facts){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.generator-app :is(.map-stage-footer dt,.mesh-facts dt,.puzzle-facts small){color:var(--generator-muted);font-size:.75rem;line-height:1.5}.generator-app :is(.map-stage-footer dd,.mesh-facts dd,.puzzle-facts strong){overflow-wrap:anywhere;font-size:.875rem;line-height:1.5}.generator-app :is(.map-stage-footer>p,.mesh-facts>p){color:var(--generator-muted);font-size:.75rem;line-height:1.55}.generator-app .clicker-stage{top:calc(16px + var(--plan-preview-offset,0px));height:clamp(600px,78dvh,920px);min-height:0;position:sticky}.generator-app .clicker-stage:before,.generator-app .clicker-stage:after,.generator-app .clicker-orbit{display:none}.generator-app .clicker-stage-head{flex-wrap:wrap;align-items:flex-start}.generator-app .preview-tabs{background:0 0;border:0;flex-wrap:wrap;justify-content:flex-start;gap:5px}.generator-app .stage-actions{gap:8px}.generator-app .stage-actions>span{display:none}.generator-app .stage-telemetry{font-size:.75rem;top:122px}.generator-app .clicker-stage-footer{grid-template-columns:minmax(0,1fr);gap:10px}.generator-app .clicker-stage-footer dl{justify-content:flex-start;gap:24px}.generator-app .clicker-stage-footer :is(span,dt,p){font-size:.75rem}.generator-app .clicker-stage-footer :is(strong,dd){font-size:.875rem}.generator-app .clicker-inspector>:not(.generator-panel-heading,.clicker-step-nav,[hidden]){width:auto;min-width:0;margin-inline:24px}.generator-app .clicker-inspector>.clicker-source-panel{border:0;border-bottom:1px solid var(--generator-line);background:0 0;max-height:none;margin:0;padding:24px;overflow:visible}.generator-app .clicker-source-panel h2{letter-spacing:-.035em;margin:0;font-size:1.25rem}.generator-app .clicker-source-panel .clicker-kicker{font-size:.75rem}.generator-app .experience-mode{margin-top:20px}.generator-app .clicker-inspector>.clicker-inspector-export{width:auto;margin-bottom:20px}.generator-app :is(.control-title,.map-slider-control,.slider-number-control,.mesh-number-control,.puzzle-control){gap:14px}.generator-app :is(.control-title,.map-slider-control>label,.slider-number-control>label,.mesh-number-control>label,.puzzle-control>label,.puzzle-final-size,.slider-text-field,.mesh-text-field,.puzzle-number-grid label,.puzzle-random label){font-size:.875rem;line-height:1.5}.generator-app :is(.control-title strong,.slider-number-control strong,.mesh-number-control strong,.puzzle-control strong){color:var(--generator-accent);font-variant-numeric:tabular-nums;font-size:.8125rem}.generator-app :is(.control-note,.map-control-note,.map-step-panel>p,.slider-panel>p,.mesh-panel>p,.puzzle-panel-content p,.puzzle-panel-content>fieldset>p,.keychain-intro>span){color:var(--generator-muted);font-size:.875rem;line-height:1.65}.generator-app :is(.map-inspector,.clicker-inspector,.mesh-inspector,.puzzle-panel) :is(small,.slider-scale,.map-slider-scale){font-size:.75rem;line-height:1.5}.generator-app :is(.map-inspector,.clicker-inspector,.mesh-inspector,.puzzle-panel) :is(input[type=text],input[type=number],select){min-width:0;max-width:100%;min-height:44px;color:var(--generator-text);background:#0b160f;border:1px solid #486251;border-radius:10px;padding:10px 12px;font-size:1rem;line-height:1.4}.generator-app :is(.map-inspector,.clicker-inspector,.mesh-inspector,.puzzle-panel) [data-slot=button]{white-space:normal;border-radius:10px;min-width:0;height:auto;min-height:44px;padding:10px 12px;font-size:.875rem;line-height:1.4}.generator-app :is(.map-inspector,.clicker-inspector,.mesh-inspector,.puzzle-panel) [data-slot=slider-track]{background:#2a4032;border-radius:8px;height:6px}.generator-app :is(.map-inspector,.clicker-inspector,.mesh-inspector,.puzzle-panel) [data-slot=slider-range]{background:linear-gradient(90deg, var(--generator-mint), var(--generator-accent))}.generator-app :is(.map-inspector,.clicker-inspector,.mesh-inspector,.puzzle-panel) [data-slot=slider-thumb]{border:2px solid var(--generator-accent);background:#1b301c;width:18px;height:18px;box-shadow:0 0 0 3px #0c170f}.generator-app :is(.segmented-control,.map-detail-options,.map-frame-options,.map-source-toggle,.shape-choice-grid,.slider-shapes,.puzzle-choices,.mesh-patterns) button{border-radius:10px;min-width:0;height:auto;min-height:44px;font-size:.8125rem;line-height:1.4}.generator-app :is(.keychain-samples,.slider-samples,.mesh-samples,.puzzle-samples,.artwork-examples){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.generator-app :is(.keychain-samples,.slider-samples,.mesh-samples,.puzzle-samples,.artwork-examples) button{border:1px solid var(--generator-line);background:#0c1810;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 6px;font-size:.75rem;line-height:1.4;display:flex}.generator-app :is(.keychain-samples,.slider-samples,.mesh-samples,.puzzle-samples,.artwork-examples) img{object-fit:contain;width:60px;height:60px}.generator-app :is(.keychain-samples,.slider-samples,.mesh-samples,.puzzle-samples,.artwork-examples) button:is([aria-pressed=true],[data-active=true]){border-color:var(--generator-accent);background:#c8ff4a0b}.generator-app :is(.map-color-control,.slider-color,.mesh-color,.puzzle-color){padding-block:12px;font-size:.875rem;line-height:1.4}.generator-app :is(.map-color-control,.slider-color,.mesh-color,.puzzle-color) input[type=color]{background:#0b160f;border:1px solid #587561;border-radius:10px;width:38px;height:38px;padding:3px}.generator-app :is(.map-color-control,.slider-color,.mesh-color,.puzzle-color) code{font-size:.75rem}.generator-app [hidden]{display:none!important}.generator-app :is(.map-stage,.mesh-stage,.puzzle-stage,.clicker-stage):not([data-sticky-fit=true]){position:relative;top:auto}.generator-app .generator-header-actions>button{width:auto}.generator-app .generator-header-actions .map-export-top span{display:inline}.generator-app :is(.control-title>span,.map-slider-header span,.mesh-control label){font-size:.875rem;line-height:1.5}.generator-app :is(.map-slider-header strong,.mesh-control strong){color:var(--generator-accent);font-size:.8125rem;line-height:1.5}.generator-app .mesh-control{padding-block:10px}.generator-app .slider-number-control input{width:96px}.generator-app :is(.map-intro h1,.keychain-intro h3){letter-spacing:-.035em;font-size:1.35rem;line-height:1.25}.generator-app :is(.map-intro>span,.keychain-intro>span){font-size:.875rem;line-height:1.65}.generator-app :is(.puzzle-note,.mesh-note,.slider-number-control p,.mesh-control>small){line-height:1.6;font-size:.8125rem!important}.generator-app :is(.clicker-inspector,.map-inspector,.mesh-inspector,.puzzle-panel) [role=alert]{overflow-wrap:anywhere;font-size:.875rem;line-height:1.55}@media (hover:hover){.generator-app .generator-steps button:not(:disabled):hover{color:#effff1;background:#192b1e;border-color:#64866d}}@media (max-width:900px){.generator-app .clicker-stage{height:620px;position:relative;top:auto}.generator-app :is(.map-relief-preview,.puzzle-preview){height:clamp(380px,78vw,580px)}.generator-app .map-relief-preview{height:auto}.generator-app .map-preview-orbit-surface{flex:none;height:clamp(260px,70vw,430px)}.generator-app :is(.mesh-orbit,.slider-orbit){height:clamp(300px,64vw,480px)}}@media (max-width:480px){.generator-app .generator-identity>div{gap:6px}.generator-app .generator-header>a{max-width:112px}.generator-app .generator-header-actions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.generator-app .generator-steps ol{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.generator-app .generator-steps li,.generator-app .generator-steps button{width:100%}.generator-app .generator-panel-heading{padding:20px}.generator-app.generator-app .map-inspector-scroll{padding-inline:20px}.generator-app .map-inspector-scroll .generator-panel-heading{margin-inline:-20px}.generator-app .puzzle-panel-content{padding-inline:20px}.generator-app .mesh-inspector>.mesh-fields>:is(.mesh-panel,.mesh-error,.mesh-message){margin-inline:20px}.generator-app .clicker-stage{height:620px}.generator-app .clicker-stage .stage-telemetry{display:none}.generator-app .clicker-stage-head,.generator-app .clicker-stage-footer{left:12px;right:12px}.generator-app :is(.map-preview-toolbar,.slider-viewbar,.mesh-viewbar,.puzzle-viewbar){gap:6px;padding:10px}.generator-app :is(.map-preview-toolbar,.slider-viewbar,.mesh-viewbar,.puzzle-viewbar) button{padding:9px 8px;font-size:.75rem}}