@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600&display=swap";:root{color:#eef0e9;font-synthesis:none;text-rendering:geometricprecision;background:#080906;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#080906}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:2px;outline:1px solid #25c7ff}.app-shell{background:#080906;min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a07eb;border-bottom:1px solid #252720;justify-content:space-between;align-items:center;height:62px;padding:0 20px;display:flex;position:relative}.brand{color:#f4f6ef;letter-spacing:.12em;align-items:center;gap:11px;font:500 12px/1 DM Mono,monospace;text-decoration:none;display:inline-flex}.brand-mark{background:#13bef9;width:9px;height:9px;box-shadow:0 0 18px #13bef9cc}.topbar-meta{color:#7e8276;letter-spacing:.11em;align-items:center;gap:24px;font:400 9px/1 DM Mono,monospace;display:flex}.status{color:#c2c6ba;align-items:center;gap:7px;display:flex}.status i{background:#66ee87;border-radius:50%;width:5px;height:5px;animation:2.2s ease-in-out infinite blink;box-shadow:0 0 10px #66ee87cc}.panel-button{color:#d8dbd2;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#11120e;border:1px solid #35382f;padding:9px 12px;font:500 9px/1 DM Mono,monospace}.save-top-button{color:#55d3ff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#05b8f51a;border:1px solid #19bff7;padding:9px 12px;font:500 9px/1 DM Mono,monospace}.save-top-button:hover{color:#eafaff;background:#05b8f533}.panel-button:hover{background:#181a15;border-color:#5a5f51}.workspace{grid-template-columns:minmax(0,1fr) 0;height:calc(100vh - 62px);transition:grid-template-columns .36s cubic-bezier(.65,0,.35,1);display:grid;overflow:hidden}.workspace.panel-is-open{grid-template-columns:minmax(0,1fr) 366px}.stage{isolation:isolate;background:#020302;min-width:0;position:relative;overflow:hidden}.stage canvas{z-index:-1;position:absolute;inset:0}.stage:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#00000014,#0000 18% 82%,#00000024),linear-gradient(#00000029,#0000 20% 72%,#00000047);position:absolute;inset:0}.stage-chrome{z-index:2;color:#e1ebe8a8;letter-spacing:.1em;pointer-events:none;font:400 9px/1 DM Mono,monospace;position:absolute}.stage-chrome-top{justify-content:space-between;display:flex;top:22px;left:22px;right:22px}.stage-performance{z-index:3;pointer-events:none;width:min(320px,100% - 44px);position:absolute;top:46px;left:22px}.stage-performance .performance-monitor{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070907c7;border-color:#707c6d61;gap:10px;padding:10px;box-shadow:0 14px 38px #00000038}.stage-performance .metric-grid>div{background:#0d0e0bc7;padding:8px 7px}.stage-performance .fps-history{height:23px}.coordinates{color:#e1ebe859}.stage-copy{z-index:2;pointer-events:none;mix-blend-mode:difference;position:absolute;bottom:clamp(70px,9vh,108px);left:clamp(22px,4vw,62px)}.stage-copy p{color:#ffffff9e;letter-spacing:.16em;margin:0 0 10px;font:400 9px/1 DM Mono,monospace}.stage-copy h1{color:#f3f4ef;letter-spacing:-.055em;margin:0;font-size:clamp(34px,5.5vw,84px);font-weight:500;line-height:.93}.interaction-hint{z-index:2;color:#e8ede77a;letter-spacing:.11em;pointer-events:none;align-items:center;gap:9px;font:400 8px/1 DM Mono,monospace;display:flex;position:absolute;bottom:20px;right:22px}.notice{z-index:4;color:#8be2ff;letter-spacing:.04em;cursor:pointer;background:#051012eb;border:1px solid #24c7fd9e;align-items:center;gap:18px;padding:11px 13px;font:400 9px/1 DM Mono,monospace;display:flex;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000052}.notice span{color:#60767b;font-size:14px}.cursor-icon{border:1px solid #e8ede759;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;display:grid}.shader-error{z-index:3;color:#ffac9c;background:#180a07;border:1px solid #8c4033;max-width:440px;margin:0;padding:16px;font:400 11px/1.5 DM Mono,monospace;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.control-panel{z-index:5;opacity:0;background:#0e0f0c;border-left:1px solid #292c24;width:366px;min-width:366px;height:100%;transition:transform .36s cubic-bezier(.65,0,.35,1),opacity .24s;position:relative;overflow:hidden;transform:translate(100%)}.panel-is-open .control-panel{opacity:1;transform:translate(0)}.panel-header{border-bottom:1px solid #292c24;justify-content:space-between;align-items:center;height:82px;padding:16px 18px 15px;display:flex}.panel-header p,.section-label{color:#686d61;letter-spacing:.12em;margin:0 0 7px;font:400 8px/1 DM Mono,monospace}.panel-header h2{color:#e3e6dd;letter-spacing:-.025em;margin:0;font-size:17px;font-weight:500}.panel-header>button{color:#7d8176;cursor:pointer;background:0 0;border:1px solid #32352d;width:28px;height:28px;font-size:18px;line-height:1}.panel-header>button:hover{color:#f0f2eb;border-color:#555a4e}.panel-scroll{scrollbar-width:thin;scrollbar-color:#33372e transparent;height:calc(100% - 82px);overflow-y:auto}.control-section{border-bottom:1px solid #292c24;gap:17px;padding:20px 18px 23px;display:grid}.section-label{margin-bottom:0}.preset-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.preset-grid button{color:#a3a89c;text-align:left;cursor:pointer;background:#11120f;border:1px solid #2e3129;gap:8px;min-height:54px;padding:10px;font:400 10px/1 DM Mono,monospace;display:grid}.preset-grid button span{color:#555a4e;font-size:8px}.recipe-grid button{align-content:start;min-height:76px}.recipe-grid button strong{color:inherit;font-weight:500}.recipe-grid button small{color:#62675d;font:400 7px/1.35 DM Mono,monospace}.recipe-grid button.active small{color:#7ba9b4}.preset-grid button:hover{background:#171914;border-color:#464a40}.preset-grid button.active{color:#f0f5f3;background:#05b8f514;border-color:#19bff7}.preset-grid button.active span{color:#19bff7}.segmented{background:#0a0b09;border:1px solid #30332b;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented.four-up,.shape-picker,.segmented.country-grid{grid-template-columns:repeat(4,1fr)}.source-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.source-grid button{color:#73786d;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#0b0c09;border:1px solid #2e3129;place-items:center;gap:6px;min-height:48px;padding:6px 3px;font:400 7px/1 DM Mono,monospace;display:grid}.source-grid button i{opacity:.65;background:repeating-radial-gradient(circle,currentColor 0 1px,#0000 1px 3px);border:1px solid;border-radius:50%;width:13px;height:13px;display:block}.depth-grid button i{background:linear-gradient(135deg,#0000 45%,currentColor 46% 54%,#0000 55%);border-radius:2px;transform:rotate(30deg)}.terrain-grid button i{background:radial-gradient(at 65% 38%,#0000 0 20%,currentColor 22% 27%,#0000 29% 42%,currentColor 44% 49%,#0000 51%);border-radius:50%;transform:rotate(-18deg)}.space-grid button i{background:radial-gradient(circle at 30% 30%,currentColor 0 30%,#0000 32%),linear-gradient(#0000 44%,currentColor 46% 54%,#0000 56%);border-radius:50%;transform:rotate(-12deg)}.atmosphere-grid button i{background:radial-gradient(circle at 50% 70%,currentColor 0 35%,#0000 45%);border-radius:40% 60% 55% 45%/55% 45% 60% 40%}.source-grid button:hover{color:#c7ccc1;border-color:#4b5045}.source-grid button.active{color:#21c4fb;background:#05b8f514;border-color:#18bff7}.field-label{color:#8f9489;margin:-3px 0 -7px;font-size:10px}.source-group-label{color:#646a5f;letter-spacing:.1em;font:400 7px/1 DM Mono,monospace}.size-shortcuts{grid-template-columns:1fr repeat(4,43px);align-items:center;gap:4px;display:grid}.size-shortcuts>span{color:#8f9489;font-size:10px}.size-shortcuts button,.palette-actions>button,.section-heading-row>button{color:#73786d;cursor:pointer;background:#0a0b09;border:1px solid #30342b;min-height:28px;font:400 8px/1 DM Mono,monospace}.size-shortcuts button:hover,.palette-actions>button:hover,.section-heading-row>button:hover{color:#dbe0d6;border-color:#50564a}.size-shortcuts button.active{color:#1ec5fd;background:#05b8f514;border-color:#18bff7}.segmented button{color:#70756a;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;min-height:30px;font:400 8px/1 DM Mono,monospace}.segmented button:hover{color:#c6cac0}.segmented button.active{color:#e8ebe3;background:#292c25}.shape-picker button{place-items:center;display:grid}.shape-icon{background:currentColor;width:8px;height:8px;display:block}.shape-icon.circle{border-radius:50%}.shape-icon.triangle{background:0 0;border-bottom:9px solid;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.shape-icon.diamond{transform:rotate(45deg)scale(.8)}.range-control{gap:10px;display:grid}.control-heading{color:#a3a79e;justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.control-heading output{color:#676c61;font:400 9px/1 DM Mono,monospace}.range-control input{cursor:ew-resize;appearance:none;background:0 0;border:0;border-radius:0;width:100%;height:12px;margin:0}.range-control input::-webkit-slider-runnable-track{background:linear-gradient(to right, #16bff7 var(--range-progress), #30332c var(--range-progress));height:2px}.range-control input::-moz-range-track{background:linear-gradient(to right, #16bff7 var(--range-progress), #30332c var(--range-progress));height:2px}.range-control input::-webkit-slider-thumb{appearance:none;background:#dce0d8;border:0;border-radius:0;width:8px;height:8px;margin-top:-3px;box-shadow:0 0 0 2px #0e0f0c}.range-control input::-moz-range-thumb{background:#dce0d8;border:0;border-radius:0;width:8px;height:8px}.toggle-control{color:#a3a79e;cursor:pointer;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:relative}.toggle-control input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:#161713;border:1px solid #41453b;justify-content:flex-start;width:28px;height:14px;padding:2px;transition:all .16s;display:flex}.toggle-track span{background:#6e7368;width:8px;height:8px;transition:all .16s}.toggle-control input:checked+.toggle-track{background:#18bdf41f;border-color:#18bdf4;justify-content:flex-end}.toggle-control input:checked+.toggle-track span{background:#24c7fd;box-shadow:0 0 8px #24c7fdb3}.nested-controls{background:#0a0b09;border-left:1px solid #30342b;gap:17px;padding:15px;display:grid}.freeze-control{background:#0a0b09;border:1px solid #292d25;gap:7px;padding:13px;display:grid}.freeze-control>span{color:#565b51;letter-spacing:.08em;font:400 7px/1 DM Mono,monospace}.freeze-control.is-frozen{background:#05b8f50d;border-color:#24c7fd75}.freeze-control.is-frozen>span{color:#24c7fd}.color-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.palette-section{background:linear-gradient(#05b8f509,#0000)}.palette-actions{grid-template-columns:105px 1fr;gap:10px;display:grid}.swatch-row{justify-content:flex-end;align-items:center;gap:5px;display:flex}.swatch-row button{cursor:pointer;border:1px solid #3b4036;width:24px;height:24px;padding:0}.swatch-row button.active{box-shadow:0 0 0 1px #0e0f0c,0 0 0 2px #1dc4fc}.section-heading-row{justify-content:space-between;align-items:center;display:flex}.section-heading-row .section-label{margin:0}.section-heading-row>button{color:#3acbfa;border-color:#1d6b82;padding:0 9px}.empty-state{color:#62675d;border:1px dashed #30342b;margin:0;padding:14px;font:400 9px/1.55 DM Mono,monospace}.saved-list{gap:5px;display:grid}.saved-look{background:#0a0b09;border:1px solid #2e322a;grid-template-columns:1fr 30px 30px;display:grid}.saved-look.active{background:#05b8f50f;border-color:#18bff7}.saved-look>button{color:#666c61;cursor:pointer;background:0 0;border:0;border-left:1px solid #2e322a}.saved-look>button:hover{color:#d9ddd5;background:#171914}.saved-look .saved-main{text-align:left;border-left:0;align-content:center;gap:6px;min-height:49px;padding:8px 10px;display:grid}.saved-main strong{color:#b9eafb;letter-spacing:.06em;font:500 9px/1 DM Mono,monospace}.saved-main span{color:#63685e;text-transform:uppercase;font:400 7px/1 DM Mono,monospace}.color-row>label,.secondary-color{color:#8f9489;gap:8px;font-size:10px;display:grid}.color-well{background:#0a0b09;border:1px solid #30332b;align-items:center;gap:8px;height:34px;padding:4px;display:flex}.color-well input{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0}.color-well input::-webkit-color-swatch-wrapper{padding:0}.color-well input::-webkit-color-swatch{border:0}.color-well b{color:#777c70;text-transform:uppercase;font:400 8px/1 DM Mono,monospace}.microcopy{color:#5f6459;margin:0;font:400 9px/1.55 DM Mono,monospace}.performance-monitor{background:#090a08;border:1px solid #30342b;gap:14px;padding:13px;display:grid}.performance-monitor.is-warming{color:#747a6f;grid-template-columns:auto 1fr;align-items:center;font:400 9px/1 DM Mono,monospace}.metric-status-dot,.metric-status i{background:#e5bc53;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px #e5bc538c}.performance-summary{color:#53594f;justify-content:space-between;align-items:center;gap:10px;font:400 7px/1.2 DM Mono,monospace;display:flex}.metric-status{color:#b8beb2;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;display:flex}.metric-status.healthy i{background:#61e583;box-shadow:0 0 9px #61e5838c}.metric-status.strained i{background:#e8bd55;box-shadow:0 0 9px #e8bd558c}.metric-status.heavy i{background:#ff6f5c;box-shadow:0 0 9px #ff6f5c8c}.metric-grid{background:#292d25;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.metric-grid>div{background:#0d0e0b;gap:5px;min-width:0;padding:10px 8px;display:grid}.metric-grid span,.metric-grid small{color:#565c52;text-overflow:ellipsis;white-space:nowrap;font:400 7px/1 DM Mono,monospace;overflow:hidden}.metric-grid strong{color:#dce1d8;text-overflow:ellipsis;white-space:nowrap;font:500 13px/1 DM Mono,monospace;overflow:hidden}.fps-history{border-bottom:1px solid #2c3028;align-items:end;gap:2px;height:32px;display:flex}.fps-history i{opacity:.78;background:#5edf81;flex:1;min-width:2px}.fps-history i.strained{background:#e7bc55}.fps-history i.heavy{background:#ff6f5c}.performance-footnote{color:#555b51;margin:0;font:400 7px/1.45 DM Mono,monospace}.embed-panel{gap:11px;display:grid}.embed-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.embed-actions button{color:#55d3ff;text-transform:uppercase;cursor:pointer;background:#05b8f512;border:1px solid #236f86;min-height:34px;font:500 8px/1 DM Mono,monospace}.embed-actions button:hover{color:#eafaff;background:#05b8f524;border-color:#22c3f8}.embed-panel pre{color:#a9ddec;scrollbar-width:thin;white-space:pre;background:#080906;border:1px solid #292d25;max-height:260px;margin:0;padding:13px;font:400 8px/1.65 DM Mono,monospace;overflow:auto}.embed-panel>p{color:#5f655a;margin:0;font:400 8px/1.55 DM Mono,monospace}.embed-panel>p code{color:#a5aaa0}@keyframes blink{0%,to{opacity:.45}50%{opacity:1}}@media (width<=880px){body{overflow:auto}.edition,.status,.save-top-button{display:none}.workspace,.workspace.panel-is-open{height:calc(100svh - 62px);display:block}.control-panel{width:min(366px,92vw);min-width:0;height:auto;position:fixed;top:62px;bottom:0;right:0;box-shadow:-20px 0 50px #00000073}.panel-is-open .control-panel{transform:translate(0)}.stage{width:100%;height:100%}}@media (width<=520px){.topbar{padding:0 13px}.topbar-meta{gap:10px}.stage-chrome-top{top:14px;left:14px;right:14px}.coordinates{display:none}.stage-performance{width:min(300px,100% - 28px);top:38px;left:14px}.stage-performance .metric-grid>div:nth-child(n+4),.stage-performance .performance-footnote{display:none}.stage-copy{bottom:72px;left:18px}.interaction-hint{bottom:14px;right:14px}.interaction-hint>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.status i{animation:none}.workspace,.control-panel{transition-duration:.01ms}}