:root{--dashboard-sidebar-surface:#18181bf5;--dashboard-sidebar-surface-strong:#27272ae6;--dashboard-sidebar-surface-muted:#27272a7a;--dashboard-sidebar-border:#3f3f46ad;--dashboard-sidebar-border-strong:#52525bbd;--dashboard-sidebar-text:#f4f4f5;--dashboard-sidebar-text-muted:#a1a1aa;--dashboard-sidebar-text-soft:#d4d4d8;--dashboard-sidebar-success:#34d399;--dashboard-sidebar-success-soft:#10b98124;--dashboard-sidebar-rose:#fda4af;--dashboard-sidebar-rose-soft:#f43f5e1f}#create-account-sidebar.app-dashboard-sidebar-root{padding:0}#create-account-sidebar .app-dashboard-sidebar,#create-account-sidebar .app-dashboard-sidebar *{box-sizing:border-box}#create-account-sidebar .app-dashboard-sidebar :where(a,div,nav,p,span){font-size:inherit;line-height:inherit;margin:0;padding:0}#create-account-sidebar .app-dashboard-sidebar a{color:inherit;font-size:inherit}#create-account-sidebar .app-dashboard-sidebar{height:100%;min-height:100%;color:var(--dashboard-sidebar-text);grid-template-rows:auto minmax(0,1fr) auto auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.35;display:grid}#create-account-sidebar .app-dashboard-sidebar-top,#create-account-sidebar .app-dashboard-sidebar-footer{padding:12px}#create-account-sidebar .app-dashboard-sidebar-top{padding:8px 8px 6px}#create-account-sidebar .app-dashboard-sidebar-top-card{border:1px solid var(--dashboard-sidebar-border);background:linear-gradient(#27272ab8,#18181be0);border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:60px;padding:10px;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 18px 38px #0000003d}#create-account-sidebar .app-dashboard-sidebar-top-card:hover,#create-account-sidebar .app-dashboard-sidebar-top-card:focus-visible{border-color:var(--dashboard-sidebar-border-strong);background:linear-gradient(#27272adb,#18181bf0);outline:none;box-shadow:0 22px 44px #00000047}#create-account-sidebar .app-dashboard-sidebar-top-header,#create-account-sidebar .app-dashboard-sidebar-top-content,#create-account-sidebar .app-dashboard-sidebar-profile-row{align-items:center;display:flex}#create-account-sidebar .app-dashboard-sidebar-top-header{justify-content:center;gap:10px;width:100%;margin-bottom:0}#create-account-sidebar .app-dashboard-sidebar-top-content{justify-content:space-between;align-items:flex-end;gap:12px}#create-account-sidebar .app-dashboard-sidebar-brand-mark{background:0 0;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}#create-account-sidebar .app-dashboard-sidebar-brand-mark img{object-fit:contain;width:34px;height:34px;display:block;filter:none!important}#create-account-sidebar .app-dashboard-sidebar-top-badge{background:var(--dashboard-sidebar-rose-soft);color:var(--dashboard-sidebar-rose);letter-spacing:.01em;border:1px solid #f43f5e47;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:10.5px;font-weight:600;display:inline-flex}#create-account-sidebar .app-dashboard-sidebar-top-badge-icon,#create-account-sidebar .app-dashboard-sidebar-nav-icon,#create-account-sidebar .app-dashboard-sidebar-profile-action-icon{flex:0 0 16px;width:16px;height:16px;display:block}#create-account-sidebar .app-dashboard-sidebar-state{color:#0000;background:linear-gradient(90deg,#86efac 0%,#34d399 100%);-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:600;line-height:1.2}#create-account-sidebar .app-dashboard-sidebar-plan{color:#6ee7b7eb;align-items:center;gap:6px;margin-top:4px;font-size:10.5px;display:inline-flex}#create-account-sidebar .app-dashboard-sidebar-free-downloads{letter-spacing:.01em;color:#f4f4f5d6;margin-top:6px;font-size:10.5px;font-weight:600}#create-account-sidebar .app-dashboard-sidebar-plan-dot{background:#34d399e0;border-radius:999px;flex:0 0 4px;width:4px;height:4px;box-shadow:0 0 0 4px #10b9811f}#create-account-sidebar .app-dashboard-sidebar-credit-block{text-align:right;min-width:52px}#create-account-sidebar .app-dashboard-sidebar-credits{color:var(--dashboard-sidebar-text-soft);font-size:13px;font-weight:600;line-height:1.1}#create-account-sidebar .app-dashboard-sidebar-credit-label{color:var(--dashboard-sidebar-text-muted);margin-top:4px;font-size:10.5px}#create-account-sidebar .app-dashboard-sidebar-nav{z-index:auto;overscroll-behavior:contain;background:0 0;border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:stretch;width:auto;height:auto;min-height:0;padding:0 8px 24px;display:flex;position:static;overflow:hidden auto}#create-account-sidebar .app-dashboard-sidebar-nav :where(a,span){height:auto;padding:0}#create-account-sidebar .app-dashboard-sidebar-nav-link{width:100%;max-width:52px;color:var(--dashboard-sidebar-text-muted);background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:0;margin:6px auto;padding:10px;text-decoration:none;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,padding .16s,gap .16s,justify-content .16s;display:flex}#create-account-sidebar .app-dashboard-sidebar-nav-link:hover,#create-account-sidebar .app-dashboard-sidebar-nav-link:focus-visible{color:var(--dashboard-sidebar-text-soft);background:#27272a6b;border-color:#52525b85;outline:none;box-shadow:inset 0 1px #ffffff05}#create-account-sidebar .app-dashboard-sidebar-nav-link.is-active,#create-account-sidebar .app-dashboard-sidebar-nav-link[aria-current=page]{color:#fff;background:#27272a9e;border-color:#52525bb8;box-shadow:inset 0 1px #ffffff0a}#create-account-sidebar .app-dashboard-sidebar-nav-icon-wrap{color:currentColor;justify-content:center;align-items:center;display:inline-flex}#create-account-sidebar .app-dashboard-sidebar-link-label{min-width:0;font-size:12px;font-weight:500;line-height:1.25}#create-account-sidebar .app-dashboard-sidebar-footer{padding-top:0}#create-account-sidebar .app-dashboard-sidebar-profile-row{background:#18181bb8;border-top:1px solid #3f3f466b;justify-content:center;gap:0;padding:16px 14px 18px}#create-account-sidebar .app-dashboard-sidebar-profile-avatar-link{width:32px;height:32px;color:inherit;flex:0 0 32px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}#create-account-sidebar .app-dashboard-sidebar-profile-avatar-wrap{border-radius:999px;width:32px;height:32px;display:inline-flex;overflow:hidden}#create-account-sidebar .app-dashboard-sidebar-profile-avatar{object-fit:fill;width:100%;height:100%;display:block}#create-account-sidebar .app-dashboard-sidebar-avatar-status{border:2px solid var(--dashboard-sidebar-surface);background:var(--dashboard-sidebar-success);border-radius:999px;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}#create-account-sidebar[data-sidebar-auth=guest] .app-dashboard-sidebar-avatar-status{background:#71717a}#create-account-sidebar .app-dashboard-sidebar-profile-copy{min-width:0;color:inherit;flex:auto;text-decoration:none}#create-account-sidebar .app-dashboard-sidebar-profile-name,#create-account-sidebar .app-dashboard-sidebar-profile-email{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}#create-account-sidebar .app-dashboard-sidebar-profile-name{color:var(--dashboard-sidebar-text-soft);font-size:12px;font-weight:500}#create-account-sidebar .app-dashboard-sidebar-profile-email{color:var(--dashboard-sidebar-text-muted);margin-top:2px;font-size:10.5px}#create-account-sidebar .app-dashboard-sidebar-profile-actions{align-items:center;gap:6px;display:inline-flex;overflow:hidden}#create-account-sidebar .app-dashboard-sidebar-meta-links{flex-wrap:wrap;gap:8px 12px;margin-top:8px;padding:0 14px 16px 58px;display:none}#create-account-sidebar .app-dashboard-sidebar-meta-link{color:var(--dashboard-sidebar-text-muted);font-size:10.5px;font-weight:500;line-height:1.3;text-decoration:none;transition:color .16s}#create-account-sidebar .app-dashboard-sidebar-meta-link:hover,#create-account-sidebar .app-dashboard-sidebar-meta-link:focus-visible,#create-account-sidebar .app-dashboard-sidebar-meta-link.is-active,#create-account-sidebar .app-dashboard-sidebar-meta-link[aria-current=page]{color:var(--dashboard-sidebar-text-soft);outline:none}#create-account-sidebar .app-dashboard-sidebar-top-badge,#create-account-sidebar .app-dashboard-sidebar-top-content,#create-account-sidebar .app-dashboard-sidebar-link-label,#create-account-sidebar .app-dashboard-sidebar-profile-copy,#create-account-sidebar .app-dashboard-sidebar-profile-actions{display:none}#create-account-sidebar .app-dashboard-sidebar-profile-action{width:32px;height:32px;color:var(--dashboard-sidebar-text-muted);border:1px solid #0000;border-radius:10px;flex:0 0 32px;justify-content:center;align-items:center;text-decoration:none;transition:color .16s,background .16s,border-color .16s;display:inline-flex}#create-account-sidebar .app-dashboard-sidebar-profile-action:hover,#create-account-sidebar .app-dashboard-sidebar-profile-action:focus-visible{color:var(--dashboard-sidebar-text-soft);background:#27272a8f;border-color:#52525b85;outline:none}#create-account-sidebar:hover .app-dashboard-sidebar-nav-link,#create-account-sidebar:focus-within .app-dashboard-sidebar-nav-link{justify-content:flex-start;gap:10px;max-width:none;margin:6px 0;padding:10px 12px}#create-account-sidebar:hover .app-dashboard-sidebar-profile-row,#create-account-sidebar:focus-within .app-dashboard-sidebar-profile-row{justify-content:flex-start;gap:12px}#create-account-sidebar:hover .app-dashboard-sidebar-top-header,#create-account-sidebar:focus-within .app-dashboard-sidebar-top-header{justify-content:space-between;margin-bottom:14px}#create-account-sidebar:hover .app-dashboard-sidebar-top,#create-account-sidebar:focus-within .app-dashboard-sidebar-top{padding:12px 12px 8px}#create-account-sidebar:hover .app-dashboard-sidebar-brand-mark,#create-account-sidebar:focus-within .app-dashboard-sidebar-brand-mark{flex-basis:40px;width:40px;height:40px}#create-account-sidebar:hover .app-dashboard-sidebar-brand-mark img,#create-account-sidebar:focus-within .app-dashboard-sidebar-brand-mark img{width:28px;height:28px}#create-account-sidebar:hover .app-dashboard-sidebar-top-badge,#create-account-sidebar:focus-within .app-dashboard-sidebar-top-badge{display:inline-flex}#create-account-sidebar:hover .app-dashboard-sidebar-top-content,#create-account-sidebar:focus-within .app-dashboard-sidebar-top-content{display:flex}#create-account-sidebar:hover .app-dashboard-sidebar-link-label,#create-account-sidebar:focus-within .app-dashboard-sidebar-link-label{flex:auto;display:block}#create-account-sidebar:hover .app-dashboard-sidebar-top-card,#create-account-sidebar:focus-within .app-dashboard-sidebar-top-card{min-height:72px;padding:16px;display:block}#create-account-sidebar:hover .app-dashboard-sidebar-profile-copy,#create-account-sidebar:focus-within .app-dashboard-sidebar-profile-copy{flex:auto;display:block}#create-account-sidebar:hover .app-dashboard-sidebar-profile-actions,#create-account-sidebar:focus-within .app-dashboard-sidebar-profile-actions{display:inline-flex}#create-account-sidebar:hover .app-dashboard-sidebar-meta-links,#create-account-sidebar:focus-within .app-dashboard-sidebar-meta-links{display:flex}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tool-bg:#0c1015;--tool-panel:#111821f0;--tool-panel-border:#768ca62e;--tool-card:#1a2330db;--tool-card-strong:#1e2838f5;--tool-text:#edf4ff;--tool-muted:#93a7be;--tool-accent:#ff8a3d;--tool-accent-alt:#31c1d3;--tool-accent-soft:#ff8a3d2e;--tool-shadow:0 24px 80px #0000006b;--tool-radius:22px;--tool-font:"Trebuchet MS", "Avenir Next", sans-serif;--tool-mono:"Consolas", "Courier New", monospace;--menu-left-panel-width:84px;--menu-left-panel-expanded-width:280px;--menu-left-panel-gap:18px;--menu-left-panel-effective-width:calc(var(--menu-left-panel-width) + var(--menu-left-panel-gap));--menu-left-panel-expanded-effective-width:calc(var(--menu-left-panel-expanded-width) + var(--menu-left-panel-gap))}*{box-sizing:border-box}html,body{min-height:100%;color:var(--tool-text);font-family:var(--tool-font);background:radial-gradient(circle at 0 0,#31c1d32e,#0000 32%),radial-gradient(circle at 100% 0,#ff8a3d24,#0000 36%),linear-gradient(#091018 0%,#0c1015 100%);margin:0}body{min-height:100vh}body.sprite-tool-page{height:100dvh;overflow:hidden}#create-account-sidebar{width:var(--menu-left-panel-width);z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#18181bf7,#09090bfa);border:none;border-right:1px solid #3f3f46b3;border-radius:0;padding:0;transition:width .18s,box-shadow .18s,background .18s;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:18px 0 48px #00000057}#create-account-sidebar:hover,#create-account-sidebar:focus-within{width:var(--menu-left-panel-expanded-width)}.create-account-sidebar-shell{flex-direction:column;align-items:stretch;gap:12px;height:100%;display:flex}.create-account-sidebar-brand{color:#f4f4f5;background:linear-gradient(#27272aeb,#18181beb);border:1px solid #52525b8f;border-radius:16px;justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:60px;padding:0 14px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.menu-sidebar-brand-mark{letter-spacing:.16em;font-size:.82rem;font-weight:800}.create-account-sidebar-brand .app-sidebar-brand-logo{object-fit:contain;flex:0 0 34px;width:34px;height:34px;display:block}.create-account-sidebar-nav{flex-direction:column;align-items:stretch;gap:6px;padding-right:2px;display:flex;overflow:hidden auto}.create-account-sidebar-spacer{flex:1}.create-account-sidebar-link{color:#a1a1aa;background:#27272a6b;border:1px solid #0000;border-radius:14px;justify-content:center;align-self:stretch;align-items:center;gap:0;width:100%;min-height:48px;padding:0 12px;text-decoration:none;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s,color .14s,padding .16s,justify-content .16s,gap .16s;display:flex;overflow:hidden}.create-account-sidebar-link:hover,.create-account-sidebar-link:focus-visible{color:#f4f4f5;background:#27272ac7;border-color:#52525bb8;outline:none;transform:translateY(-1px);box-shadow:0 12px 28px #0000003d}.create-account-sidebar-link.is-active,.create-account-sidebar-link[aria-current=page]{color:#fff;background:linear-gradient(#3f3f46c7,#27272af0);border-color:#71717ad6;box-shadow:inset 0 1px #ffffff0a}.create-account-sidebar-link-icon{text-align:center;flex:0 0 24px;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-size:1.05rem;line-height:1;display:inline-flex}.create-account-sidebar-link-label{color:inherit;letter-spacing:.01em;text-transform:none;white-space:nowrap;opacity:0;max-width:0;font-size:.88rem;font-weight:500;transition:max-width .18s,opacity .14s,transform .18s;overflow:hidden;transform:translate(-6px)}#create-account-sidebar:hover .create-account-sidebar-link,#create-account-sidebar:focus-within .create-account-sidebar-link{justify-content:flex-start;gap:12px;min-height:50px;padding-left:14px;padding-right:14px}#create-account-sidebar:hover .create-account-sidebar-link-label,#create-account-sidebar:focus-within .create-account-sidebar-link-label{opacity:1;max-width:190px;transform:translate(0)}.sprite-tool-shell{height:100dvh;min-height:100dvh;padding:18px 18px 18px calc(18px + var(--menu-left-panel-effective-width));grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(280px,340px);gap:18px;transition:padding-left .18s;display:grid}#create-account-sidebar:hover~.sprite-tool-shell,#create-account-sidebar:focus-within~.sprite-tool-shell{padding-left:calc(18px + var(--menu-left-panel-expanded-effective-width))}.tool-panel,.tool-main{min-height:calc(100dvh - 36px);max-height:calc(100dvh - 36px)}.tool-panel{background:var(--tool-panel);border:1px solid var(--tool-panel-border);border-radius:calc(var(--tool-radius) + 2px);box-shadow:var(--tool-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:20px;overflow:auto}.tool-panel-left{flex-direction:column;display:flex}.tool-main{flex-direction:column;gap:14px;display:flex}.panel-block{background:var(--tool-card);border-radius:var(--tool-radius);border:1px solid #8297b01f;padding:18px}.panel-block+.panel-block{margin-top:14px}.tool-panel-left .panel-summary-block{margin-top:auto}.workflow-card[hidden],.stage-view-strip[hidden],.workflow-step-button[hidden],.tab-button[hidden]{display:none!important}.panel-brand-block{background:linear-gradient(135deg, #ff8a3d1f, #31c1d31a), var(--tool-card-strong)}.brand-link{color:var(--tool-text);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-kicker,.tutorial-kicker,.summary-kicker,.empty-state-kicker{color:var(--tool-accent-alt);text-transform:uppercase;letter-spacing:.16em;margin:16px 0 8px;font-size:.72rem;font-weight:700}.workflow-card-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.workflow-card-title-row .summary-kicker{margin:0}.panel-brand-block h1,.empty-state-card h2{margin:0;font-size:clamp(1.8rem,2vw,2.4rem);line-height:1.05}.panel-copy,.tutorial-note,.status-text,.empty-state-card p,.metadata-preview,.panel-block p,.summary-grid dd,.summary-grid dt,.upload-subtitle,.upload-title{color:var(--tool-muted)}.status-text{min-height:2.75rem;margin:12px 0 0;font-size:.94rem}.workflow-nav-block{gap:14px;display:grid}.workflow-step-list{gap:10px;display:grid}.workflow-step-button{text-align:left;background:#111821b8;border:1px solid #8297b029;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;width:100%;padding:14px;display:grid}.workflow-step-button.is-active{background:linear-gradient(135deg,#31c1d32e,#ff8a3d1a);border-color:#31c1d36b}.workflow-step-index{width:30px;height:30px;color:var(--tool-text);background:#ff8a3d24;border-radius:999px;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:inline-flex}.workflow-step-button.is-active .workflow-step-index{background:#31c1d333}.workflow-step-body{gap:4px;min-width:0;display:grid}.workflow-step-title{color:var(--tool-text);font-size:.95rem;font-weight:800}.workflow-step-copy{color:var(--tool-muted);font-size:.82rem;line-height:1.45}.workflow-card-note,.workflow-stage-description,.stage-view-description{color:var(--tool-muted);margin:12px 0 0;font-size:.9rem;line-height:1.55}.workflow-stage-header,.stage-view-strip{gap:16px;display:grid}.workflow-stage-header{grid-template-columns:minmax(0,1fr) auto;align-items:center}.workflow-stage-copy,.stage-view-strip-copy{min-width:0}.workflow-stage-header h2{margin:0;font-size:clamp(1.4rem,1.8vw,2rem);line-height:1.1}.workflow-stage-actions{align-items:center;gap:10px;display:inline-flex}.upload-zone{border-radius:calc(var(--tool-radius) - 4px);cursor:pointer;background:linear-gradient(#ff8a3d14,#31c1d308);border:1px dashed #ff8a3d6b;align-items:center;gap:14px;width:100%;padding:18px;transition:transform .16s,border-color .16s,background .16s;display:flex}.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.is-drag-over{background:linear-gradient(#31c1d31f,#ff8a3d0f);border-color:#31c1d394;outline:none;transform:translateY(-1px)}.upload-zone.upload-zone-secondary{background:linear-gradient(#31c1d31a,#ff8a3d0a);border-color:#31c1d36b}.upload-zone.is-disabled,.upload-zone.is-disabled:hover,.upload-zone.is-disabled:focus-visible{cursor:not-allowed;opacity:.58;background:#11182185;border-color:#8297b02e;transform:none}.upload-icon{letter-spacing:.06em;width:56px;height:56px;color:var(--tool-text);background:#ff8a3d29;border-radius:18px;flex:none;place-items:center;font-weight:800;display:grid}.accessory-upload-icon{background:#31c1d329}.upload-title{color:var(--tool-text);margin:0;font-size:1rem;font-weight:700}.upload-subtitle{margin:6px 0 0;font-size:.9rem;line-height:1.45}.button-row,.button-column{gap:10px;display:flex}.compact-row,.accessory-info-grid,.accessory-scale-grid{margin-top:12px}.accessory-template-panel{background:#1118218a;border:1px solid #31c1d32e;border-radius:16px;margin-top:14px;padding:12px 14px}.accessory-template-row{flex-wrap:wrap;margin-top:10px}.accessory-template-button{flex:130px}.preview-stage-camera-toolbar{flex-direction:column;align-items:stretch;min-width:320px}.preview-stage-camera-header{gap:6px;display:grid}.preview-stage-camera-header .field-label-row{justify-content:space-between;width:100%}.preview-stage-camera-note{color:var(--tool-muted);margin:0;font-size:.78rem;line-height:1.45}.preview-stage-camera-grid{width:100%}.preview-stage-camera-grid .field-group{min-width:0}.preview-stage-camera-toolbar .preview-stage-action-button{width:100%;min-width:0}.accessory-list-shell{margin-top:14px}.accessory-list-header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.accessory-list-label{color:var(--tool-text);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.accessory-list-hint{color:var(--tool-muted);font-size:.74rem}.accessory-list{gap:8px;margin-top:10px;display:grid}.accessory-list-empty{color:var(--tool-muted);background:#1118218a;border:1px dashed #8297b02e;border-radius:14px;margin:0;padding:12px 14px;font-size:.84rem;line-height:1.5}.accessory-list-item{text-align:left;background:#111821cc;border:1px solid #8297b029;border-radius:14px;gap:4px;width:100%;padding:12px 14px;display:grid}.accessory-list-item.is-active{background:linear-gradient(135deg,#31c1d32e,#ff8a3d14);border-color:#31c1d36b}.accessory-list-item-name{color:var(--tool-text);font-size:.92rem;font-weight:700}.accessory-list-item-meta{color:var(--tool-muted);font-size:.8rem;line-height:1.4}.accessory-info-card{background:#1118219e;border:1px solid #8297b024;border-radius:16px;gap:10px;margin-top:12px;padding:14px;display:grid}.accessory-info-title{margin:0}.accessory-info-copy{color:var(--tool-muted);margin:0;font-size:.86rem;line-height:1.55}.accessory-status-text{min-height:1.55rem}.button-column{flex-direction:column}.anchor-settings-block{gap:14px;display:grid}.anchor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.anchor-grid-button{min-width:0;min-height:40px;color:var(--tool-muted);letter-spacing:.08em;text-transform:uppercase;background:#111821cc;border:1px solid #8297b029;border-radius:12px;padding:0;font-size:.7rem;font-weight:800}.anchor-grid-button.is-active{color:var(--tool-text);background:linear-gradient(135deg,#31c1d333,#ff8a3d1f);border-color:#31c1d36b}.anchor-grid-caption{color:var(--tool-muted);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 0;font-size:.82rem;font-weight:700}.anchor-padding-grid{margin-top:-2px}.anchor-setting-note{color:var(--tool-muted);margin:0;font-size:.86rem;line-height:1.55}button,select,input,output{font:inherit}button,select,input{color:var(--tool-text);background:#121a25eb;border:1px solid #8297b029;border-radius:14px}button{cursor:pointer;transition:transform .14s,border-color .14s,background .14s}button:disabled{cursor:not-allowed;opacity:.56}button:hover,button:focus-visible,select:focus-visible,input:focus-visible{border-color:#31c1d373;outline:none;transform:translateY(-1px)}.primary-button,.ghost-button,.toggle-chip,.tab-button{min-height:44px;padding:0 14px}.primary-button{color:#1a120c;background:linear-gradient(135deg,#ff8a3deb,#e15b19eb);border-color:#ff8a3d66;font-weight:800}.ghost-button,.toggle-chip,.tab-button{color:var(--tool-text);background:#111821cc}.toggle-chip,.tab-button{flex:auto}.toggle-chip.is-active,.tab-button.is-active{background:linear-gradient(135deg,#31c1d333,#ff8a3d1f);border-color:#31c1d36b}.tab-button:disabled,.tab-button:disabled:hover,.tab-button:disabled:focus-visible{background:#11182185;border-color:#8297b01f;transform:none}.tab-strip{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;display:grid}.stage-panel{border-radius:calc(var(--tool-radius) + 4px);border:1px solid var(--tool-panel-border);min-height:0;box-shadow:var(--tool-shadow);background:radial-gradient(circle at top,#31c1d314,#0000 32%),linear-gradient(#0f161fe6,#0a0f16fa);flex:auto;display:none;position:relative;overflow:hidden}.stage-panel.is-active{display:block}.preview-stage-actions{z-index:26;flex-direction:column;align-items:flex-end;gap:10px;display:inline-flex;position:absolute;top:20px;right:20px}.preview-stage-action{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:238px;box-shadow:0 18px 36px #0000003d}.preview-stage-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1118eb;border:1px solid #8297b029;border-radius:18px;align-items:flex-end;gap:10px;padding:10px;display:inline-flex;box-shadow:0 18px 36px #0000003d}.preview-stage-toolbar[hidden]{display:none!important}.preview-stage-accessory-toolbar{z-index:26;max-width:calc(100% - 40px);position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.preview-stage-field{gap:6px;min-width:0;display:grid}.preview-stage-binding-field{min-width:240px}.preview-stage-mode-row{min-width:0;margin:0}.preview-stage-mode-row .toggle-chip{min-width:0}.preview-stage-field-label{color:var(--tool-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.preview-stage-select{min-width:220px;min-height:44px;padding:0 12px}.preview-stage-binding-output{min-height:44px;color:var(--tool-text);background:#111821c7;border:1px solid #8297b029;border-radius:14px;align-items:center;padding:0 12px;font-size:.9rem;font-weight:600;display:flex}.preview-stage-action-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:154px;box-shadow:0 18px 36px #0000003d}.render-host,.single-sprite-shell,.sheet-preview-shell,.playback-shell,.test-drive-shell{width:100%;height:100%;min-height:0}.single-sprite-shell{grid-template-rows:auto minmax(0,1fr);gap:18px;padding:24px;display:grid}.single-sprite-header{border-radius:calc(var(--tool-radius) + 2px);background:#111821d1;border:1px solid #8297b01f;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;display:flex}.single-sprite-header h2{margin:0;font-size:clamp(1.4rem,1.8vw,2rem);line-height:1.05}.single-sprite-actions{align-items:center;gap:10px;display:inline-flex}.single-sprite-copy{max-width:640px;margin:10px 0 0;line-height:1.55}.single-sprite-frame{border-radius:calc(var(--tool-radius) + 2px);background:radial-gradient(circle at 0 0,#31c1d314,#0000 40%),linear-gradient(#0d121afa,#0a0f16f0);border:1px solid #8297b01f;place-items:center;min-height:0;padding:24px;display:grid}.render-host canvas{width:100%;height:100%;display:block}.empty-state-overlay{background:linear-gradient(#080c122e,#080c12b8);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.empty-state-overlay.is-hidden{display:none}.empty-state-card{border-radius:calc(var(--tool-radius) + 4px);width:min(880px,100%);box-shadow:var(--tool-shadow);background:#0b1119f0;border:1px solid #8297b029;padding:22px}.empty-state-video{aspect-ratio:16/9;border-radius:calc(var(--tool-radius) - 4px);border:1px solid #8297b024;margin-top:18px;overflow:hidden}.empty-state-upload-zone{margin-top:18px}.empty-state-video iframe,.empty-state-video video{border:0;width:100%;height:100%}.empty-state-video video{object-fit:contain;background:#000;display:block}.sheet-preview-shell,.playback-shell{padding:24px}.test-drive-shell{padding:24px;position:relative}.sheet-preview-shell{place-items:center;display:grid}#sprite-single-canvas,#sprite-sheet-canvas,#sprite-playback-canvas{max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background-color:#0000;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:18px;box-shadow:inset 0 0 0 1px #8297b029}#sprite-test-drive-canvas{border-radius:calc(var(--tool-radius) + 2px);width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:linear-gradient(#0d121afa,#0a0f16f0);border:1px solid #8297b01f;display:block;box-shadow:inset 0 0 0 1px #8297b014}.test-drive-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1118e6;border:1px solid #8297b029;position:absolute;box-shadow:0 18px 36px #0000003d}.test-drive-overlay-top{border-radius:20px;width:min(360px,100% - 80px);padding:16px 18px;top:40px;left:40px}.test-drive-overlay-top h2{margin:4px 0 0;font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.1}.test-drive-copy{color:var(--tool-muted);margin:10px 0 0;line-height:1.5}.test-drive-overlay-bottom{border-radius:18px;align-items:center;gap:12px;padding:10px;display:inline-flex;bottom:40px;left:50%;transform:translate(-50%)}.test-drive-tip{color:var(--tool-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.playback-shell{grid-template-rows:minmax(0,1fr) auto;gap:18px;display:grid}.playback-preview-shell{min-height:0;position:relative}.playback-preview-viewport{overscroll-behavior:contain;border-radius:calc(var(--tool-radius) + 2px);background:radial-gradient(circle at 0 0,#ff8a3d14,#0000 40%),linear-gradient(#0d121afa,#0a0f16f0);border:1px solid #8297b01f;height:100%;min-height:0;padding:24px 24px 116px;display:block;position:relative;overflow:auto}.playback-preview-canvas-shell{place-items:center;min-width:100%;min-height:100%;display:grid}.playback-zoom-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:14;background:#0b1118e6;border:1px solid #8297b024;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex;position:absolute;bottom:24px;right:24px}.playback-controls-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:13;background:#0b1118eb;border:1px solid #8297b02e;border-radius:18px;align-items:center;gap:12px;padding:10px;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 36px #0000003d}.playback-control-select,.playback-control-button{min-height:54px;color:var(--tool-text);background:#121a25f0;border:1px solid #8297b02e;border-radius:14px;font-size:1rem;font-weight:700}.playback-control-select{min-width:190px;padding:0 16px}.playback-control-button{min-width:132px;padding:0 22px}.playback-zoom-button{width:24px;height:24px;color:var(--tool-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:.95rem;font-weight:700;transition:color .14s,background .14s;display:inline-flex}.playback-zoom-button:hover,.playback-zoom-button:focus-visible{color:var(--tool-text);background:#8297b024;outline:none}.playback-zoom-button:disabled{color:#8297b059;cursor:default}.playback-zoom-label{text-align:center;width:40px;color:var(--tool-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.playback-controls{align-items:end;gap:12px;display:flex}.field-group{flex-direction:column;gap:8px;display:flex}.field-group label{color:var(--tool-text);font-size:.88rem;font-weight:700}.field-label-row{align-items:center;gap:8px;display:inline-flex}.field-label-row label{margin:0}.field-help{z-index:1;width:20px;min-width:20px;height:20px;min-height:20px;color:var(--tool-muted);background:#111821d1;border:1px solid #8297b02e;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.field-help:hover,.field-help:focus-visible{z-index:160}.field-help i{font-size:.78rem;line-height:1}body.has-floating-help-tooltips .field-help:after{display:none}.field-help:after{content:attr(data-tooltip);width:min(240px,100vw - 48px);color:var(--tool-text);text-align:left;white-space:normal;opacity:0;pointer-events:none;z-index:1;background:#0b1118f5;border:1px solid #8297b02e;border-radius:12px;padding:10px 12px;font-size:.78rem;font-weight:600;line-height:1.45;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 18px 36px #0000003d}.field-help:hover:after,.field-help:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.field-help.field-help-align-right:after{left:auto;right:0;transform:translateY(6px)}.field-help.field-help-align-right:hover:after,.field-help.field-help-align-right:focus-visible:after{transform:translateY(0)}.field-help.field-help-align-left:after{left:0;transform:translateY(6px)}.field-help.field-help-align-left:hover:after,.field-help.field-help-align-left:focus-visible:after{transform:translateY(0)}.floating-field-tooltip{width:min(240px,100vw - 32px);color:var(--tool-text);text-align:left;white-space:normal;overflow-wrap:anywhere;opacity:0;pointer-events:none;z-index:280;background:#0b1118f5;border:1px solid #8297b02e;border-radius:12px;padding:10px 12px;font-size:.78rem;font-weight:600;line-height:1.45;transition:opacity .14s,transform .14s;position:fixed;top:0;left:0;transform:translateY(6px);box-shadow:0 18px 36px #0000003d}.floating-field-tooltip.is-visible{opacity:1;transform:translateY(0)}.field-grid{gap:12px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.capture-chip-row{margin:0}.capture-chip-row .toggle-chip{min-width:0}.capture-setting-caption{color:var(--tool-muted);margin:0;font-size:.78rem;line-height:1.45}.field-group select,.field-group input,.compact-field select{width:100%;min-height:44px;padding:0 12px}.field-group output{min-height:44px;color:var(--tool-text);overflow-wrap:anywhere;background:#121a25eb;border:1px solid #8297b029;border-radius:14px;padding:11px 12px}.checkbox-row{color:var(--tool-text);align-items:center;gap:12px;margin-top:14px;display:flex}.checkbox-row input{width:18px;height:18px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin:0;display:grid}.summary-grid>div{min-width:0}.summary-grid dt{text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:.76rem}.summary-grid dd{color:var(--tool-text);overflow-wrap:anywhere;margin:5px 0 0;font-size:.98rem;font-weight:700}.metadata-preview{min-height:280px;font-family:var(--tool-mono);white-space:pre-wrap;background:#0a1018eb;border:1px solid #8297b01f;border-radius:18px;margin:0;padding:16px;font-size:.84rem;line-height:1.45;overflow:auto}.metadata-details{gap:14px;display:grid}.metadata-summary{cursor:pointer;gap:6px;list-style:none;display:grid}.metadata-summary::-webkit-details-marker{display:none}.metadata-summary-kicker{margin:0}.metadata-summary-copy{color:var(--tool-muted);font-size:.84rem;line-height:1.45}.tutorial-link{color:var(--tool-text);font-weight:700;text-decoration:none}.tutorial-link:hover,.brand-link:hover{color:var(--tool-accent)}@media (width<=1280px){.sprite-tool-shell{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"left main""right main"}.tool-panel-left{grid-area:left;min-height:auto}.tool-main{grid-area:main}.tool-panel-right{grid-area:right;min-height:auto}}@media (width<=980px){body.sprite-tool-page{height:auto;min-height:100dvh;overflow:auto}#create-account-sidebar{display:none}.sprite-tool-shell{grid-template-columns:1fr;grid-template-areas:none;height:auto;min-height:auto;padding:12px}.tool-panel,.tool-main{min-height:auto;max-height:none}.tool-main{min-height:60vh}.tab-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-stage-header{grid-template-columns:1fr}.workflow-stage-actions{width:100%}.workflow-stage-actions .primary-button,.workflow-stage-actions .ghost-button{flex:1 1 0}.two-columns{grid-template-columns:1fr}}@media (width<=640px){.sprite-tool-shell{gap:12px}.tool-panel,.panel-block{padding:14px}.single-sprite-header{flex-direction:column}.single-sprite-actions{flex-direction:column;width:100%}.single-sprite-actions .ghost-button{width:100%}.tab-strip,.workflow-step-button{grid-template-columns:1fr}.workflow-step-index{width:28px;height:28px}.workflow-stage-actions{flex-direction:column}.preview-stage-actions{top:16px;left:16px;right:16px}.preview-stage-accessory-toolbar{max-width:none;bottom:16px;left:16px;right:16px;transform:none}.preview-stage-action,.preview-stage-toolbar{width:100%}.preview-stage-toolbar{flex-direction:column;align-items:stretch}.preview-stage-select,.preview-stage-action-button,.preview-stage-action{width:100%;min-width:0}.playback-preview-viewport{padding:16px 16px 114px}.test-drive-shell{padding:16px}.test-drive-overlay-top{width:calc(100% - 48px);top:24px;left:24px}.playback-zoom-controls{bottom:16px;right:16px}.playback-controls-overlay{gap:10px;width:calc(100% - 32px);max-width:360px;padding:8px;bottom:16px}.playback-control-select,.playback-control-button{min-height:50px;font-size:.95rem}.playback-control-select{flex:auto;min-width:0}.playback-control-button{min-width:110px;padding:0 18px}.test-drive-overlay-bottom{gap:10px;width:calc(100% - 32px);max-width:360px;padding:8px;bottom:24px}.test-drive-tip{font-size:.72rem}.button-row{flex-direction:column}}body.voxel-page{height:100dvh;overflow:hidden}.voxel-page .panel-brand-block{background:linear-gradient(135deg,#5cb6ff2e,#59ffc224),linear-gradient(#151e2af5,#10161ff0)}.voxel-page .upload-icon{background:linear-gradient(135deg,#5cb6ff3d,#59ffc22e)}.source-mode-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.source-section.is-hidden{display:none}.conversion-progress{background:#0c121aeb;border:1px solid #8297b024;border-radius:999px;width:100%;height:10px;margin-top:14px;overflow:hidden}.conversion-progress[hidden]{display:none}.conversion-progress.is-indeterminate .conversion-progress-fill{width:35%;animation:1.1s ease-in-out infinite voxel-progress-indeterminate}.conversion-progress-fill{background:linear-gradient(90deg,#5cb6ffe0,#59ffc2eb);width:0;height:100%}@keyframes voxel-progress-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}.voxel-page .field-note,.voxel-page .export-copy,.voxel-page .stage-note{color:var(--tool-muted)}.voxel-local-builds-list{gap:12px;margin-top:14px;display:grid}.voxel-local-builds-dialog{width:min(760px,100vw - 32px);max-width:760px;color:inherit;background:0 0;border:0;padding:0}.voxel-local-builds-dialog::backdrop{-webkit-backdrop-filter:blur(14px)saturate(115%);backdrop-filter:blur(14px)saturate(115%);background:radial-gradient(circle at top,#5cb6ff29,#0000 36%),radial-gradient(circle at 100% 100%,#59ffc21f,#0000 28%),#05090ec2}.voxel-local-builds-dialog-shell{background:linear-gradient(#18222ffa,#0f161ff7),linear-gradient(135deg,#5cb6ff14,#59ffc20d);border:1px solid #8297b02e;border-radius:24px;gap:18px;width:100%;max-height:min(84vh,100dvh - 32px);padding:24px;display:grid;box-shadow:0 30px 90px #0000008c,inset 0 1px #ffffff0a}.voxel-local-builds-dialog-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.voxel-local-builds-dialog-title{color:var(--tool-text);margin:4px 0 0;font-size:1.18rem;line-height:1.25}.voxel-local-builds-dialog-copy{color:var(--tool-muted);margin:10px 0 0;font-size:.9rem;line-height:1.55}.voxel-local-builds-dialog-body{background:linear-gradient(#080d13d1,#0b1118f0);border:1px solid #8297b029;border-radius:18px;min-height:0;max-height:min(58vh,560px);padding:18px;overflow:auto;box-shadow:inset 0 1px #ffffff08}.voxel-local-builds-empty{color:var(--tool-muted);background:#0b111885;border:1px dashed #8297b029;border-radius:16px;margin:0;padding:14px 16px;font-size:.84rem;line-height:1.5}.voxel-local-build-card{background:linear-gradient(#121b25f5,#0b1118f0);border:1px solid #8297b024;border-radius:18px;gap:12px;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 1px #ffffff08,0 14px 28px #0000002e}.voxel-local-build-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.voxel-local-build-card-header h3{color:var(--tool-text);margin:0;font-size:.92rem;line-height:1.3}.voxel-local-build-timestamp{color:var(--tool-muted);text-align:right;white-space:nowrap;font-size:.74rem;line-height:1.4}.voxel-local-build-meta,.voxel-local-build-source{color:var(--tool-muted);margin:0;font-size:.82rem;line-height:1.45}.voxel-local-build-actions{flex-wrap:wrap;gap:10px;display:flex}.voxel-local-build-actions>button{flex:140px}.voxel-page .field-note{margin:12px 0 0;font-size:.9rem;line-height:1.5}.voxel-resolution-warning{color:#ffbf7af5;background:#4622066b;border:1px solid #ffa64d4d;border-radius:12px;grid-column:1/-1;margin-top:2px;padding:10px 12px}.toggle-pair{gap:12px;display:grid}.editor-panel-block{gap:16px;display:grid}.editor-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.editor-panel-title{margin:4px 0 0;font-size:1.02rem;line-height:1.35}.field-group-button-stack{justify-content:end}.field-group-button-stack>.ghost-button{inline-size:100%}.voxel-edge-settings{background:linear-gradient(#121b25f5,#0b1118f0);border:1px solid #8297b024;border-radius:18px;gap:12px;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 1px #ffffff08,0 14px 28px #0000002e}.voxel-edge-settings-header h3{margin:0;font-size:.94rem;line-height:1.2}.voxel-edge-settings-header p{color:var(--tool-muted);margin:6px 0 0;font-size:.82rem;line-height:1.45}.voxel-edge-grid{gap:12px}.voxel-edge-color-input{background:#0c121aeb;border:1px solid #8297b029;border-radius:12px;block-size:44px;inline-size:100%;padding:4px}.voxel-range-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.voxel-range-output{color:#e6f2ffd1;letter-spacing:.04em;text-align:center;background:#090e14e6;border:1px solid #8297b029;border-radius:999px;min-width:4.75em;padding:4px 8px;font-size:.74rem;font-weight:600}.voxel-edge-settings input[type=color]:disabled,.voxel-edge-settings input[type=range]:disabled{opacity:.56;cursor:default}.voxel-color-input{background:#0c121aeb;border:1px solid #8297b029;border-radius:14px;block-size:58px;inline-size:100%;padding:6px}.voxel-tool-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.voxel-tool-strip-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.voxel-tool-button{min-height:84px;color:var(--tool-text);cursor:pointer;background:linear-gradient(#141e28fa,#0b1118f5);border:1px solid #7ad4ff33;border-radius:16px;justify-items:start;gap:8px;padding:14px 16px;transition:border-color .12s,transform .12s,background .12s,box-shadow .12s;display:grid;box-shadow:inset 0 0 0 1px #ffffff08,0 12px 26px #00000038}.voxel-tool-button>span:first-child{letter-spacing:.02em;font-size:.96rem;font-weight:700}.voxel-tool-button:hover{background:linear-gradient(#182430,#0d141cfa);border-color:#7ad4ff75;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #7ad4ff14,0 16px 30px #0000003d}.voxel-tool-button.is-active{background:linear-gradient(#182c3e,#0e1822f5);border-color:#7ad4ffa3;box-shadow:inset 0 0 0 1px #7ad4ff1f,0 18px 34px #00000047}.voxel-tool-button:disabled{opacity:.56;cursor:default;transform:none}.voxel-tool-button-secondary{min-height:72px;padding:12px 14px}.voxel-tool-button-secondary>span:first-child{font-size:.88rem}.voxel-tool-shortcut{color:#e6f2ffd1;letter-spacing:.04em;background:#090e14e6;border:1px solid #8297b029;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.editor-shortcut-grid{gap:10px;margin:0;display:grid}.editor-shortcut-grid p{color:var(--tool-muted);margin:0;font-size:.84rem;line-height:1.45}.editor-shortcut-grid kbd{min-width:2.1em;color:var(--tool-text);background:#0d121af2;border:1px solid #8297b02e;border-radius:8px;justify-content:center;align-items:center;margin-right:6px;padding:2px 6px;font-family:IBM Plex Mono,Fira Code,monospace;font-size:.74rem;display:inline-flex}.voxel-page .tool-main{min-height:calc(100dvh - 36px);overflow:hidden}.voxel-stage{flex:auto;min-height:0;display:flex}.voxel-preview-shell{background:radial-gradient(circle at 0 0,#5cb6ff14,#0000 38%),linear-gradient(#0d121afa,#0a0f16f0);flex:auto;height:100%;min-height:0;padding:24px;display:flex;position:relative}.voxel-render-host{border-radius:calc(var(--tool-radius) + 6px);background:radial-gradient(circle at 20% 18%,#5cb6ff14,#0000 24%),linear-gradient(#0b1118eb,#070c12fa);border:1px solid #8297b024;flex:auto;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #8297b014,0 24px 60px #00000047}.voxel-render-host canvas{display:block;width:100%!important;height:100%!important}.voxel-selection-marquee{pointer-events:none;z-index:4;background:#7ad4ff24;border:1px solid #7ad4ffe0;position:absolute;inset:auto;box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 1px #0000002e}.voxel-pattern-source-hint{z-index:3;color:#ffd6d6fa;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#3a0c10eb;border:1px solid #ff76766b;border-radius:14px;max-width:min(560px,100% - 84px);padding:12px 16px;font-size:.84rem;font-weight:700;line-height:1.4;position:absolute;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 16px 32px #0000003d}.voxel-stage-overlay{pointer-events:none;gap:10px;max-width:min(520px,100% - 84px);display:grid;position:absolute;top:38px;left:38px}.voxel-tool-shortcut-panel{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0b1118d6;border:1px solid #8297b01f;border-radius:18px;gap:12px;width:min(340px,100% - 84px);padding:14px 16px;display:grid;position:absolute;bottom:38px;left:38px;box-shadow:0 18px 40px #00000038}.voxel-tool-shortcut-panel.is-disabled{opacity:.68}.voxel-tool-shortcut-kicker{color:#7ad4ffd1;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.voxel-tool-shortcut-title{color:var(--tool-text);margin:0;font-size:1rem;line-height:1.2}.voxel-tool-shortcut-list{gap:10px;display:grid}.voxel-tool-shortcut-row{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.voxel-tool-shortcut-row p{color:var(--tool-muted);margin:0;font-size:.82rem;line-height:1.45}.voxel-tool-shortcut-row kbd{min-width:3.2em;color:var(--tool-text);white-space:nowrap;background:#0d121af5;border:1px solid #8297b02e;border-radius:10px;justify-content:center;align-items:center;padding:4px 8px;font-family:IBM Plex Mono,Fira Code,monospace;font-size:.72rem;display:inline-flex}.voxel-editor-hud,.voxel-hover-readout{color:var(--tool-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1118d1;border:1px solid #8297b01f;border-radius:14px;padding:12px 14px;line-height:1.45}.voxel-editor-hud{font-size:.84rem}.voxel-hover-readout{color:var(--tool-muted);font-size:.82rem}.voxel-selection-gizmo-bar{pointer-events:auto;z-index:3;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:min(360px,100% - 84px);display:flex;position:absolute;top:38px;right:38px}.voxel-selection-gizmo-break{flex-basis:100%;width:100%;height:0}.voxel-selection-gizmo-button{min-width:92px;color:var(--tool-text);letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0b1118d6;border:1px solid #8297b029;border-radius:999px;padding:12px 16px;font-size:.8rem;font-weight:600;transition:border-color .12s,transform .12s,background .12s,box-shadow .12s}.voxel-selection-gizmo-button:hover{border-color:#7ad4ff61;transform:translateY(-1px)}.voxel-selection-gizmo-button.is-active{background:linear-gradient(#162635f0,#0c141ceb);border-color:#7ad4ff8a;box-shadow:0 12px 30px #00000042}.voxel-selection-gizmo-button.is-deselect{background:linear-gradient(#18344cf0,#0e1c2aeb);border-color:#7ad4ff57}.voxel-selection-gizmo-button.is-deselect:hover{border-color:#7ad4ff85}.voxel-selection-gizmo-button.is-delete{background:linear-gradient(#4e1c1ef5,#2c1012f0);border-color:#ff7d726b}.voxel-selection-gizmo-button.is-delete:hover{border-color:#ff7d72a3}.voxel-selection-gizmo-button:disabled{opacity:.56;cursor:default;transform:none}.stage-note{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1118d1;border:1px solid #8297b01f;border-radius:14px;max-width:min(540px,100% - 48px);padding:12px 16px;line-height:1.45;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.stage-note[hidden]{display:none}.voxel-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voxel-palette-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.voxel-palette-empty{color:var(--tool-muted);grid-column:1/-1;font-size:.92rem;line-height:1.5}.voxel-palette-chip{aspect-ratio:1;width:100%;color:inherit;cursor:pointer;background:#0d121aeb;border:1px solid #8297b02e;border-radius:12px;padding:3px;transition:border-color .12s,transform .12s,box-shadow .12s,background .12s;display:block}.voxel-palette-chip:hover{background:#121a24fa;border-color:#7ad4ff61;transform:translateY(-1px)}.voxel-palette-chip.is-selected{border-color:#7ad4ffb8;box-shadow:inset 0 0 0 1px #7ad4ff52,0 10px 22px #0003}.voxel-palette-swatch{border:1px solid #ffffff1f;border-radius:8px;height:100%;min-height:34px;box-shadow:inset 0 0 0 1px #ffffff0d}@media (width<=1280px){.voxel-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.voxel-tool-strip-secondary{grid-template-columns:1fr}}@media (width<=1120px){.voxel-preview-shell{padding:18px}.voxel-stage-overlay{grid-template-columns:repeat(4,minmax(0,1fr));max-width:calc(100% - 56px);left:28px}.voxel-tool-shortcut-panel{width:min(320px,100% - 56px);bottom:28px;left:28px}.voxel-selection-gizmo-bar{max-width:calc(100% - 56px);top:28px;right:28px}.stage-note{bottom:18px}}@media (width<=640px){.source-mode-strip,.editor-panel-heading,.voxel-tool-strip{grid-template-columns:1fr}.editor-panel-heading{display:grid}.voxel-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voxel-stage-overlay{max-width:100%;margin:16px 0 0;position:static}.voxel-tool-shortcut-panel{width:100%;margin-top:16px;position:static}.voxel-selection-gizmo-bar{justify-content:flex-start;max-width:100%;margin:16px 0 0;position:static}.voxel-selection-gizmo-button{flex:1 1 0;min-width:0}.voxel-local-builds-dialog{width:calc(100vw - 16px)}.voxel-local-builds-dialog-shell{padding:18px}.voxel-local-builds-dialog-header{display:grid}.stage-note{max-width:100%;margin-top:16px;position:static;transform:none}}
