.sprite-workbench{--sw-ink:var(--color-ink);--sw-teal:var(--color-accent);--sw-line:var(--color-rule);color:var(--sw-ink);background:var(--color-surface);border:1px solid var(--color-rule-2);border-radius:var(--radius-card);overflow:hidden;scroll-margin-top:88px;text-align:left;font-family:var(--font-body);font-size:var(--text-sm)}.sprite-workbench button,.sprite-workbench input,.sprite-workbench select{font:inherit}.sprite-workbench button{cursor:pointer}.sprite-workbench button:disabled{opacity:.45;cursor:not-allowed}.sprite-workbench button:focus-visible,.sprite-workbench input:focus-visible,.sprite-workbench select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 20px;border-bottom:1px solid var(--color-rule-2);background:var(--color-paper-2)}.sw-local,.sw-toolbar>div{display:flex;align-items:center;gap:8px}.sw-toolbar strong{font-size:var(--text-sm)}.sw-toolbar svg{color:var(--sw-teal)}.sw-demo-tag{font-size:var(--text-xs);background:var(--color-paper-2);border:1px solid var(--color-rule);padding:4px 8px;border-radius:5px}.sw-demo-tag,.sw-local{color:var(--color-muted)}.sw-local{font-size:var(--text-sm);white-space:nowrap}.sw-panels{display:grid;grid-template-columns:248px minmax(0,1fr) 276px}.sw-input-panel,.sw-settings-panel{padding:20px}.sw-input-panel{border-right:1px solid var(--sw-line)}.sw-settings-panel{border-left:1px solid var(--sw-line)}.sw-panel-label{display:flex;justify-content:space-between;gap:8px;font-size:var(--text-xs);font-weight:600;margin-bottom:16px;min-height:20px}.sw-icon-button,.sw-panel-label{align-items:center;color:var(--color-muted)}.sw-icon-button{display:inline-flex;justify-content:center;border:0;background:none;width:24px;height:24px;border-radius:4px}.sw-icon-button:hover{background:var(--color-paper-2);color:var(--sw-teal)}.sw-input-tabs{display:flex;padding:4px;gap:4px;border:1px solid var(--sw-line);border-radius:7px;background:var(--color-paper-2);margin-bottom:16px}.sw-input-tabs button{flex:1;background:none;color:var(--color-muted);border:0;border-radius:4px;padding:8px 4px;font-size:var(--text-xs);white-space:nowrap}.sw-input-tabs button[aria-pressed=true]{background:transparent;color:var(--sw-ink);border:1px solid var(--color-field-edge);font-weight:600}.sw-hidden-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.sw-upload{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:148px;border:1px dashed var(--color-field-edge);border-radius:var(--radius-card);background:var(--color-paper);color:var(--sw-ink);padding:16px 12px;transition:border-color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.sw-drop-active,.sw-upload:hover{background:var(--color-accent-wash);border-color:var(--sw-teal)}.sw-upload strong{font-size:var(--text-sm)}.sw-upload small,.sw-upload>span:not(.sw-upload-icon){font-size:var(--text-xs);color:var(--color-muted)}.sw-upload small{margin-top:8px}.sw-upload-icon{width:44px;height:44px;border:1px solid var(--color-rule);background:var(--color-surface);border-radius:11px;margin-bottom:4px}.sw-text-button,.sw-upload-icon{display:flex;align-items:center;justify-content:center;color:var(--sw-teal)}.sw-text-button{gap:8px;width:100%;font-size:var(--text-xs)!important;border:0;background:none;padding:12px 0}.sw-input-summary{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--sw-line);color:var(--color-muted)}.sw-input-summary>div{display:flex;flex-direction:column;gap:4px}.sw-input-summary strong{font-size:var(--text-sm);color:var(--sw-ink)}.sw-help,.sw-input-summary span{font-size:var(--text-xs)}.sw-help{line-height:1.65;color:var(--color-muted);margin:12px 0 0}.sw-preview-panel{min-width:0;padding:20px;background:var(--color-paper);container-type:inline-size}.sw-preview-layout{display:grid;gap:12px;margin-bottom:16px}.sw-preview-layout .sw-preview-heading{margin-bottom:0}.sw-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--color-muted);font-size:var(--text-xs);margin-bottom:16px}.sw-preview-heading>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600}.sw-preview-heading>span:last-child{font-family:var(--font-mono);font-size:var(--text-xs)}.sw-atlas-stage{min-height:256px;max-height:410px;display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid var(--color-rule-2);border-radius:var(--radius-card);box-shadow:inset 0 2px 6px var(--color-shadow);overflow:auto;background-color:var(--color-check-a);background-image:conic-gradient(var(--color-check-b) 25%,transparent 0 50%,var(--color-check-b) 0 75%,transparent 0);background-size:16px 16px}.sw-atlas-stage canvas{display:block;max-width:100%;max-height:340px;width:auto;height:auto;image-rendering:pixelated;object-fit:contain;border:1px solid var(--color-rule-2);box-shadow:0 4px 12px var(--color-shadow);min-width:192px}.sw-animation-bar{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px 8px;padding:12px;margin-top:0;grid-row:1;min-width:0;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-control)}.sw-animation-image{grid-column:1/-1;width:100%;height:224px;border:1px solid var(--color-rule);border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--color-paper-2)}.sw-animation-image img{width:192px;height:192px;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.sw-play{display:flex;align-items:center;justify-content:center;border:1px solid var(--sw-line);background:var(--color-surface);width:44px;height:44px;border-radius:50%;color:var(--sw-teal)}.sw-animation-bar>div:not(.sw-animation-image){display:flex;flex-direction:column;gap:4px}.sw-animation-bar strong{font-size:var(--text-xs)}.sw-animation-bar span,.sw-fps{font-size:var(--text-xs);color:var(--color-muted)}.sw-fps{display:flex;align-items:center;gap:8px;margin-left:auto}.sw-fps input{width:44px;height:44px;border:1px solid var(--color-field-edge);border-radius:5px;background:var(--color-surface);padding:4px;color:var(--sw-ink)}.sw-frame-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--text-xs);color:var(--color-muted);margin:8px 0 12px}.sw-frame-heading>span:first-child{font-weight:600}.sw-frame-heading>span:last-child{letter-spacing:0}.sw-frame-list{display:flex;flex-wrap:wrap;gap:8px;max-height:240px;overflow:auto;padding:2px}.sw-frame{flex:0 0 57px;min-width:0;border:1px solid var(--color-rule);border-radius:6px;background:var(--color-surface);padding:4px}.sw-frame-active{border-color:var(--sw-teal);box-shadow:0 0 0 1px var(--color-accent-wash)}.sw-frame-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:45px;background:var(--color-check-b);border:0;border-radius:3px;padding:4px}.sw-frame-image img{max-width:37px;max-height:37px;image-rendering:pixelated}.sw-frame-image span{position:absolute;bottom:1px;right:2px;font-size:var(--text-xs);color:var(--color-muted);background:var(--color-overlay);padding:0 2px}.sw-frame-actions{display:flex;justify-content:space-between;margin-top:4px}.sw-frame-actions button{display:flex;align-items:center;justify-content:center;background:none;border:0;width:15px;height:17px;color:var(--color-muted);border-radius:2px}.sw-frame-actions button:hover{background:var(--color-paper-2);color:var(--sw-teal)}.sw-field{display:block;font-size:var(--text-xs);font-weight:600;margin-bottom:16px}.sw-number-range{display:flex;align-items:center;gap:8px;margin-top:8px}.sw-number-range input[type=range]{min-width:0;flex:1;width:100%;accent-color:var(--sw-teal)}.sw-number-range input[type=number]{width:45px;height:31px;padding:4px;border:1px solid var(--color-field-edge);border-radius:5px;background:var(--color-surface)}.sw-two-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:16px}.sw-two-fields label{font-size:var(--text-xs);font-weight:600;min-width:0}.sw-two-fields label>span{font-size:var(--text-xs);color:var(--color-muted);font-weight:400}.sw-two-fields input{display:block;width:100%;height:33px;padding:8px;border:1px solid var(--color-field-edge);border-radius:5px;background:var(--color-surface);color:var(--sw-ink);margin-top:8px}.sw-checkbox{display:flex;gap:8px;align-items:center;font-size:var(--text-xs);font-weight:500;margin:8px 0}.sw-checkbox input{width:13px;height:13px;accent-color:var(--sw-teal)}.sw-color-field{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);margin:8px 0}.sw-color-field input{width:35px;height:25px;padding:2px;border:1px solid var(--color-field-edge);background:var(--color-surface);border-radius:4px}.sw-sheet-facts{margin:16px 0;padding:12px 0;border-block:1px solid var(--sw-line);display:flex;flex-direction:column;gap:8px}.sw-sheet-facts>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--text-xs);color:var(--color-muted)}.sw-sheet-facts strong{font-size:var(--text-xs);font-weight:500;color:var(--color-ink-2);font-family:var(--font-mono)}.sw-export-heading{display:flex;align-items:center;gap:8px;margin:16px 0;color:var(--sw-teal)}.sw-export-heading strong{font-size:var(--text-sm);color:var(--sw-ink)}.sw-field select{display:block;margin-top:8px;width:100%;border:1px solid var(--color-field-edge);height:34px;padding:4px 8px;background:var(--color-surface);color:var(--color-ink-2);border-radius:5px;font-size:var(--text-xs)}.sw-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid var(--color-accent-hover);border-radius:7px;padding:12px 8px;background:var(--sw-teal);color:var(--color-accent-ink);font-size:var(--text-sm)!important;font-weight:600;margin-top:16px;min-height:44px;box-shadow:0 2px 2px var(--color-shadow)}.sw-primary:hover{background:var(--color-accent-hover)}.sw-export-singles button:active,.sw-play:active,.sw-primary:active,.sw-secondary:active,.sw-upload:active{transform:translateY(1px)}.sw-export-singles button:hover,.sw-play:hover,.sw-secondary:hover{border-color:var(--color-field-edge)}.sw-input-tabs button:hover{color:var(--sw-ink)}.sw-export-singles{display:flex;gap:8px;margin-top:8px}.sw-export-singles button{flex:1;padding:8px 4px;font-size:var(--text-xs)!important;border:1px solid var(--color-rule-2);border-radius:var(--radius-control);background:transparent;color:var(--color-ink-2)}.sw-export-note,.sw-export-singles button{display:flex;justify-content:center;align-items:center;gap:4px}.sw-export-note{margin-top:12px}.sw-export-note,.sw-status{font-size:var(--text-xs);color:var(--color-muted)}.sw-status{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 20px;border-top:1px solid var(--sw-line);background:var(--color-paper);line-height:1.5}.sw-status-dot{width:5px;height:5px;flex:none;border-radius:50%;background:var(--color-success)}.sw-error{color:var(--color-error)}.sw-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--color-muted);text-align:center;min-height:200px}.sw-empty strong{color:var(--sw-ink)}.sw-empty p,.sw-empty strong{font-size:var(--text-sm)}.sw-source-options{padding-top:12px;border-top:1px solid var(--sw-line)}.sw-source-thumb{max-width:100%;max-height:80px;display:block;margin:0 auto;image-rendering:pixelated}.sw-source-options>p:not(.sw-help){font-size:var(--text-xs);color:var(--color-muted);text-align:center;margin:4px 0 16px}.sw-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px;border:1px solid var(--color-accent);border-radius:6px;background:var(--color-accent-wash);color:var(--sw-teal);font-size:var(--text-xs)!important;margin-top:12px}.sw-spin{animation:sw-spin 1s linear infinite}@keyframes sw-spin{to{transform:rotate(1turn)}}@container (min-width: 560px){.sw-preview-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:stretch}.sw-preview-layout .sw-atlas-stage{grid-column:1;min-height:256px;padding:12px}.sw-preview-layout .sw-atlas-stage canvas{min-width:0;max-height:224px}.sw-preview-layout .sw-animation-bar{grid-column:2;grid-row:1/3}}@media (min-width:1200px){.sw-atlas-stage canvas{min-width:280px}.sw-atlas-stage{min-height:278px}.sw-panels{grid-template-columns:264px minmax(0,1fr) 300px}.sw-input-panel,.sw-preview-panel,.sw-settings-panel{padding:24px}}@media (max-width:980px){.sw-panels{grid-template-columns:210px minmax(0,1fr) 240px}.sw-input-panel,.sw-preview-panel,.sw-settings-panel{padding:16px}.sw-toolbar{padding:12px 16px}.sw-atlas-stage{min-height:220px;padding:12px}.sw-demo-tag{display:none}.sw-animation-bar{gap:8px}.sw-fps{gap:4px}.sw-fps input{width:38px}.sw-frame-heading{flex-wrap:wrap}.sw-frame{flex-basis:52px}}@media (max-width:760px){.sw-panels{grid-template-columns:minmax(0,1fr)}.sw-preview-panel{grid-column:1/-1;grid-row:2;padding:16px}.sw-input-panel{grid-row:1;border-right:0}.sw-input-panel,.sw-settings-panel{border-top:1px solid var(--sw-line)}.sw-settings-panel{border-left:0}.sw-atlas-stage{min-height:250px}.sw-atlas-stage canvas{min-width:220px;max-height:300px}.sw-frame{flex-basis:55px}.sw-toolbar{align-items:flex-start}.sw-local{font-size:0;gap:0}.sw-local svg{width:18px;height:18px}.sw-animation-bar{gap:8px}}@media (max-width:440px){.sw-panels{display:flex;flex-direction:column}.sw-preview-panel{order:1;padding:12px}.sw-input-panel{order:0;border-right:0}.sw-settings-panel{order:2}.sw-upload{min-height:100px;gap:4px;padding-block:12px}.sw-upload-icon{display:none}.sw-upload small{margin-top:0}.sw-input-panel .sw-panel-label,.sw-input-tabs{margin-bottom:8px}.sw-toolbar strong{font-size:var(--text-sm)}.sw-atlas-stage{min-height:215px}.sw-atlas-stage canvas{min-width:180px}.sw-input-summary{margin-top:4px}.sw-two-fields{gap:16px}.sw-settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sw-settings-panel>.sw-checkbox,.sw-settings-panel>.sw-color-field,.sw-settings-panel>.sw-export-heading,.sw-settings-panel>.sw-export-note,.sw-settings-panel>.sw-export-singles,.sw-settings-panel>.sw-field:has(select),.sw-settings-panel>.sw-help,.sw-settings-panel>.sw-panel-label,.sw-settings-panel>.sw-primary,.sw-settings-panel>.sw-sheet-facts{grid-column:1/-1}.sw-settings-panel>.sw-two-fields{gap:8px}.sw-status{padding:8px 12px}.sw-frame-list{max-height:175px}}@media (prefers-reduced-motion:reduce){.sw-spin{animation:none}.sw-upload{transition:none}}.sw-image-boundary{display:flex;align-items:flex-start;gap:8px;margin:0;padding:12px 20px;background:var(--color-accent-wash);color:var(--color-accent-hover);border-bottom:1px solid var(--sw-line);font-size:var(--text-sm)}.sw-image-boundary svg{flex-shrink:0;margin-top:2px}@media (max-width:440px){.sw-image-boundary{padding:8px 12px;font-size:12px;line-height:1.45}}.sw-image-warning{background:var(--color-warn-ground);border:1px solid var(--color-warn-edge);border-radius:8px;padding:12px;margin:12px 0}.sw-image-warning p{margin:0;color:var(--color-warn-ink);font-size:var(--text-sm)}.sw-image-warning .sw-text-button{padding:8px 0 0;text-align:left;justify-content:flex-start}