:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecefe7;background:#11130f;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #ecefe7;--muted: #8d9486;--subtle: #5e6559;--line: #2b2f28;--panel: #171a15;--panel-2: #1d201a;--lime: #b5f43b;--lime-deep: #8ec91f}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.app-shell{display:flex;flex-direction:column;height:100%;background:#11130f}.topbar{height:66px;flex:0 0 66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:#11130ff5;z-index:5}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #42483b;border-radius:9px;color:var(--lime);background:linear-gradient(145deg,#24291f,#171a15);box-shadow:inset 0 1px #ffffff0a}.brand-name{font-size:14px;font-weight:850;letter-spacing:.16em}.brand-subtitle{margin-top:3px;color:#6d7467;font-size:9px;font-weight:700;letter-spacing:.2em}.topbar-center{display:flex;align-items:center;gap:8px;color:#8d9585;font-size:10px;font-weight:750;letter-spacing:.13em}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #b5f43ba6}.privacy-copy{margin-left:4px;color:#555c50;letter-spacing:0;font-weight:500}.header-button{justify-self:end;display:flex;align-items:center;gap:8px;height:35px;padding:0 13px;border:1px solid #3b4037;border-radius:7px;background:#1d201a;font-size:12px;font-weight:700;cursor:pointer}.header-button:hover{border-color:#666e5d;background:#252920}.header-button:disabled{opacity:.45;cursor:not-allowed}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:0;flex:1}.stage{position:relative;min-width:0;overflow:hidden;background:#181b16}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.25;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:4px 4px}.stage canvas{position:relative;z-index:0}.viewport-loading{display:flex;height:100%;align-items:center;justify-content:center;gap:9px;color:#7d8576;font-size:10px}.stage.is-dragging{outline:2px solid var(--lime);outline-offset:-2px}.stage-toolbar{position:absolute;top:16px;left:16px;right:16px;z-index:2;display:flex;justify-content:space-between;pointer-events:none}.stage-toolbar>*{pointer-events:auto}.segmented-control{display:flex;padding:3px;border:1px solid #353a31;border-radius:8px;background:#151813db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.segmented-control button{display:flex;align-items:center;gap:7px;height:29px;padding:0 11px;border:0;border-radius:5px;background:transparent;color:#747b6e;font-size:11px;font-weight:700;cursor:pointer}.segmented-control button.active{color:#f0f3e9;background:#33382e;box-shadow:0 1px 3px #0000004d}.segmented-control button:disabled{opacity:.35;cursor:default}.icon-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid #353a31;border-radius:8px;background:#151813db;color:#777f71;cursor:pointer}.icon-toggle.active{color:var(--lime);border-color:#53633a}.editor-toolbar{position:absolute;top:16px;left:50%;z-index:4;display:flex;gap:5px;padding:3px;transform:translate(-50%);border:1px solid #3a4035;border-radius:9px;background:#141712e6;box-shadow:0 9px 24px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.editor-tool-group,.editor-history-group{display:flex;gap:2px}.editor-history-group{padding-left:5px;border-left:1px solid #363b32}.editor-toolbar button{display:flex;min-width:34px;height:31px;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#788071;font-size:9px;font-weight:750;cursor:pointer}.editor-toolbar button span{display:none}.editor-toolbar button:hover:not(:disabled){color:#e5e9df;background:#2a2f26}.editor-toolbar button.active{color:#18200c;background:var(--lime)}.editor-toolbar button.active.danger{color:#fff;background:#d75550}.editor-toolbar button.active.blue{color:#10191f;background:#75c9ff}.editor-toolbar button:disabled{opacity:.25;cursor:not-allowed}.view-hint{position:absolute;z-index:2;left:50%;bottom:17px;transform:translate(-50%);color:#656d60;font-size:9px;font-weight:700;letter-spacing:.11em;white-space:nowrap}.processing-card{position:absolute;z-index:3;left:50%;bottom:48px;width:min(470px,calc(100% - 40px));transform:translate(-50%);padding:14px 16px;border:1px solid #424a37;border-radius:9px;background:#181c15f0;box-shadow:0 16px 42px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.processing-head{display:flex;align-items:center;gap:9px;color:#dce2d4;font-size:11px;font-weight:650}.processing-head svg{color:var(--lime)}.processing-head strong{margin-left:auto;color:var(--lime);font-size:11px}.processing-cancel{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #555f4b;border-radius:5px;background:transparent;color:#cdd4c5;font:inherit;cursor:pointer}.processing-cancel:hover{border-color:#d97772;color:#ffd4d1;background:#d755501f}.processing-head .processing-cancel svg{color:currentColor}.progress-track{height:3px;margin-top:12px;overflow:hidden;border-radius:3px;background:#30352b}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--lime);transition:width .2s ease}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{position:relative;z-index:1;width:min(640px,calc(100% - 40px));height:100%;min-height:540px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-visual{position:relative;display:grid;place-items:center;width:114px;height:95px;margin-bottom:23px;color:#a9b29d}.empty-visual:before{content:"";position:absolute;top:-25px;right:-25px;bottom:-25px;left:-25px;border-radius:50%;background:radial-gradient(circle,rgba(181,244,59,.11),transparent 66%)}.voxel-cluster{position:absolute;width:14px;height:14px;border:1px solid rgba(181,244,59,.55);background:#b5f43b14;transform:rotate(30deg) skew(-5deg)}.voxel-cluster-one{left:5px;top:12px}.voxel-cluster-two{right:8px;top:28px;width:10px;height:10px}.voxel-cluster-three{left:21px;bottom:2px;width:9px;height:9px}.eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:14px;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.17em}.empty-state h1{margin:0;color:#f2f4ed;font-size:clamp(34px,4.2vw,57px);line-height:.98;letter-spacing:-.045em;font-weight:760}.empty-state h1 em{color:var(--lime);font-family:Georgia,serif;font-weight:500}.empty-state>p{width:min(530px,100%);margin:20px 0 26px;color:#8a9184;font-size:14px;line-height:1.65}.primary{border:1px solid #c8ff5e;border-radius:7px;background:var(--lime);color:#15190e;font-weight:800;cursor:pointer;box-shadow:0 7px 22px #8cca1c21}.primary:hover:not(:disabled){background:#c3fb53;transform:translateY(-1px)}.primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.primary.large{display:flex;align-items:center;gap:9px;height:46px;padding:0 20px}.drop-copy{margin-top:12px;color:#62695d;font-size:11px}.feature-row{display:flex;gap:24px;margin-top:36px;padding-top:19px;border-top:1px solid #2c3029;color:#777f71;font-size:10px}.feature-row span{display:flex;align-items:center;gap:5px}.feature-row svg{color:var(--lime)}.drop-overlay{position:absolute;z-index:10;top:12px;right:12px;bottom:12px;left:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px dashed var(--lime);border-radius:12px;background:#13170feb;color:var(--lime);font-size:18px}.inspector{display:flex;min-height:0;flex-direction:column;border-left:1px solid var(--line);background:var(--panel)}.inspector-scroll{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#393e34 transparent}.panel-section{padding:21px 20px;border-bottom:1px solid var(--line)}.section-label{margin-bottom:11px;color:#697064;font-size:9px;font-weight:800;letter-spacing:.16em}.file-card{display:grid;grid-template-columns:37px minmax(0,1fr) 28px;align-items:center;gap:10px}.file-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #3a4035;border-radius:7px;color:var(--lime);background:#21251d}.file-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.file-copy strong{overflow:hidden;color:#dfe3d9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.file-copy span{color:#686f63;font-size:9px}.file-card>button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:5px;background:transparent;color:#676f62;cursor:pointer}.file-card>button:hover{background:#252a21;color:#cdd3c5}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:15px}.mini-stats span{padding:8px 3px;border:1px solid #2d322a;border-radius:5px;color:#697064;text-align:center;font-size:8px}.mini-stats strong{color:#aab1a2}.compact-upload{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #444b3d;border-radius:7px;background:#1c2019;color:#9fa796;font-size:11px;cursor:pointer}.compact-upload:hover{border-color:var(--lime);color:var(--lime)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title>div{display:flex;align-items:center;gap:8px;color:#b9c0b1;font-size:10px;font-weight:800;letter-spacing:.12em}.section-title svg{color:var(--lime)}.section-title>span{padding:3px 5px;border:1px solid #40502b;border-radius:3px;color:var(--lime);font-size:7px;font-weight:800;letter-spacing:.1em}.control-label{display:flex;align-items:center;justify-content:space-between;color:#aeb5a6;font-size:11px;font-weight:650}.control-label output{min-width:73px;padding:6px 8px;border:1px solid #343a30;border-radius:5px;color:#e4e8de;background:#12140f;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.control-label output small{color:#6a7165;font-family:inherit}.range{--fill: 39%;width:100%;height:18px;margin:13px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.range::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--lime) 0 39%,#33382f 39%)}.palette-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#9cba59 0,#9cba59 16%,#33382f 16%)}.range::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #141711;border-radius:50%;background:var(--lime);box-shadow:0 0 0 1px #a8dd42}.range:disabled{opacity:.4;cursor:not-allowed}.range-scale{display:flex;justify-content:space-between;color:#565d52;font-size:8px}.range-scale span:nth-child(2){color:#767e70}.control-help{margin:9px 0 20px;color:#5f665b;font-size:9px;line-height:1.45}.palette-label{margin-top:3px}.fill-label{margin-top:22px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.choice-grid button{position:relative;display:flex;align-items:center;gap:9px;min-height:52px;padding:8px 10px;border:1px solid #343a30;border-radius:6px;background:#1b1f18;color:#6e7668;text-align:left;cursor:pointer}.choice-grid button.active{border-color:#768f42;background:#b5f43b0e;color:var(--lime)}.choice-grid button:disabled{opacity:.5;cursor:not-allowed}.choice-grid button span{display:flex;flex-direction:column;gap:3px}.choice-grid button strong{color:#b7beb0;font-size:10px}.choice-grid button small{color:#62695d;font-size:8px}.choice-check{position:absolute;top:5px;right:5px}.advanced-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:16px;padding:11px 0 0;border:0;border-top:1px solid #2b3028;background:transparent;color:#777e72;font-size:10px;cursor:pointer}.advanced-toggle svg{transition:transform .2s}.advanced-toggle svg.rotated{transform:rotate(180deg)}.advanced-control{padding-top:16px}.advanced-select-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#aab1a3;font-size:10px}.advanced-select-label select{width:116px;padding:7px;border:1px solid #3a4035;border-radius:5px;background:#1b1f19;color:#d8ddd2;font-size:10px}.editor-section{background:#181b15}.editor-instruction{margin:-4px 0 17px;padding:10px 11px;border:1px solid #30362b;border-radius:6px;background:#141712;color:#747c6e;font-size:9px;line-height:1.45}.editor-subsection{display:flex;flex-direction:column;gap:9px;margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid #2c3129}.editor-subsection .range{margin-top:2px}.compact-actions,.transform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.transform-grid{grid-template-columns:repeat(6,1fr)}.compact-actions button,.transform-grid button{height:31px;border:1px solid #363c31;border-radius:5px;background:#1b1f18;color:#929a8a;font-size:9px;font-weight:750;cursor:pointer}.compact-actions button:hover:not(:disabled),.transform-grid button:hover:not(:disabled){border-color:#799643;color:var(--lime)}.compact-actions button:disabled,.transform-grid button:disabled,.axis-selector button:disabled{opacity:.35;cursor:not-allowed}.palette-actions{margin-top:9px}.axis-selector button{display:flex;align-items:center;justify-content:center;gap:5px}.slice-controls{margin-top:17px;margin-bottom:0;padding-bottom:0;border-bottom:0}.slice-toggle{display:flex;align-items:center;gap:8px;color:#aeb5a6;font-size:10px;font-weight:700;cursor:pointer}.slice-toggle input{accent-color:var(--lime)}.editor-color-label{margin-bottom:10px}.editor-color-label output{min-width:80px}.palette-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;max-height:108px;padding:3px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a5144 transparent}.palette-grid button{position:relative;aspect-ratio:1;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:3px;cursor:pointer;box-shadow:inset 0 0 0 1px #0000002e}.palette-grid button:hover{z-index:1;transform:scale(1.18);box-shadow:0 2px 8px #00000073}.palette-grid button.selected{outline:2px solid var(--lime);outline-offset:1px}.custom-color-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:14px;padding:9px;border:1px solid #343a30;border-radius:6px;background:#1c2019;cursor:pointer}.custom-color-chip{position:relative;display:block;width:34px;height:34px;overflow:hidden;border:2px solid #4b5245;border-radius:6px}.custom-color-chip input{position:absolute;width:54px;height:54px;left:-10px;top:-10px;opacity:0;cursor:pointer}.custom-color-row>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.custom-color-row strong{color:#c5ccbd;font-size:10px}.custom-color-row small{color:#646b5f;font-size:8px}.custom-hex-input{width:72px;height:28px;padding:0 7px;border:1px solid #3b4136;border-radius:4px;outline:0;background:#12140f;color:#aab2a1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-transform:uppercase}.custom-hex-input:focus{border-color:#84a647;box-shadow:0 0 0 2px #b5f43b14}.mirror-controls{display:flex;flex-direction:column}.mirror-preview-note{display:flex;align-items:center;gap:10px;margin:-4px 0 18px;padding:11px;border:1px solid #566a35;border-radius:7px;color:var(--lime);background:#b5f43b0e}.mirror-preview-note>span{display:flex;flex-direction:column;gap:4px}.mirror-preview-note strong{font-size:10px}.mirror-preview-note small{color:#7d8a6c;font-size:8px}.axis-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.axis-selector button{height:33px;border:1px solid #363c31;border-radius:5px;background:#1b1f18;color:#757d6f;font-size:10px;font-weight:800;cursor:pointer}.axis-selector button.active{border-color:#799643;color:var(--lime);background:#b5f43b12}.mirror-direction-label{margin-top:18px}.direction-selector{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.direction-selector button{display:flex;height:39px;align-items:center;justify-content:center;gap:7px;border:1px solid #363c31;border-radius:5px;background:#1b1f18;color:#6e7668;font-size:8px;cursor:pointer}.direction-selector button strong{color:#9da694;font-size:12px}.direction-selector button.active{border-color:#799643;color:var(--lime);background:#b5f43b12}.mirror-plane-label{margin-top:18px}.mirror-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#33382f 0 49%,var(--lime) 49% 51%,#33382f 51%)}.mirror-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:7px;margin-top:4px}.mirror-actions button{display:flex;height:37px;align-items:center;justify-content:center;gap:7px;border-radius:6px;font-size:9px;font-weight:800;cursor:pointer}.mirror-actions .secondary-action{border:1px solid #3b4137;background:#20241d;color:#929a8b}.mirror-actions .primary{border-color:#c8ff5e;color:#15190e}.result-section{background:#151812}.result-grid{display:grid;gap:8px}.result-grid>div{display:flex;justify-content:space-between;color:#646b60;font-size:9px}.result-grid strong{color:#bec5b7;font-size:10px}.palette-strip{display:flex;height:24px;margin-top:15px;overflow:hidden;border:1px solid #343a30;border-radius:4px}.palette-strip span{min-width:5px;flex:1}.inspector-footer{padding:16px 20px 18px;border-top:1px solid var(--line);background:#141712;box-shadow:0 -12px 28px #0c0e0a59}.error-message{display:flex;align-items:flex-start;gap:7px;margin-bottom:10px;padding:9px;border:1px solid #69403a;border-radius:6px;background:#2a1d19;color:#e5a196;font-size:9px;line-height:1.4}.error-message svg{flex:0 0 auto}.error-message span{flex:1}.error-message button{border:0;background:transparent;color:currentColor;cursor:pointer}.convert-button{display:flex;width:100%;height:41px;align-items:center;justify-content:center;gap:8px;font-size:11px}.export-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.export-row button{display:flex;height:35px;align-items:center;justify-content:center;gap:7px;border:1px solid #3c4238;border-radius:6px;background:#20241d;color:#aab1a3;font-size:9px;font-weight:750;cursor:pointer}.export-row button:hover:not(:disabled){border-color:#68745a;color:#ecf0e7}.export-row button:disabled{opacity:.3;cursor:not-allowed}.format-note{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:10px;color:#555c50;font-size:8px}@media(max-width:820px){body{overflow:auto}.app-shell{min-height:100%;height:auto}.topbar{grid-template-columns:1fr auto}.topbar-center{display:none}.workspace{grid-template-columns:1fr}.stage{height:62vh;min-height:480px}.inspector{border-top:1px solid var(--line);border-left:0}.inspector-scroll{overflow:visible}.empty-state{min-height:480px}.editor-toolbar{top:auto;bottom:42px}}@media(max-width:500px){.topbar{padding:0 12px}.brand-subtitle{display:none}.header-button{width:36px;padding:0;justify-content:center;font-size:0}.empty-state h1{font-size:37px}.feature-row{gap:9px;flex-wrap:wrap;justify-content:center}.editor-toolbar{max-width:calc(100% - 24px)}.editor-toolbar{overflow-x:auto;scrollbar-width:none}.editor-toolbar button{padding:0 6px}}