: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{box-sizing:border-box;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{width:100%;min-width:0;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;place-items:center;width:100%;min-height:60px;padding:0;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s;display:grid;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;min-width:0;display:flex}#create-account-sidebar .app-dashboard-sidebar-top-header{place-items:center;gap:0;width:auto;margin-bottom:0;display:inline-grid}#create-account-sidebar .app-dashboard-sidebar-top-content{opacity:0;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;max-height:0;transition:max-height .18s,opacity .14s;overflow:hidden}#create-account-sidebar .app-dashboard-sidebar-top-copy{flex:auto;min-width:0}#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);min-width:0;max-width:0;color:var(--dashboard-sidebar-rose);letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;border:0 solid #f43f5e47;border-radius:10px;flex:0 auto;align-items:center;gap:6px;padding:0;font-size:10.5px;font-weight:600;transition:max-width .18s,opacity .14s,transform .18s,padding .16s,border-width .16s;display:inline-flex;overflow:hidden;transform:translate(-6px)}#create-account-sidebar .app-dashboard-sidebar-top-badge-label{text-overflow:ellipsis;overflow:hidden}#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;flex:none;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:100%;min-width:0;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-group{flex-direction:column;width:100%;display:flex}#create-account-sidebar .app-dashboard-sidebar-nav-group-row{align-items:center;width:100%;min-width:0;display:flex;position:relative}#create-account-sidebar .app-dashboard-sidebar-nav-group-row .app-dashboard-sidebar-nav-link{flex:auto;min-width:0}#create-account-sidebar .app-dashboard-sidebar-nav-group-toggle{width:28px;height:28px;color:var(--dashboard-sidebar-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;margin-left:-4px;margin-right:4px;padding:0;transition:background .16s,color .16s,border-color .16s;display:none}#create-account-sidebar .app-dashboard-sidebar-nav-group-toggle:hover,#create-account-sidebar .app-dashboard-sidebar-nav-group-toggle:focus-visible{color:var(--dashboard-sidebar-text-soft);background:#27272a8f;border-color:#52525b85;outline:none}#create-account-sidebar .app-dashboard-sidebar-nav-group-chevron{width:14px;height:14px;transition:transform .18s}#create-account-sidebar .app-dashboard-sidebar-nav-group[data-group-open=true] .app-dashboard-sidebar-nav-group-chevron{transform:rotate(180deg)}#create-account-sidebar .app-dashboard-sidebar-nav-group-children{flex-direction:column;width:100%;display:none}#create-account-sidebar:hover .app-dashboard-sidebar-nav-group[data-group-open=true] .app-dashboard-sidebar-nav-group-children,#create-account-sidebar:focus-within .app-dashboard-sidebar-nav-group[data-group-open=true] .app-dashboard-sidebar-nav-group-children{display:flex}#create-account-sidebar:hover .app-dashboard-sidebar-nav-group-toggle,#create-account-sidebar:focus-within .app-dashboard-sidebar-nav-group-toggle{display:inline-flex}#create-account-sidebar .app-dashboard-sidebar-nav-sublink{color:var(--dashboard-sidebar-text-muted);font-size:12px}#create-account-sidebar:hover .app-dashboard-sidebar-nav-sublink,#create-account-sidebar:focus-within .app-dashboard-sidebar-nav-sublink{padding-left:28px}#create-account-sidebar:hover .app-dashboard-sidebar-nav-sublink .app-dashboard-sidebar-nav-icon-wrap,#create-account-sidebar:focus-within .app-dashboard-sidebar-nav-sublink .app-dashboard-sidebar-nav-icon-wrap{opacity:.75}#create-account-sidebar:hover .app-dashboard-sidebar-nav-sublink .app-dashboard-sidebar-nav-icon,#create-account-sidebar:focus-within .app-dashboard-sidebar-nav-sublink .app-dashboard-sidebar-nav-icon{width:14px;height:14px}#create-account-sidebar .app-dashboard-sidebar-nav-link{width:100%;min-width:0;max-width:48px;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,max-width .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{opacity:0;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:0;font-size:12px;font-weight:500;line-height:1.25;transition:max-width .18s,opacity .14s,transform .18s;display:block;overflow:hidden;transform:translate(-6px)}#create-account-sidebar .app-dashboard-sidebar-nav-badge{color:#86efac;letter-spacing:.08em;white-space:nowrap;background:#22c55e24;border:1px solid #4ade804d;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:4px 7px;font-size:9px;font-weight:700;display:none}#create-account-sidebar .app-dashboard-sidebar-footer{padding-top:0;transition:filter .16s}#create-account-sidebar .app-dashboard-sidebar-profile-row{background:#18181bb8;border-top:1px solid #3f3f466b;border-radius:18px;justify-content:center;gap:0;padding:16px 14px 18px;transition:background .16s,border-color .16s,box-shadow .16s}#create-account-sidebar .app-dashboard-sidebar-footer:hover .app-dashboard-sidebar-profile-row,#create-account-sidebar .app-dashboard-sidebar-footer:focus-within .app-dashboard-sidebar-profile-row{background:#27272ad1;border-top-color:#52525b9e;box-shadow:inset 0 1px #ffffff08,0 16px 28px #0000002e}#create-account-sidebar .app-dashboard-sidebar-footer:hover .app-dashboard-sidebar-profile-name,#create-account-sidebar .app-dashboard-sidebar-footer:focus-within .app-dashboard-sidebar-profile-name,#create-account-sidebar .app-dashboard-sidebar-footer:hover .app-dashboard-sidebar-profile-email,#create-account-sidebar .app-dashboard-sidebar-footer:focus-within .app-dashboard-sidebar-profile-email{color:var(--dashboard-sidebar-text)}#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{opacity:0;pointer-events:none;min-width:0;max-width:0;color:inherit;flex:auto;text-decoration:none;transition:max-width .18s,opacity .14s,transform .18s;display:block;overflow:hidden;transform:translate(-6px)}#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{opacity:0;pointer-events:none;flex:none;align-items:center;gap:6px;max-width:0;transition:max-width .18s,opacity .14s,transform .18s;display:inline-flex;overflow:hidden;transform:translate(6px)}#create-account-sidebar .app-dashboard-sidebar-meta-links{opacity:0;pointer-events:none;flex-wrap:wrap;gap:8px 12px;min-width:0;max-height:0;margin-top:8px;padding:0 14px 16px 58px;transition:max-height .18s,opacity .14s;display:flex;overflow:hidden}#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-nav-badge{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-footer:hover .app-dashboard-sidebar-profile-action,#create-account-sidebar:hover .app-dashboard-sidebar-footer:focus-within .app-dashboard-sidebar-profile-action,#create-account-sidebar:focus-within .app-dashboard-sidebar-footer:hover .app-dashboard-sidebar-profile-action,#create-account-sidebar:focus-within .app-dashboard-sidebar-footer:focus-within .app-dashboard-sidebar-profile-action{background:#27272a70;border-color:#52525b6b}#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:100%;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-card,#create-account-sidebar:focus-within .app-dashboard-sidebar-top-card{grid-template-columns:40px minmax(0,1fr) auto;place-items:start stretch;gap:8px 12px;min-height:72px;padding:16px;display:grid}#create-account-sidebar:hover .app-dashboard-sidebar-top-header,#create-account-sidebar:focus-within .app-dashboard-sidebar-top-header{width:auto;margin-bottom:0;display:contents}#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;grid-area:1/1;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{opacity:1;pointer-events:auto;border-width:1px;grid-area:1/2/auto/span 2;justify-self:end;max-width:140px;padding:6px 10px;transform:translate(0)}#create-account-sidebar:hover .app-dashboard-sidebar-top-content,#create-account-sidebar:focus-within .app-dashboard-sidebar-top-content{opacity:1;pointer-events:auto;max-height:none;display:contents;overflow:visible}#create-account-sidebar:hover .app-dashboard-sidebar-top-copy,#create-account-sidebar:focus-within .app-dashboard-sidebar-top-copy{grid-area:2/1/auto/span 2;min-width:0}#create-account-sidebar:hover .app-dashboard-sidebar-link-label,#create-account-sidebar:focus-within .app-dashboard-sidebar-link-label{opacity:1;max-width:190px;transform:translate(0)}#create-account-sidebar:hover .app-dashboard-sidebar-nav-badge,#create-account-sidebar:focus-within .app-dashboard-sidebar-nav-badge{display:inline-flex}#create-account-sidebar:hover .app-dashboard-sidebar-profile-copy,#create-account-sidebar:focus-within .app-dashboard-sidebar-profile-copy{opacity:1;pointer-events:auto;flex:auto;max-width:148px;display:block;transform:translate(0)}#create-account-sidebar:hover .app-dashboard-sidebar-profile-actions,#create-account-sidebar:focus-within .app-dashboard-sidebar-profile-actions{opacity:1;pointer-events:auto;max-width:80px;display:inline-flex;transform:translate(0)}#create-account-sidebar:hover .app-dashboard-sidebar-meta-links,#create-account-sidebar:focus-within .app-dashboard-sidebar-meta-links{opacity:1;pointer-events:auto;max-height:64px}.autosprite-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--as-bg:#0f0f0f;--as-panel:#18181b;--as-card:#18181bf5;--as-card-soft:#27272ad1;--as-border:#27272a;--as-border-strong:#3f3f46;--as-text:#f4f4f5;--as-text-soft:#a1a1aa;--as-muted:#71717a;--as-accent:#6366f1;--as-accent-strong:#38bdf8;--as-accent-soft:#6366f129;--as-success:#22c55e;--as-error:#f87171;--create-account-sidebar-width:84px;--create-account-sidebar-expanded-width:280px;--create-sidebar-gap:12px;--menu-left-panel-effective-width:calc(var(--create-account-sidebar-width) + var(--create-sidebar-gap));--menu-left-panel-expanded-effective-width:calc(var(--create-account-sidebar-expanded-width) + var(--create-sidebar-gap));min-height:100vh;color:var(--as-text);background:radial-gradient(circle at 100% 0,#38bdf814,#0000 28%),radial-gradient(circle at 0 100%,#f9731614,#0000 26%),#0f0f0f;margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:14px}@media (width>=901px){.autosprite-page{--create-account-sidebar-expanded-width:280px}}html,body{width:100%;min-height:100%;margin:0}body.autosprite-page{overflow:hidden}#create-account-sidebar{width:var(--create-account-sidebar-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;inset:0 auto 0 0;overflow:hidden;box-shadow:18px 0 48px #00000057}#create-account-sidebar:hover,#create-account-sidebar:focus-within{width:var(--create-account-sidebar-expanded-width)}.autosprite-shell{width:100%;height:100dvh;min-height:100vh;padding:16px 16px 16px calc(16px + var(--menu-left-panel-effective-width));box-sizing:border-box;grid-template-columns:minmax(320px,380px) minmax(0,1fr) minmax(280px,340px);gap:16px;transition:padding-left .18s;display:grid;position:relative}.autosprite-shell.is-gallery-mode{grid-template-columns:minmax(0,1fr)}.autosprite-shell.is-gallery-mode .autosprite-main{grid-column:1/-1}#create-account-sidebar:hover~.autosprite-shell,#create-account-sidebar:focus-within~.autosprite-shell{padding-left:calc(16px + var(--menu-left-panel-expanded-effective-width))}.autosprite-panel,.autosprite-main{background:var(--as-panel);border:1px solid var(--as-border);border-radius:12px;min-height:0;box-shadow:0 18px 48px #00000047}.autosprite-panel{flex-direction:column;gap:18px;padding:16px;display:flex;overflow:hidden auto}.autosprite-panel>.autosprite-card{flex:none}.autosprite-main{flex-direction:column;gap:20px;padding:16px;display:flex;overflow:hidden}.autosprite-workspace-tabs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.autosprite-workspace-tab{appearance:none;border:1px solid var(--as-border-strong);color:var(--as-text-soft);cursor:pointer;font:inherit;letter-spacing:.03em;background:#09090b;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700;transition:transform .15s,border-color .15s,background .15s,color .15s}.autosprite-workspace-tab:hover,.autosprite-workspace-tab:focus-visible{border-color:var(--as-accent-strong);outline:none;transform:translateY(-1px)}.autosprite-workspace-tab.is-active,.autosprite-workspace-tab[aria-selected=true]{color:var(--as-text);background:#6366f129;border-color:#6366f173}.autosprite-workspace-panel{flex:auto;min-height:0;overflow:hidden}.autosprite-page [hidden]{display:none!important}.autosprite-panel--frames .autosprite-card--frames{flex:auto;min-height:0}.autosprite-card{border:1px solid var(--as-border);min-height:0;box-shadow:none;background:linear-gradient(#27272ad1,#18181bf5);border-radius:10px;flex-direction:column;gap:12px;padding:12px;display:flex}.autosprite-brand-card{background:radial-gradient(circle at 100% 0,#38bdf81f,#0000 42%),linear-gradient(#18181bfa,#09090bfa)}.autosprite-card h2,.autosprite-brand-card h1{margin:0;font-family:inherit}.autosprite-card-header{flex-direction:column;gap:4px;display:flex}.autosprite-card-header h2{font-size:16px;font-weight:700}.autosprite-card-header p,.autosprite-copy,.autosprite-frame-strip-copy,.autosprite-source-file,.autosprite-upload-copy,.autosprite-status,.autosprite-surface-note{color:var(--as-text-soft);margin:0;font-size:12px;line-height:1.55}.autosprite-kicker{color:var(--as-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.autosprite-brand-card h1{letter-spacing:-.03em;font-size:clamp(2rem,4vw,2.7rem)}.autosprite-source-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.autosprite-source-pill{color:#bae6fd;letter-spacing:.08em;text-transform:uppercase;background:#38bdf81f;border:1px solid #38bdf847;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.autosprite-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.autosprite-summary-grid div{border:1px solid var(--as-border);background:#09090b;border-radius:10px;padding:10px 12px}.autosprite-summary-grid dt{color:var(--as-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:10.5px;font-weight:600}.autosprite-summary-grid dd{color:var(--as-text);margin:0;font-size:13px;font-weight:600}.autosprite-upload-zone{border:1px dashed var(--as-border-strong);cursor:pointer;background:radial-gradient(circle at 100% 0,#38bdf824,#0000 42%),linear-gradient(#14171ffa,#09090bfa);border-radius:14px;align-items:center;gap:12px;padding:12px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.autosprite-upload-zone:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#ffffff8c,#0000 92%);mask-image:linear-gradient(#ffffff8c,#0000 92%)}.autosprite-upload-zone>*{z-index:1;position:relative}.autosprite-upload-zone:hover,.autosprite-upload-zone.is-dragover,.autosprite-upload-zone:focus-visible{border-color:var(--as-accent-strong);outline:none;transform:translateY(-1px);box-shadow:0 0 0 1px #38bdf82e,0 14px 32px #00000045}.autosprite-upload-icon{border:1px solid var(--as-border-strong);color:#bae6fd;letter-spacing:.08em;background:#09090b;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:.9rem;font-weight:800;display:grid}.autosprite-upload-title{margin:0;font-size:14px;font-weight:700}.autosprite-upload-copy{margin-top:4px;font-size:12px}.autosprite-field-grid{gap:10px;display:grid}.autosprite-field-grid--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.autosprite-field-group{flex-direction:column;gap:8px;display:flex}.autosprite-field-group span,.autosprite-checkbox-row span{letter-spacing:.06em;text-transform:uppercase;color:#d4d4d8;font-size:11px;font-weight:600}.autosprite-field-group input,.autosprite-field-group select{box-sizing:border-box;border:1px solid var(--as-border-strong);width:100%;color:var(--as-text);font:inherit;background:#09090b;border-radius:6px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.autosprite-field-group input:focus,.autosprite-field-group select:focus{border-color:var(--as-accent);box-shadow:0 0 0 1px #6366f12e}.autosprite-field-group input[type=color]{min-height:36px;padding:2px}.autosprite-field-group--inline{flex-direction:row;justify-content:space-between;align-items:center}.autosprite-field-group--inline input{width:72px}.autosprite-checkbox-row{align-items:center;gap:10px;display:flex}.autosprite-checkbox-row input{width:18px;height:18px;accent-color:var(--as-accent)}.autosprite-range-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.autosprite-range-row input[type=range]{width:100%;accent-color:var(--as-accent);padding:0}.autosprite-range-row output{min-width:44px;color:var(--as-text-soft);text-align:right;font-size:11px;font-weight:600}.autosprite-chip-row,.autosprite-button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.autosprite-button-row--compact{gap:8px}.autosprite-button{appearance:none;border:1px solid var(--as-border-strong);color:var(--as-text);cursor:pointer;font:inherit;letter-spacing:.02em;background:#27272a;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.autosprite-button:hover:not(:disabled),.autosprite-button:focus-visible:not(:disabled){border-color:var(--as-accent-strong);background:#2a2a34;outline:none;transform:translateY(-1px)}.autosprite-button:disabled{cursor:not-allowed;opacity:.45}.autosprite-button.is-active,.autosprite-button--primary{background:linear-gradient(#6366f1f0,#4f46e5f0);border-color:#6366f17a}.autosprite-button--ghost{background:#27272ab8}.autosprite-button--full{width:100%}.autosprite-chip-button{border:1px solid var(--as-border-strong);color:var(--as-text-soft);cursor:pointer;font:inherit;background:#09090b;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.autosprite-chip-button.is-active{color:var(--as-text);background:#6366f129;border-color:#6366f17a}.autosprite-stage-card,.autosprite-sheet-card,.autosprite-card--frames{min-height:0}.autosprite-stage-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.autosprite-stage-header h2{font-size:16px}.autosprite-stage-header--frames{align-items:flex-start}.autosprite-frame-label{border:1px solid var(--as-border);color:var(--as-text-soft);background:#09090b;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:11px;font-weight:600;display:inline-flex}.autosprite-preview-surface,.autosprite-sheet-surface{border:1px solid var(--as-border);background-color:#09090b;background-image:linear-gradient(45deg,#ffffff05 25%,#0000 25% 75%,#ffffff05 75%),linear-gradient(45deg,#ffffff05 25%,#0000 25% 75%,#ffffff05 75%),none;background-position:0 0,14px 14px,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:12px;flex:auto;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.autosprite-preview-surface canvas,.autosprite-sheet-surface canvas{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated}.autosprite-preview-surface canvas{cursor:crosshair;transform:scale(var(--autosprite-preview-zoom,1));transform-origin:50%;transition:transform .12s ease-out}.autosprite-surface-note{inset-inline:16px;text-align:center;background:#09090bd6;border-radius:10px;padding:8px 10px;position:absolute;bottom:16px}.autosprite-card--frames{height:auto}.autosprite-gallery-panel{gap:16px;overflow:auto}.autosprite-gallery-empty-state{border:1px dashed var(--as-border-strong);text-align:center;background:radial-gradient(circle at top,#38bdf814,#0000 42%),linear-gradient(#18181bfa,#09090bfa);border-radius:14px;place-items:center;gap:12px;min-height:260px;padding:24px;display:grid}.autosprite-gallery-empty-icon{color:#bae6fd;background:#38bdf81a;border:1px solid #38bdf83d;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.autosprite-gallery-empty-icon svg{width:24px;height:24px}.autosprite-gallery-empty-title,.autosprite-gallery-empty-copy,.autosprite-gallery-title,.autosprite-gallery-meta,.autosprite-gallery-copy{margin:0}.autosprite-gallery-empty-title{font-size:16px;font-weight:700}.autosprite-gallery-empty-copy{max-width:480px;color:var(--as-text-soft);font-size:12px;line-height:1.6}.autosprite-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.autosprite-gallery-card{border:1px solid var(--as-border);background:radial-gradient(circle at 100% 0,#6366f114,#0000 38%),linear-gradient(#27272ad6,#18181bfa);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 18px 40px #0003}.autosprite-gallery-card--upload{cursor:pointer;background:radial-gradient(circle at 100% 0,#38bdf81f,#0000 38%),linear-gradient(#10141cf5,#09090bfa);border-style:dashed;border-color:#38bdf857;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.autosprite-gallery-card--upload:hover,.autosprite-gallery-card--upload:focus-visible,.autosprite-gallery-card--upload.is-dragover{border-color:var(--as-accent-strong);outline:none;transform:translateY(-1px);box-shadow:0 0 0 1px #38bdf82e,0 18px 40px #00000038}.autosprite-gallery-card--empty{background:radial-gradient(circle at top,#38bdf80f,#0000 42%),linear-gradient(#18181bfa,#09090bfa);justify-content:center;min-height:180px}.autosprite-gallery-card.is-active{border-color:#38bdf885;box-shadow:0 0 0 1px #38bdf82e,0 18px 40px #00000038}.autosprite-gallery-media{aspect-ratio:16/9;border:1px solid var(--as-border);background-color:#09090b;background-image:linear-gradient(45deg,#ffffff05 25%,#0000 25% 75%,#ffffff05 75%),linear-gradient(45deg,#ffffff05 25%,#0000 25% 75%,#ffffff05 75%),none;background-position:0 0,14px 14px,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:12px;position:relative;overflow:hidden}.autosprite-gallery-media--upload{place-items:center;display:grid}.autosprite-gallery-upload-icon{color:#bae6fd;letter-spacing:.08em;background:#38bdf81f;border:1px solid #38bdf857;border-radius:18px;place-items:center;width:64px;height:64px;font-size:1rem;font-weight:800;display:grid}.autosprite-gallery-image{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.autosprite-gallery-header,.autosprite-gallery-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.autosprite-gallery-header-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.autosprite-gallery-title{color:var(--as-text);font-size:14px;font-weight:700}.autosprite-gallery-meta{color:var(--as-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:600}.autosprite-gallery-copy{color:var(--as-text-soft);font-size:12px;line-height:1.55}.autosprite-gallery-badges,.autosprite-gallery-actions,.autosprite-gallery-confirm-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.autosprite-gallery-actions,.autosprite-gallery-confirm-actions{justify-content:flex-end}.autosprite-gallery-badge{color:#dbeafe;letter-spacing:.08em;text-transform:uppercase;background:#38bdf81a;border:1px solid #38bdf83d;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.autosprite-gallery-badge--subtle{color:#e9d5ff;background:#6366f11f;border-color:#6366f13d}.autosprite-gallery-delete-button{color:#fecaca;background:#7f1d1d38;border-color:#f8717142}.autosprite-gallery-delete-button:hover:not(:disabled),.autosprite-gallery-delete-button:focus-visible:not(:disabled){background:#7f1d1d57;border-color:#f8717185}.autosprite-gallery-confirm-actions{margin-top:16px}.autosprite-frame-list{flex-direction:column;gap:12px;min-height:0;padding-right:4px;display:flex;overflow:auto}.autosprite-frame-item{border:1px solid var(--as-border);cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#27272ad1,#18181bf5);border-radius:10px;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:10px;transition:transform .15s,border-color .15s,box-shadow .15s,opacity .15s;display:grid;position:relative}.autosprite-frame-item:before,.autosprite-frame-item:after{content:"";opacity:0;pointer-events:none;background:0 0;border-radius:999px;height:3px;position:absolute;left:12px;right:12px}.autosprite-frame-item:before{top:-1px}.autosprite-frame-item:after{bottom:-1px}.autosprite-frame-item:hover,.autosprite-frame-item:focus-visible{border-color:#38bdf86b;outline:none;transform:translateY(-1px)}.autosprite-frame-item.is-active{border-color:#6366f17a;box-shadow:inset 0 0 0 1px #6366f12e}.autosprite-frame-item.is-disabled{opacity:.52}.autosprite-frame-item.is-dragging,.autosprite-frame-item:active{cursor:grabbing}.autosprite-frame-item.is-dragging{opacity:.4;border-style:dashed;transform:scale(.99)}.autosprite-frame-item.is-drop-target-before:before,.autosprite-frame-item.is-drop-target-after:after{opacity:1;background:linear-gradient(90deg,#38bdf8f5,#6366f1f5)}.autosprite-frame-thumbnail{border:1px solid var(--as-border);width:88px;height:88px;image-rendering:pixelated;background:#09090b;border-radius:10px}.autosprite-frame-body{flex-direction:column;gap:8px;min-width:0;display:flex}.autosprite-frame-thumbnail,.autosprite-frame-body,.autosprite-frame-title-row,.autosprite-frame-meta-row,.autosprite-frame-title,.autosprite-frame-time,.autosprite-frame-status{cursor:inherit}.autosprite-frame-title-row,.autosprite-frame-meta-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.autosprite-frame-title{margin:0;font-size:13px;font-weight:700}.autosprite-frame-time,.autosprite-frame-status{color:var(--as-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:10.5px;font-weight:600}.autosprite-frame-actions{gap:8px;display:flex}.autosprite-frame-actions .autosprite-button{flex:1 1 0;padding:8px 10px;font-size:.84rem}.autosprite-progress{background:#09090b;border-radius:999px;width:100%;height:8px;overflow:hidden}.autosprite-progress-fill{background:linear-gradient(90deg,#6366f1eb,#38bdf8eb);width:0;height:100%}.autosprite-status[data-tone=success]{color:var(--as-success)}.autosprite-status[data-tone=error]{color:var(--as-error)}.autosprite-status[data-tone=busy]{color:#bae6fd}body.autosprite-page.is-frame-dragging,body.autosprite-page.is-frame-dragging *{cursor:grabbing!important}@media (width<=1320px){.autosprite-shell{grid-template-columns:minmax(320px,360px) minmax(0,1fr)}.autosprite-panel--frames{grid-column:1/-1}.autosprite-card--frames{min-height:360px}}@media (width<=960px){body.autosprite-page{overflow:auto}#create-account-sidebar{border-bottom:1px solid #3f3f46b3;border-right:none;width:100%;height:auto;position:relative;inset:auto;box-shadow:0 18px 48px #0000003d}#create-account-sidebar:hover,#create-account-sidebar:focus-within{width:100%}.autosprite-shell{grid-template-columns:minmax(0,1fr);gap:12px;height:auto;min-height:auto;padding:12px}#create-account-sidebar:hover~.autosprite-shell,#create-account-sidebar:focus-within~.autosprite-shell{padding-left:12px}.autosprite-panel,.autosprite-main{padding:12px}.autosprite-field-grid--two-columns,.autosprite-summary-grid{grid-template-columns:minmax(0,1fr)}.autosprite-button-row--stack-mobile{flex-direction:column}.autosprite-button-row--stack-mobile .autosprite-button{width:100%}.autosprite-gallery-grid{grid-template-columns:minmax(0,1fr)}.autosprite-gallery-actions{width:100%}.autosprite-gallery-actions .autosprite-button,.autosprite-gallery-confirm-actions .autosprite-button{flex:140px}}
