: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}}