:root{color:#f1eee8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#151619;--panel-strong:#1d1f23;--surface:#23252a;--surface-hover:#2a2d33;--ink:#f3f0ea;--muted:#a7a9ad;--muted-soft:#7e8288;--line:#ffffff17;--line-strong:#ffffff29;--accent:#8fbd85;--accent-strong:#b2d8a5;--accent-soft:#8fbd8529;--copper:#c8a16f;--focus:#b2d8a5;--field:#111215;background:#111214;font-family:Segoe UI Variable,Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}#app{min-height:100vh}.shell{grid-template-columns:minmax(292px,330px) 1fr;height:100vh;min-height:100vh;display:grid;overflow:hidden}.controls{background:var(--panel);border-right:1px solid var(--line);scrollbar-color:#3b3f46 var(--panel);flex-direction:column;gap:9px;min-height:0;padding:12px;display:flex;overflow-y:auto}.brand{justify-content:center;align-items:center;min-height:34px;display:flex}.brand h1{color:var(--ink);letter-spacing:.01em;margin:0;font-family:Georgia,Cambria,Times New Roman,serif;font-size:1.5rem;font-weight:700;line-height:1}.editor-tabs{border:1px solid var(--line);background:#101113;border-radius:7px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.editor-tab-button{min-height:32px;color:var(--muted);background:0 0;border-radius:5px;font-size:.79rem;font-weight:700}.editor-tab-button:hover{color:var(--ink);background:var(--surface)}.editor-tab-button.active{color:#101216;background:var(--accent)}.editor-tab-panel{gap:12px;display:none}.editor-tab-panel.active{display:grid}.app-footer{text-align:center;border-top:1px solid #ffffff14;justify-items:center;gap:7px;margin-top:auto;padding-top:8px;display:grid}.app-footer p{color:var(--muted-soft);margin:0;font-size:.66rem;line-height:1.35}.app-footer .copyright{color:#a8abb0;font-size:.68rem;font-weight:650}.footer-credits-button{color:#b6b9bd;background:0 0;border:1px solid #0000;border-radius:999px;min-height:26px;padding:0 10px;font-size:.7rem;font-weight:700}.footer-credits-button:hover,.footer-credits-button.active{color:var(--ink);border-color:var(--line);background:var(--surface)}.kofi-link{color:#ffe2e2;background:#e079791f;border:1px solid #e079796b;border-radius:5px;align-items:center;min-height:28px;padding:0 12px;font-size:.72rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.kofi-link:hover,.kofi-link:focus-visible{color:#171012;background:#e79696;text-decoration:none}.kofi-float{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111214db;border:1px solid #e0797947;border-radius:7px;align-items:center;gap:4px;padding:4px;display:inline-flex;position:absolute;bottom:18px;right:18px;box-shadow:0 8px 24px #00000029}.kofi-dismiss{color:#c7b9b9;background:0 0;border-radius:50%;place-items:center;width:19px;height:19px;padding:0;font-size:.9rem;line-height:1;display:grid}.kofi-dismiss:hover,.kofi-dismiss:focus-visible{color:#fff;background:#ffffff1f}.kofi-sad{color:#e8c6c6;text-align:center;min-width:108px;padding:5px 7px;font-size:.76rem}.kofi-float.dismissed .kofi-link,.kofi-float.dismissed .kofi-dismiss{display:none}.kofi-float.dismissed{background:#111214b8;border-color:#0000}.status{min-height:0;color:var(--muted);text-align:right;white-space:nowrap;font-size:.72rem;line-height:1.35}.status:empty{display:none}.status.warn,.preview-generation-state.warn{color:#e5b076}.control-section,.control-grid,.section-body,.tuning-controls{gap:8px;display:grid}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title,.preset-category,label span{color:#d8d9db;letter-spacing:0;font-size:.7rem;font-weight:650}label{gap:4px;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:34px;color:var(--ink);background:var(--field);border-radius:4px;outline:none;padding:7px 9px;transition:border-color .12s,box-shadow .12s,background .12s}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}textarea{resize:vertical;min-height:124px;font-family:Cascadia Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem}input[type=range]{background:0 0;border:0;border-radius:0;height:18px;min-height:18px;padding:0}input[type=range]::-webkit-slider-runnable-track{background:#353941;border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #f1eee8;border-radius:50%;width:13px;height:13px;margin-top:-4.5px}input[type=range]::-moz-range-track{background:#353941;border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid #f1eee8;border-radius:50%;width:10px;height:10px}input:focus,select:focus,textarea:focus,button:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px #8fbd852e}.sidebar-section{background:var(--panel-strong);border:1px solid #0000;border-radius:6px;transition:border-color .12s,background .12s;overflow:hidden}.sidebar-section:hover{border-color:var(--line-strong);background:#202226}.sidebar-section summary{color:#f0f0f1;letter-spacing:0;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;min-height:38px;padding:0 12px;font-size:.82rem;font-weight:750;list-style:none;display:flex}.sidebar-section summary::-webkit-details-marker{display:none}.sidebar-section summary:after{content:"›";color:var(--muted);font-size:1.1rem;line-height:1;transition:transform .12s}.sidebar-section summary:hover{background:var(--surface-hover)}.sidebar-section[open] summary{border-bottom:1px solid var(--line);background:var(--surface)}.sidebar-section[open] summary:after{transform:rotate(90deg)}.sidebar-section>.section-body,.sidebar-section>.control-grid,.sidebar-section>.control-section{padding:10px 12px 12px}.sidebar-section>.section-body+.section-body{padding-top:0}.preset-picker{background:var(--field);min-height:34px}.preset-picker option{padding:6px 7px}.preset-picker option:checked{color:#fff;background:var(--accent)}.preset-description{color:var(--muted);margin:0;font-size:.78rem;line-height:1.35}.credits-panel{gap:14px}.credits-group{gap:8px;display:grid}.credits-group h2{color:#edf3ea;letter-spacing:0;margin:0;font-size:.86rem}.credits-list{gap:8px;margin:0;display:grid}.credits-item{border:1px solid var(--line);background:var(--surface);border-radius:6px;gap:3px;padding:9px;display:grid}.credits-item dt{color:var(--ink);font-size:.82rem;font-weight:800}.credits-item a{color:#dcefd8;text-decoration:none}.credits-item a:hover,.credits-item a:focus-visible{color:#fff;text-decoration:underline}.credits-item dd{color:var(--muted);margin:0;font-size:.78rem;line-height:1.35}.credits-item dd strong{color:#d8e2d3}.credits-note{border:1px solid var(--line);background:#c8a16f14;border-radius:6px;gap:7px;padding:10px;display:grid}.credits-note p{color:#c9d4c4;margin:0;font-size:.78rem;line-height:1.38}.preset-meta-grid{color:var(--muted);grid-template-columns:minmax(72px,auto) minmax(0,1fr);gap:5px 9px;font-size:.72rem;line-height:1.3;display:grid}.preset-meta-grid strong{color:#e5e6e8;overflow-wrap:anywhere;font-weight:700}.section-placeholder{color:var(--muted);margin:0;font-size:.76rem;line-height:1.4}.tuning-control{border-radius:4px;gap:5px;padding:2px 0;transition:background .12s}.tuning-control:hover{background:#ffffff07}.tuning-control span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tuning-control output{color:var(--accent-strong);font-size:.7rem;font-weight:800}.tuning-control small{display:none}.slider-pair{grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:7px;display:grid}.tuning-number{min-height:30px;padding:5px 7px}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.secondary-action,.view-button,.primary-action{letter-spacing:0;border-radius:5px;min-height:34px;font-weight:700}.primary-action{color:#111216;background:linear-gradient(180deg, var(--accent-strong), var(--accent));margin-top:0;box-shadow:0 12px 24px #54804c38}.primary-action:hover{filter:brightness(1.06)}.primary-action.updating{opacity:.82}.secondary-action{color:#d3d5d8;border:1px solid var(--line);background:#1a1c20;min-height:32px;font-size:.76rem}.secondary-action:hover,.view-button:hover{color:var(--ink);border-color:var(--line-strong);background:var(--surface-hover)}.advanced-preset-metadata{gap:8px;display:grid}.advanced-debug-title{color:#d8d9db;font-size:.74rem;font-weight:800}.palette-summary,.export-dimensions{color:var(--muted);overflow-wrap:anywhere;font-size:.82rem;line-height:1.4}.stage{background:#dfe4dd;grid-template-rows:auto 1fr;height:100vh;min-height:0;display:grid}.preview-toolbar{background:#181a1e;border-bottom:1px solid #2a2d33;justify-content:space-between;align-items:center;gap:14px;min-height:46px;padding:8px 12px;display:flex}.camera-tools{flex-wrap:wrap;gap:6px;display:flex}.view-button{color:#d7d9dc;border:1px solid var(--line);white-space:nowrap;background:#202226;min-height:30px;padding:6px 10px;font-size:.78rem}.view-button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.voxel-stats{color:var(--muted);text-align:right;font-size:.78rem;line-height:1.35}.voxel-stats.warn{color:#c8a16f;font-weight:700}.preview-toolbar-right{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.preview-settings{color:#d7d9dc;font-size:.76rem;position:relative}.preview-settings summary{color:#d7d9dc;border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#202226;border-radius:4px;padding:6px 8px;list-style:none}.preview-settings summary::-webkit-details-marker{display:none}.preview-settings summary:after{content:" +";color:var(--muted)}.preview-settings[open] summary:after{content:" −"}.preview-settings>label{z-index:10;border:1px solid var(--line);background:#202226;border-radius:5px;gap:5px;min-width:148px;padding:9px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 24px #0000003d}.preview-settings select{color:#d7d9dc;border:1px solid var(--line);background:#181a1e;border-radius:4px;width:100%;min-height:29px;padding:5px 7px;font-size:.76rem}.export-status{color:var(--muted);min-height:1.2rem;font-size:.78rem;line-height:1.35}.export-status.warn{color:#9f3d2e;font-weight:700}.checkbox-row{color:#d8d9db;cursor:pointer;border-radius:4px;align-items:center;gap:.55rem;min-height:30px;font-size:.78rem;font-weight:650;transition:background .12s;display:flex}.checkbox-row:hover{background:#ffffff07}.checkbox-row input{appearance:none;background:var(--field);border:1px solid #d5e7cd3d;border-radius:4px;flex:none;place-items:center;width:16px;height:16px;margin:0;transition:background .14s,border-color .14s,box-shadow .14s;display:grid}.checkbox-row input:after{content:"";opacity:0;border-bottom:2px solid #111216;border-left:2px solid #111216;width:8px;height:5px;transform:translateY(-1px)rotate(-45deg)}.checkbox-row input:checked{border-color:var(--accent-strong);background:var(--accent-strong)}.checkbox-row input:checked:after{opacity:1}.checkbox-row input:focus-visible{box-shadow:0 0 0 3px #85c7ff2e}.switch-row{color:#d8d9db;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;min-height:30px;font-size:.76rem;font-weight:650;transition:background .12s;display:flex}.switch-row:hover{background:#ffffff07}.switch-row input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.switch-track{border:1px solid var(--line-strong);background:var(--field);border-radius:999px;flex:none;width:34px;height:18px;transition:background .14s,border-color .14s,box-shadow .14s;position:relative}.switch-track:after{content:"";background:#aeb1b7;border-radius:50%;width:12px;height:12px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px}.switch-row input:checked+.switch-track{border-color:var(--accent-strong);background:var(--accent)}.switch-row input:checked+.switch-track:after{background:#111216;transform:translate(16px)}.switch-row input:focus-visible+.switch-track{box-shadow:0 0 0 3px #85c7ff2e}.preview-surface{min-height:0;position:relative}.preview-layer{width:100%;height:100%;display:none}.preview-layer.active{display:block}.voxel-preview canvas{width:100%;height:100%;display:block}@media (width<=820px){.shell{grid-template-rows:auto minmax(420px,1fr);grid-template-columns:1fr;height:auto;overflow:visible}.controls{border-right:0;border-bottom:1px solid var(--line)}.primary-action{margin-top:0}.stage,.preview-surface{min-height:420px}.stage{height:58vh}.preview-toolbar{flex-direction:column;align-items:flex-start}.preview-toolbar-right{justify-content:space-between;width:100%}.voxel-stats{text-align:left}}@media (width<=480px){.controls{padding:18px}.control-grid{grid-template-columns:1fr}}