.sprite-editor{--ed-border:#e1e3e7;--ed-muted:#727985;--ed-dark:#20262e;--ed-accent:#e65f32;border:1px solid var(--ed-border);text-align:left;color:var(--ed-dark);background:#fff;border-radius:12px;font-size:14px;position:relative;overflow:hidden;box-shadow:0 12px 40px #20262e06}.sprite-editor [hidden]{display:none!important}.sprite-editor button,.sprite-editor input,.sprite-editor select{font:inherit}.sprite-editor button{cursor:pointer}.sprite-editor button:disabled{cursor:not-allowed;opacity:.46}.sprite-editor button:focus-visible,.sprite-editor input:focus-visible,.sprite-editor select:focus-visible,.sprite-editor a:focus-visible{outline-offset:3px;outline:3px solid #e65f3270}.editor-topbar{border-bottom:1px solid var(--ed-border);background:#f9fafb;justify-content:space-between;align-items:center;gap:12px;min-height:49px;padding:12px 22px;display:flex}.editor-workspace{letter-spacing:1.2px;align-items:center;gap:9px;font-size:10px;font-weight:750;display:flex}.status-dot{background:var(--ed-accent);width:7px;height:7px;box-shadow:0 0 0 3px #e65f3212}.editor-version{color:#a0a5ad;margin-left:8px;font-weight:500}.local-badge{color:#616974;align-items:center;gap:7px;font-size:11px;display:flex}.local-badge svg{stroke:currentColor;fill:none;stroke-width:1.3px;width:14px;height:14px}.editor-body{grid-template-columns:220px minmax(0,1fr) 230px;display:grid}.editor-source,.editor-settings{padding:22px 18px}.editor-source{border-right:1px solid var(--ed-border)}.editor-settings{border-left:1px solid var(--ed-border)}.panel-heading{align-items:center;gap:9px;display:flex}.panel-heading h2{letter-spacing:-.15px;margin:0;font-size:13px;font-weight:700}.step-number{color:#959ca5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.drop-zone{background:#fafbfc;border:1px dashed #cbd0d7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:175px;margin-top:22px;padding:17px 9px;transition:all .15s;display:flex}.drop-zone.is-over{border-color:var(--ed-accent);background:#fff3ec}.drop-zone p{margin:8px 0 12px;font-size:12px;font-weight:600}.upload-icon{color:#8c939e;width:25px;height:25px}.sprite-editor .editor-choose{color:#333c48;background:#fff;border:1px solid #d1d5dc;border-radius:5px;padding:8px 13px;font-size:12px;font-weight:650;line-height:1.3;box-shadow:0 1px 2px #00000005}.editor-choose:hover{border-color:var(--ed-accent);color:var(--ed-accent)}.drop-caption{color:var(--ed-muted);margin-top:10px;font-size:10px}.file-input{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.source-note{color:var(--ed-muted);margin:12px 0 25px;font-size:11px;line-height:1.6}.example-divider{letter-spacing:1px;color:#9198a3;margin-bottom:11px;font-size:8px;font-weight:700}.example-button{text-align:left;border:1px solid var(--ed-border);background:#fff;border-radius:6px;align-items:center;gap:10px;width:100%;margin-top:9px;padding:9px 8px;transition:all .15s;display:flex}.example-button:hover{background:#fffcfa;border-color:#e6a08a}.example-thumb{background:#f0f1f3;border-radius:3px;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:38px;display:flex}.example-thumb img{object-fit:contain;max-width:100%;height:auto;max-height:38px;image-rendering:pixelated}.example-button strong{font-size:11px;font-weight:650;display:block}.example-button small{color:var(--ed-muted);margin-top:3px;font-size:9px;line-height:1.5;display:block}.example-arrow{color:#a3a9b2;margin-left:auto;font-size:15px}.source-summary{color:#676f7b;overflow-wrap:anywhere;margin-top:23px;font-size:11px;line-height:1.7}.asset-credit{color:#969da5;text-underline-offset:3px;margin-top:16px;font-size:10px;display:inline-block}.text-button{color:var(--ed-accent);background:0 0;border:0;padding:0;font-size:11px!important;font-weight:600!important}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.clear-button{margin-top:-7px;display:block;font-size:10px!important}.editor-main{min-width:0;padding:22px 23px 17px}.stage-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:19px;display:flex}.dimensions-badge{color:#8a919c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.checkerboard{background-color:#fcfcfd;background-image:linear-gradient(45deg,#ebedef 25%,#0000 25%),linear-gradient(-45deg,#ebedef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ebedef 75%),linear-gradient(-45deg,#0000 75%,#ebedef 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.sheet-stage{border:1px solid var(--ed-border);border-radius:6px;justify-content:center;align-items:center;height:280px;padding:24px;display:flex;position:relative;overflow:auto}.sheet-stage canvas{image-rendering:pixelated;object-fit:contain;flex-shrink:0;width:auto;max-width:100%;height:auto;max-height:100%}.empty-state{text-align:center;background:#f9fafaf2;border:1px solid #e3e5e8;border-radius:6px;width:100%;max-width:350px;padding:24px 16px;box-shadow:0 5px 16px #262a2f04}.empty-sprites{justify-content:center;align-items:center;gap:7px;margin-bottom:17px;display:flex}.empty-sprites span{background:#fff;border:1px solid #dde1e6;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:2px 2px #e4e6e9}.empty-sprites img{image-rendering:pixelated;object-fit:contain}.empty-state strong{letter-spacing:-.2px;font-size:14px;display:block}.empty-state p{color:#868d97;margin:9px 0 17px;font-size:12px;line-height:1.7}.empty-spec{color:#959da6;letter-spacing:1px;font-family:ui-monospace,monospace;font-size:8px}.preview-controls{border-bottom:1px solid var(--ed-border);align-items:center;gap:12px;padding:13px 0;display:flex}.animation-box{border:1px solid var(--ed-border);border-radius:4px;justify-content:center;align-items:center;width:56px;height:48px;display:flex}.animation-box canvas{max-width:52px;max-height:44px;image-rendering:pixelated;object-fit:contain}.play-button{color:#434a56;background:#fff;border:1px solid #dbe0e5;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid;font-size:10px!important}.playback-info{min-width:0}.playback-info strong{font-size:11px;font-weight:600;display:block}.playback-info span{color:#9198a2;margin-top:4px;font-size:10px;display:block}.preview-loop{color:#9299a1;letter-spacing:.7px;margin-left:auto;font-size:8px}.frames-heading{justify-content:space-between;align-items:center;gap:10px;margin:17px 0 12px;font-size:11px;display:flex}.frame-count{color:#a0a7b0;margin-left:5px}.frame-strip{gap:7px;min-height:79px;margin:0;padding:3px 2px 9px;list-style:none;display:flex;overflow-x:auto}.frame-strip li{flex-shrink:0}.frames-placeholder{text-align:center;color:#a7aeb7;border:1px dashed #e3e5e8;border-radius:4px;width:100%;height:63px;padding:19px 8px;font-size:11px}.frame-tile{background:#f7f8fa;border:1px solid #e0e4e8;border-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;width:67px;height:76px;padding:6px 3px 4px;display:flex;position:relative}.frame-tile[aria-pressed=true]{border-color:var(--ed-accent);box-shadow:0 0 0 1px var(--ed-accent);background:#fff5ef}.frame-tile canvas{width:auto;max-width:52px;height:auto;max-height:42px;image-rendering:pixelated;object-fit:contain}.frame-tile span{color:#949aa5;font-family:ui-monospace,monospace;font-size:8px}.frame-tile.is-dragging{opacity:.4}.frame-tile.is-target{outline:2px dashed var(--ed-accent);outline-offset:2px}.frame-help{color:#929aa5;margin:6px 0 0;font-size:10px;line-height:1.6}.frame-actions{color:#7d8591;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:10px;display:flex}.frame-actions span{overflow-wrap:anywhere;flex:100%}.frame-actions button{background:#fff;border:1px solid #dce1e7;border-radius:3px;padding:5px 7px;font-size:10px}.frame-actions [data-remove]{color:#9a4c36;margin-left:auto}.settings-section{border-bottom:1px solid var(--ed-border);margin-top:21px;padding-bottom:19px}.field-label{justify-content:space-between;align-items:center;margin:15px 0 7px;font-size:11px;font-weight:600;display:flex}.settings-section>.field-label:first-child{margin-top:0}.field-label span{color:#a1a8b1;font-size:9px;font-weight:400}.sprite-editor input[type=number],.sprite-editor select{color:#49515d;box-sizing:border-box;background:#fff;border:1px solid #dce0e5;border-radius:4px;width:100%;min-height:35px;padding:6px 9px;font-size:11px}.sprite-editor select{padding-right:23px}.sprite-editor select:disabled{opacity:1;color:#707884;background:#fafafa}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-hint{color:#939ba5;margin:10px 0 0;font-size:10px;line-height:1.65}.timing-section{margin-top:18px;padding-bottom:16px}.export-summary{margin-top:19px}.export-summary>span{letter-spacing:1px;color:#9299a4;font-size:8px;display:block}.export-summary strong{letter-spacing:-.8px;margin:7px 0;font-family:ui-monospace,monospace;font-size:21px;font-weight:500;line-height:1.3;display:block}.export-summary small{color:#9099a5;font-size:10px;display:block}.sprite-editor .export-button{background:var(--ed-accent);color:#fff;border:1px solid var(--ed-accent);border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:18px;padding:12px 7px;font-size:11px;font-weight:650;line-height:1.4;display:flex;box-shadow:0 2px 3px #a94b3215}.sprite-editor .export-button:hover:not(:disabled){background:#d55328;border-color:#d55328}.export-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex-shrink:0;width:14px;height:14px}.export-note{text-align:center;color:#929aa4;margin:10px 0 0;font-size:9px;line-height:1.7}.editor-status{border-top:1px solid var(--ed-border);color:#8a939e;background:#f9fafb;padding:10px 20px;font-size:10px;line-height:1.6}.editor-error{color:#923821;background:#fff0eb;border-top:1px solid #f1cfc3;margin:0;padding:12px 20px;font-size:12px;line-height:1.6}.sprite-editor.is-busy .drop-zone{opacity:.6;pointer-events:none}@media (width>=1300px){.editor-body{grid-template-columns:240px minmax(0,1fr) 250px}.editor-source,.editor-settings{padding:24px}.editor-main{padding:24px 28px 18px}.sheet-stage{height:298px}}@media (width<=1000px){.editor-body{grid-template-columns:190px minmax(0,1fr) 205px}.editor-source,.editor-settings{padding:20px 13px}.editor-main{padding:20px 15px 15px}.preview-loop{display:none}.example-button{gap:6px}.example-button small{font-size:8px}.example-arrow{display:none}.sprite-editor .export-button{font-size:10px}.sheet-stage{height:270px}}@media (width<=800px){.editor-body{grid-template-columns:190px minmax(0,1fr)}.editor-settings{border-left:0;border-top:1px solid var(--ed-border);grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:25px;padding:20px;display:grid}.editor-settings>.panel-heading{grid-column:1/-1}.settings-section{border:0;margin-top:18px;padding:0}.timing-section{margin-top:18px}.export-summary{border-top:1px solid var(--ed-border);padding-top:15px}.export-button{align-self:center}.export-note{grid-column:2}.field-hint{max-width:300px}.stage-heading{flex-direction:column;align-items:flex-start;gap:10px}.sheet-stage{height:250px}.editor-source{padding-top:20px}}@media (width<=560px){.editor-topbar{padding:12px 14px}.editor-version{display:none}.local-badge{gap:4px;font-size:9px}.editor-workspace{letter-spacing:.8px;font-size:8px}.editor-body{flex-direction:column;display:flex}.editor-source{border-right:0;border-bottom:1px solid var(--ed-border);grid-template-columns:1fr 1fr;gap:0 12px;padding:17px 16px;display:grid}.editor-source>.panel-heading{grid-column:1/-1;margin-bottom:12px}.drop-zone{grid-area:2/1/5;min-height:148px;margin:0;padding:12px 5px}.drop-zone p{font-size:11px}.source-note{display:none}.example-divider{letter-spacing:.5px;align-self:end;margin:0 0 4px;font-size:7px}.example-button{gap:6px;min-height:56px;margin:5px 0 0;padding:6px}.example-thumb{flex-basis:30px;width:30px;height:32px}.example-button strong{font-size:10px}.example-button small{font-size:8px}.source-summary{grid-column:1/-1;margin:12px 0 0;font-size:10px}.clear-button{width:max-content;margin-top:8px}.asset-credit{text-align:right;grid-column:2;margin:10px 0 0;font-size:9px}.editor-main{padding:20px 16px 15px}.stage-heading{flex-direction:row;align-items:center;margin-bottom:14px}.sheet-stage{height:240px;padding:15px}.empty-state{padding:18px 10px}.editor-settings{column-gap:18px;padding:18px 16px;display:grid}.editor-settings .panel-heading{margin-bottom:1px}.field-label{font-size:10px}.sprite-editor select{padding-left:6px;font-size:10px}.export-summary strong{font-size:20px}.export-summary small{font-size:9px}.sprite-editor .export-button{margin-top:28px;padding:11px 5px;font-size:10px}.export-note{font-size:8px}.editor-status{padding:10px 15px;font-size:9px}.empty-state strong{font-size:13px}}@media (prefers-reduced-motion:reduce){.sprite-editor *{scroll-behavior:auto!important;transition:none!important}}