:root{--muted-label-color:#a6aba8;--subtle-border-color:#ffffff25;--range-thumb-color:#d6dfcb;--soft-shadow-color:#0005;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f2ed;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#202326;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#studio{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button,select,input[type=color],input[type=checkbox]{cursor:pointer}button{color:inherit;background:#ffffff09;border:1px solid #0000;border-radius:6px;padding:7px 10px;font-size:12px}button:hover{background:#ffffff14}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{color:#e7efdc;background:#d6dfcb1e;border-color:#d6dfcb44}:focus-visible{outline-offset:3px;outline:2px solid #d7e9b6}[hidden]{display:none!important}a{color:#bcc7b3;font-size:11px;text-decoration:none}a:hover{text-decoration:underline}h1,h2,p{margin:0}h2{font-size:15px;font-weight:500}.studio-shell{grid-template:52px minmax(0,1fr) 40px/minmax(0,1fr) 360px;width:100%;height:100dvh;display:grid}.studio-header,.studio-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;background:#1c2021ef;grid-column:1/-1;align-items:center;gap:18px;padding:0 16px;display:flex}.studio-header{border-bottom:1px solid var(--subtle-border-color)}.studio-brand{align-items:center;gap:9px;display:flex}.studio-brand>span{color:#cbd4c1;font-size:26px}.studio-brand h1{letter-spacing:-.3px;font-size:15px;font-weight:500}.studio-brand small{color:var(--muted-label-color);letter-spacing:0;margin-left:8px;font-size:11px;font-weight:400}.view-switch{border:1px solid var(--subtle-border-color);border-radius:8px;gap:3px;padding:3px;display:flex}.view-switch button{min-width:40px;padding:5px 10px}.view-presets{flex-wrap:wrap;margin:0 0 16px}.segmented-row{gap:8px;margin:0 0 16px;display:grid}.segmented-row>span{color:#c9cdc7;font-size:12px}.segmented-control{border:1px solid var(--subtle-border-color);border-radius:8px;gap:3px;padding:3px;display:flex}.segmented-control button{flex:1;padding:5px 8px}.header-actions{gap:8px;margin-left:auto;display:flex}#studio-viewport{grid-area:2/1;min-width:0;min-height:0;position:relative;overflow:hidden}#terrain,.terrain-3d{width:100%;height:100%;display:block;position:absolute;inset:0}#terrain{pointer-events:none}.terrain-3d{touch-action:none}.studio-inspector{border-left:1px solid var(--subtle-border-color);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1c2021eb;flex-direction:column;grid-area:2/2;min-width:0;min-height:0;display:flex}.inspector-sections{border-bottom:1px solid #ffffff12;flex-shrink:0;gap:2px;padding:10px 8px;display:flex}.inspector-sections button{flex:1;padding:8px 4px;font-size:11px}.inspector-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:20px;overflow-y:auto}.inspector-body h2{margin-bottom:22px}.inspector-collapsed{grid-template-columns:minmax(0,1fr) 0}.studio-footer{border-top:1px solid var(--subtle-border-color);grid-row:3;gap:16px}.viewport-tools{flex-shrink:0;gap:5px;display:flex}.viewport-tools button{padding:5px 9px;font-size:11px}.studio-status{min-width:0;color:var(--muted-label-color);flex:1;align-items:center;gap:14px;font-size:10px;display:flex}.studio-status>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-status [role=status]{flex:1}.source-label{flex-shrink:0}.attribution{max-width:220px}a.attribution{color:inherit}.studio-group,.inspector-body fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.studio-group+.studio-group{border-top:1px solid #ffffff12;padding-top:18px}legend{color:#d5dbd0;margin-bottom:16px;padding:0;font-size:11px;font-weight:600}label{color:#c9cdc7;font-size:12px}.field-row,.select-row,.toggle-row{justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin:0 0 16px;display:flex}.field-row>span{flex:1}select,input[type=number],input[type=text]{border:1px solid var(--subtle-border-color);color:#e2e6de;background:#ffffff06;border-radius:6px;min-width:0;max-width:100%;padding:8px;font-size:12px}select{max-width:62%}input[aria-invalid=true]{border-color:#edaa8b}.number-field{gap:7px;margin-bottom:16px;display:grid}.number-field input{width:100%}.number-field small,[role=alert]{color:#edb294;font-size:11px;line-height:1.5}input[type=text]{width:100%;margin-top:12px;display:block}input[type=color]{border:1px solid var(--subtle-border-color);background:0 0;border-radius:6px;width:34px;height:27px;padding:2px}input[type=checkbox]{appearance:none;background:#ffffff1a;border-radius:12px;flex-shrink:0;width:29px;height:17px;margin:0;position:relative}input[type=checkbox]:after{content:"";background:#b5bdb0;border-radius:50%;width:11px;height:11px;position:absolute;top:3px;left:3px}input[type=checkbox]:checked{background:#bacaa488}input[type=checkbox]:checked:after{background:#edf2e5;left:15px}input:disabled{opacity:.4;cursor:default}.control-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.range-control{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:20px;font-size:12px;display:grid}output{color:#b9c5ae;font-variant-numeric:tabular-nums;font-size:11px}input[type=range]{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:16px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#ffffff29;border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--range-thumb-color);border-radius:50%;width:11px;height:11px;margin-top:-4.5px}input[type=range]::-moz-range-track{background:#ffffff29;height:2px}input[type=range]::-moz-range-thumb{background:var(--range-thumb-color);border:0;border-radius:50%;width:11px;height:11px}.primary-button{color:#20261f;background:#d6dfcb;padding:9px 14px;font-weight:500}.primary-button:hover{background:#e3ebd9}.button-group{flex-wrap:wrap;gap:8px;display:flex}.text-button{color:#cbd4c1}.actions{align-items:center;gap:8px;display:flex}.export-hint{color:var(--muted-label-color);overflow-wrap:anywhere;margin:12px 0 16px;font-size:11px;line-height:1.6}.presets{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px;display:grid}.presets button{min-width:0;font-size:10px}.frame-choices{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px;display:grid}.frame-choices button{flex-direction:column;justify-content:flex-start;min-width:0;padding:6px 3px;font-size:9px;line-height:1.2;display:flex}.edge-choices,.finish-choices{grid-template-columns:repeat(6,1fr)}.frame-thumbnail{width:100%;height:22px;margin-bottom:7px;display:block}.preset-swatch{border:1px solid;border-radius:4px;height:22px;margin-bottom:7px;display:block}.studio-dialog,.studio-popover{border:1px solid var(--subtle-border-color);color:#f1f2ed;background:#202526f5;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 16px 60px #0006}.studio-dialog{width:min(480px,100vw - 24px);max-height:calc(100dvh - 32px)}.studio-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0007}.studio-popover{z-index:5;width:min(340px,100vw - 32px);max-height:calc(100dvh - 116px);margin:0;position:fixed;inset:auto auto 48px 16px}.surface-heading{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.surface-heading button{padding:0 7px;font-size:20px}.surface-body{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 110px);padding:20px;overflow-y:auto}.studio-popover .surface-body{max-height:calc(100dvh - 180px)}.output-preview{background:#151918;border-radius:8px;place-items:center;min-height:80px;display:grid;overflow:hidden}.output-preview img{object-fit:contain;max-width:100%;max-height:200px}.terrain-crop-preview{border:1px solid var(--subtle-border-color);color:#d5dfc8;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;background:#151918;border-radius:8px;width:100%;max-height:240px;margin:12px 0 18px;display:block;overflow:visible}.terrain-crop-preview [data-crop-handle]{cursor:nwse-resize}.terrain-crop-preview .crop-north{fill:#fff;stroke:#202326;stroke-width:2px;paint-order:stroke}.elevation-gradient-preview{border:1px solid var(--subtle-border-color);border-radius:5px;height:30px;margin:16px 0 8px}.elevation-gradient-labels{color:var(--muted-label-color);justify-content:space-between;margin-bottom:18px;font-size:10px;display:flex}.gradient-stop{border-bottom:1px solid #ffffff12;margin-bottom:14px;padding-bottom:14px}.gradient-stop .number-field{grid-template-columns:1fr 80px;align-items:center}@media (width<=767px){.studio-shell{grid-template:48px minmax(0,1fr) 40px/minmax(0,1fr)}.studio-header{gap:10px;padding:0 10px}.studio-brand{display:none}.header-actions{gap:4px}.header-actions button{padding:7px;font-size:10px}.view-switch button{min-width:30px;padding:4px 7px;font-size:10px}.studio-inspector{bottom:calc(40px + env(safe-area-inset-bottom));border:1px solid var(--subtle-border-color);z-index:2;border-radius:14px 14px 0 0;max-height:62dvh;position:fixed;left:0;right:0}.inspector-sections button{min-height:36px;font-size:12px}.studio-footer{gap:6px;padding:0 8px}.studio-github,.attribution,.source-label{display:none}.studio-shell{padding-bottom:env(safe-area-inset-bottom)}.studio-popover{left:8px;bottom:calc(48px + env(safe-area-inset-bottom));z-index:5}.studio-status{justify-content:flex-end}.studio-status [role=status]{text-align:right}}@media (forced-colors:active){button,input,select{border:1px solid buttontext}input[type=checkbox]{appearance:auto}input[type=checkbox]:after{display:none}input[type=range]{appearance:auto}button[aria-pressed=true]{outline:2px solid highlight}}