:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#2d323e;--toolbar-bg:#3e4554;--panel-border:1px solid #ffffff1f;--panel-shadow:0 4px 18px #00000059;--popover-bg:#3e4552;--text:#fff;--text-disabled:#fff9;--input-border:#ffffff1a;--input-invalid:#ff453a;--radius:10px}*{box-sizing:border-box}html,body{background:var(--app-bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input[type=text],input[type=number]{font:inherit;color:var(--text);border:1px solid var(--input-border);background:#000;border-radius:4px;outline:none;min-width:0;padding:8px}input.invalid{border-color:var(--input-invalid)}.fatal-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;padding:2rem;display:flex}.screen{position:absolute;inset:0;overflow:hidden}.gallery{background:var(--app-bg);flex-direction:column;height:100%;display:flex}.gallery-topbar{align-items:center;gap:16px;padding:16px;display:flex}.gallery-logo{width:auto;height:52px;display:block}.gallery-scroll{flex-direction:column;flex:1;display:flex;overflow-y:auto}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:16px;padding:0 16px 16px;display:grid}.gallery-card{background:var(--toolbar-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);flex-direction:column;display:flex;overflow:hidden}.gallery-card-thumb{aspect-ratio:4/3;width:100%;padding:2px 2px 0;display:block}.gallery-card-thumb img,.gallery-card-thumb .thumb-placeholder{object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;background:var(--app-bg);width:100%;height:100%;display:block}.gallery-card-footer{color:#fff;justify-content:space-between;align-items:center;padding:10px 8px 12px 16px;display:flex}.gallery-card-footer .icon-button{opacity:.8;padding:4px}.editor{position:absolute;inset:0}.editor canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{pointer-events:none;display:flex;position:absolute}.overlay>*{pointer-events:auto}.overlay.top-right{top:16px;right:16px}.right-rail{pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:16px;bottom:16px;right:16px}.right-rail>*{pointer-events:none}.right-rail .tool-set,.right-rail button{pointer-events:auto}.right-rail-center{flex:1;align-items:center;min-height:0;display:flex}.overlay.top-center{top:16px;left:50%;transform:translate(-50%)}.overlay.left-top{top:16px;left:16px}.overlay.left-center{top:50%;left:16px;transform:translateY(-50%)}.overlay.bottom-right{bottom:16px;right:16px}.tool-set{background:var(--toolbar-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);display:flex;overflow:hidden}.tool-set.vertical{flex-direction:column}.tool-button{color:#fff;background:0 0;justify-content:center;align-items:center;width:52px;height:52px;transition:background .12s;display:flex}.tool-button:hover:not(:disabled){background:#ffffff14}.tool-button.selected{background:#ffffff24}.tool-button:disabled{opacity:.4;cursor:default}.tool-set.vertical>.tool-button:first-child{border-radius:var(--radius) var(--radius) 0 0}.tool-set.vertical>.tool-button:last-child{border-radius:0 0 var(--radius) var(--radius)}.tool-set.horizontal>.tool-button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.tool-set.horizontal>.tool-button:last-child{border-radius:0 var(--radius) var(--radius) 0}.tool-set>.tool-button.no-curve{border-radius:0}.tool-button svg{pointer-events:none}.tool-button .swatch{border:1px solid #fff6;border-radius:6px;width:24px;height:24px}.pop-hidden{opacity:0;visibility:hidden;transition:scale .3s cubic-bezier(.2,1.7,.5,1),opacity .2s,visibility 0s linear .2s;scale:0;pointer-events:none!important}.pop-animated{transition:scale .3s cubic-bezier(.2,1.7,.5,1),opacity .2s,visibility linear}.sidebar-panel{background:var(--toolbar-bg);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:12px}.palette-grid{border-radius:var(--radius);background:#000;grid-template-columns:repeat(6,32px);max-height:60vh;display:grid;overflow:hidden auto}.palette-swatch{width:32px;height:32px;position:relative}.palette-swatch .dot{border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.palette-buttons{gap:2px;padding-top:6px;display:flex}.palette-buttons .icon-button{color:#fff;padding:5px}.voxel-info{flex-direction:column;gap:8px;width:144px;font-size:13px;display:flex}.voxel-info .row{justify-content:space-between;display:flex}.camera-angles{flex-direction:column;gap:10px;max-height:70vh;display:flex;overflow-y:auto}.camera-angle-item{color:#fff;flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.camera-angle-item img,.camera-angle-item .thumb-placeholder{aspect-ratio:4/3;border-radius:var(--radius);background:var(--app-bg);object-fit:cover;width:120px;display:block}.popover-backdrop{z-index:50;position:fixed;inset:0}.popover{z-index:51;-webkit-backdrop-filter:blur(30px)saturate(1.8);border:var(--panel-border);background:#3e4554f0;border-radius:12px;max-width:min(92vw,480px);max-height:84vh;padding:16px;position:fixed;overflow-y:auto;box-shadow:0 12px 44px #00000080}.popover .form{flex-direction:column;gap:14px;min-width:280px;display:flex}.form-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.form-row>.multi-switch{margin-left:auto}.form-label{color:var(--text);text-align:left;flex:1}.form-label.disabled{color:var(--text-disabled)}.section-header{margin-top:6px;font-weight:700}.size-editor{gap:16px;display:flex}.size-editor .field{flex-direction:column;flex:1;gap:2px;display:flex}.size-editor input{width:96px}.mac-button{color:#fff;background:#00000038;border:2px solid #fff;border-radius:4px;flex:1;padding:8px 24px}.mac-button:active{background:#000}.mac-button:disabled{border-color:var(--text-disabled);color:var(--text-disabled);cursor:default}.mac-button.danger{background:#b3271e;border-color:#ff453a}.button-row{gap:12px;display:flex}.multi-switch{border-radius:var(--radius);border:1px solid #fff;grid-auto-columns:1fr;grid-auto-flow:column;width:max-content;max-width:100%;height:32px;display:grid;overflow:hidden}.multi-switch.disabled{border-color:var(--text-disabled)}.multi-switch button{white-space:nowrap;color:#fff;border-right:1px solid #fff;min-width:0;padding:0 16px;font-size:13px;transition:background .175s ease-out,color .175s ease-out}.multi-switch button:last-child{border-right:none}.multi-switch button.selected{color:#000;background:#fff}.multi-switch.disabled button{color:var(--text-disabled);border-color:var(--text-disabled);cursor:default}.menu{z-index:60;background:var(--toolbar-bg);border:var(--panel-border);border-radius:var(--radius);min-width:200px;position:fixed;overflow:hidden;box-shadow:0 12px 44px #00000080}.menu button{text-align:left;color:#fff;width:100%;padding:10px 16px;display:block}.menu button:hover{background:#ffffff1a}.menu button.danger{color:#ff6b62}.palette-manager-list{border-radius:var(--radius);background:#000;flex-direction:column;gap:4px;min-width:320px;max-height:50vh;padding:6px;display:flex;overflow-y:auto}.palette-manager-row{cursor:pointer;color:#fff;border-radius:6px;padding:6px}.palette-manager-row.selected{color:#000;background:#fff}.palette-manager-row .strip{border-radius:2px;height:14px;margin-top:2px;display:flex;overflow:hidden}.palette-manager-row .strip div{flex:1}.color-picker{flex-direction:column;gap:12px;display:flex}.color-picker canvas{touch-action:none;border-radius:4px;display:block}.color-picker .rgb-row{align-items:center;gap:8px;display:flex}.color-picker .rgb-row input{width:64px}.annhex{border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(115deg,#2ecc711a,#2ecc7105 55%),#303432;border:1px solid #2ecc7159;border-left:4px solid #2ecc71;grid-area:2/1/auto/-1;align-items:flex-start;gap:22px;margin:0;padding:22px;display:flex;box-shadow:0 6px 24px #00000040}.annhex .art{background:#0a0f0c;border:1px solid #2ecc7159;border-radius:6px;flex:none;width:96px;height:96px;overflow:hidden}.annhex .art img{object-fit:cover;width:100%;height:100%;display:block}.annhex .kicker{letter-spacing:.18em;text-transform:uppercase;color:#2ecc71d9;font-size:10px}.annhex .name{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.annhex .name b{letter-spacing:.01em;font-size:clamp(18px,2.2vw,23px);font-weight:700}.annhex .chip{letter-spacing:.16em;text-transform:uppercase;color:#2ecc71;border:1px solid #2ecc7173;padding:4px 8px;font-size:10px}.annhex .pitch{color:#ffffffbf;max-width:56ch;margin:10px 0 0;font-size:clamp(13px,1.4vw,15px);font-weight:500;line-height:1.55}.annhex .actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.annhex .go{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.6em;padding:12px 20px;font-size:12px;font-weight:600;text-decoration:none;transition:background .16s,color .16s,box-shadow .16s,border-color .16s;display:inline-flex}.annhex .go.play{color:#000;background:#2ecc71}.annhex .go.play:before{content:"▶";font-size:9px}.annhex .go.play:hover{background:#fff;box-shadow:0 0 26px #2ecc7166}.annhex .go.steam{color:#fff;background:0 0;border:1px solid #ffffff4d}.annhex .go.steam:hover{color:#2ecc71;border-color:#2ecc71}@media (width<=740px){.annhex{flex-direction:column;gap:18px;padding:18px}.annhex .art{width:100%;height:150px}.annhex .actions{width:100%}.annhex .go{flex:auto;justify-content:center;padding:12px 10px}}.popover .form.help-panel{gap:8px;min-width:340px;max-width:420px}.help-panel .section-header:not(:first-of-type){margin-top:8px}.help-panel h2{text-align:center;margin:0;font-size:18px}.help-panel .section-header{color:#ffffffe6;border-bottom:1px solid #ffffff1f;padding-bottom:4px}.help-row{align-items:baseline;gap:16px;display:flex}.help-input{color:#fff;flex:0 0 45%;font-size:13px;font-weight:600}.help-action{color:#ffffffbf;font-size:13px}.credits-line{color:#ffffffbf;white-space:nowrap;margin-left:auto;font-size:13px}.credits-line a{color:#8ab8ff;text-decoration:none}.credits-line a:hover{text-decoration:underline}.checkerboard{background-image:linear-gradient(45deg,#e0e0e0 25%,#0000 25% 75%,#e0e0e0 75%),linear-gradient(45deg,#e0e0e0 25%,#fff 25% 75%,#e0e0e0 75%);background-position:0 0,15px 15px;background-size:30px 30px}