.main-workspace{display:flex;flex:1;min-height:0;overflow:hidden;background:var(--bg-dark)}.sp-checker,.frame-hit{--checker: color-mix(in srgb, var(--text-muted) 18%, transparent);background-color:var(--bg-card);background-image:linear-gradient(45deg,var(--checker) 25%,transparent 25%),linear-gradient(-45deg,var(--checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker) 75%),linear-gradient(-45deg,transparent 75%,var(--checker) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.main-workspace,.sp-edit-dialog,.sp-split-dialog,.sp-import-dialog,.sp-progress-dialog,.sp-shortcuts-dialog{word-break:keep-all;overflow-wrap:anywhere}.sp-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sp-label{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.sp-hint{margin:0;color:var(--text-muted);font-size:var(--fs-xs);line-height:1.55}.sp-hint-accent{color:var(--primary);font-weight:600}.sp-hint-danger,.sp-inline-alert{color:var(--danger)}.sp-inline-alert{margin:0;font-size:var(--fs-sm);line-height:1.5}.sp-result{margin:0;color:var(--secondary);font-size:var(--fs-sm);font-weight:600}.sp-row,.sp-control-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.sp-control-row:has(>.sp-field){align-items:flex-end}.sp-control-row>.btn,.sp-control-row>.badge{flex-shrink:0}.sp-grow{flex:1 1 200px;min-width:0;max-width:320px}.sp-self-start{align-self:flex-start}.sp-subhead{margin:0;color:var(--text-main);font-size:var(--fs-sm);font-weight:700}.sp-danger-text,.btn.sp-danger-text{color:var(--danger)}.sp-divider{width:1px;height:20px;background:var(--border-strong)}.badge.sp-badge-warn{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--bg-card))}.sp-alert{display:flex;align-items:flex-start;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger) 10%,var(--bg-panel));color:var(--text-main);font-size:var(--fs-sm);line-height:1.5;animation:ui-fade-in var(--dur-base) var(--ease-out)}.sp-alert>.material-symbols-outlined{margin-top:1px;color:var(--danger);font-size:20px}.sp-alert-text{flex:1;min-width:0;padding-top:2px}.sp-field{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.sp-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.sp-field-head label{color:var(--text-muted);font-size:var(--fs-sm)}.sp-field-value{color:var(--text-main);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.sp-field input[type=range]{margin:0;height:24px}.sp-field input[type=range]:disabled{opacity:.4;cursor:not-allowed}.sp-num{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.sp-num label,.sp-text-field label{color:var(--text-muted);font-size:var(--fs-sm)}.sp-input{width:100%;min-width:0;height:36px;padding:0 var(--sp-3);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main);font-family:inherit;font-size:var(--fs-base);font-variant-numeric:tabular-nums;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.sp-input:hover:not(:disabled){border-color:var(--text-faint)}.sp-input:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.sp-input:disabled{opacity:.45;cursor:not-allowed}.sp-num .sp-input{width:88px;text-align:center}.sp-check{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:32px;color:var(--text-main);font-size:var(--fs-sm);cursor:pointer}.sp-check input{flex-shrink:0;width:16px;height:16px;margin:0}.sp-check:has(input:disabled){opacity:.45;cursor:not-allowed}.sp-color{width:44px;height:36px;padding:3px;border-radius:var(--radius-sm);border-color:var(--border-input)}.sp-hex{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xs)}.icon-btn.sp-outline{border-color:var(--border-strong);background:var(--bg-card)}.sp-seg{display:inline-flex;flex-wrap:wrap;padding:2px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-card);gap:2px}.sp-seg-btn{min-height:30px;padding:0 var(--sp-3);border:0;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-muted);font-family:inherit;font-size:var(--fs-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.sp-seg-btn:hover:not(:disabled):not([aria-checked=true]){background:var(--bg-hover);color:var(--text-main)}.sp-seg-btn[aria-checked=true]{background:var(--primary);color:var(--on-primary)}.sp-seg-btn:disabled{opacity:.4;cursor:not-allowed}.sp-seg-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sp-adjust{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--sp-3) var(--sp-4)}.sp-adjust-checks{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4);grid-column:1 / -1}.frame-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.panel-toolbar{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-panel);border-bottom:1px solid var(--border);max-height:60%;overflow-y:auto;overscroll-behavior:contain}.sp-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.sp-file-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.sp-total{font-size:var(--fs-xs)}.sp-toolbar-end{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-left:auto}.sp-icon-group{display:flex;gap:2px}.sp-thumb-size{display:inline-flex;align-items:center;gap:var(--sp-2);width:132px;color:var(--text-muted)}.sp-thumb-size .material-symbols-outlined{font-size:18px}.sp-thumb-size input{flex:1;min-width:0;margin:0}.sp-selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-dark)}.sp-selection-status{color:var(--text-main);font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums}.sp-selection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1);margin-left:auto}.sp-selection-actions .btn .material-symbols-outlined,.sp-toolbar-row .btn-sm .material-symbols-outlined{font-size:16px}.toolbar-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:2px;border-bottom:1px solid var(--border)}.toolbar-tab{position:relative;display:inline-flex;align-items:center;gap:var(--sp-1);min-height:36px;margin-bottom:-1px;padding:0 var(--sp-3);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast)}.toolbar-tab:hover{color:var(--text-main)}.toolbar-tab.active{color:var(--text-main);border-bottom-color:var(--primary)}.sp-tab-dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--secondary)}.sp-tabs-collapse{margin-left:auto}.tab-content{padding-top:var(--sp-1);animation:ui-fade-in var(--dur-base) var(--ease-out)}.sp-tab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-3)}.sp-group{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0;padding:var(--sp-3) var(--sp-4) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-dark)}.sp-tab-stack{display:flex;flex-direction:column;gap:var(--sp-3);max-width:880px}.sp-quality{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.sp-quality .badge{font-size:var(--fs-xs)}.frame-grid-scroll{flex:1;min-height:0;position:relative;overflow-y:auto;padding:var(--sp-4) var(--sp-5) var(--sp-24)}.frame-grid-scroll.file-drag-over{outline:2px dashed var(--primary);outline-offset:-2px;background:rgb(var(--primary-rgb) / .04)}.file-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-sticky);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);background:rgb(var(--primary-rgb) / .08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--primary);font-size:var(--fs-md);font-weight:600;pointer-events:none}.file-drop-overlay .material-symbols-outlined{font-size:56px}.file-drop-overlay p{margin:0}.sp-grid-hint{margin:0 0 var(--sp-3);color:var(--text-faint);font-size:var(--fs-xs)}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--sp-thumb, 100px),1fr));gap:var(--sp-3)}.frame-grid.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.frame-card{position:relative;aspect-ratio:1;min-width:0}.frame-hit{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast),opacity var(--dur-fast)}.frame-hit:hover{border-color:var(--border-strong)}.frame-hit:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.frame-hit img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.frame-grid.is-pixelated .frame-hit img{image-rendering:pixelated}.frame-card.selected .frame-hit{border-color:var(--primary);box-shadow:0 0 0 2px rgb(var(--primary-rgb) / .4),inset 0 0 0 999px rgb(var(--primary-rgb) / .08)}.frame-index{position:absolute;top:var(--sp-1);left:var(--sp-1);display:inline-flex;align-items:center;gap:2px;min-height:20px;padding:0 var(--sp-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-dark) 78%,transparent);color:var(--text-main);font-size:var(--fs-xs);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none}.frame-index .material-symbols-outlined{font-size:14px}.frame-card.selected .frame-index{background:var(--primary);color:var(--on-primary)}.frame-action{position:absolute;top:var(--sp-1);z-index:var(--z-raised);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-panel) 88%,transparent);color:var(--text-main);cursor:pointer;opacity:0;transition:opacity var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.frame-action .material-symbols-outlined{font-size:16px}.frame-delete-btn{right:var(--sp-1)}.frame-edit-btn{right:calc(var(--sp-1) + 32px)}.frame-card:hover .frame-action,.frame-card:focus-within .frame-action{opacity:1}.frame-action:focus-visible{opacity:1;outline:2px solid var(--primary);outline-offset:1px}.frame-edit-btn:hover{background:var(--primary);color:var(--on-primary)}.frame-delete-btn:hover{background:var(--danger);color:var(--on-danger)}.frame-grid.is-picking .frame-hit{cursor:var(--sp-pick-cursor, crosshair)}.frame-grid.is-picking .frame-action{display:none}.frame-card.dragging .frame-hit{opacity:.35}.frame-card.drop-before:before,.frame-card.drop-after:after{content:"";position:absolute;top:0;bottom:0;z-index:var(--z-raised);width:4px;border-radius:var(--radius-pill);background:var(--primary);box-shadow:0 0 0 2px var(--bg-dark)}.frame-card.drop-before:before{left:calc(var(--sp-3) / -2 - 2px)}.frame-card.drop-after:after{right:calc(var(--sp-3) / -2 - 2px)}.frame-drag-ghost{position:fixed;top:0;left:0;z-index:var(--z-popover);width:64px;height:64px;border:2px solid var(--primary);border-radius:var(--radius-sm);background:var(--bg-card);box-shadow:var(--shadow-1);pointer-events:none}.frame-drag-ghost img{display:block;width:100%;height:100%;object-fit:contain}.frame-drag-count{position:absolute;top:-10px;right:-10px;min-width:22px;height:22px;padding:0 var(--sp-1);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-size:var(--fs-xs);font-weight:700;line-height:22px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--sp-8);padding:var(--sp-10) var(--sp-5);color:var(--text-muted)}.empty-drop-zone{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);width:100%;max-width:560px;padding:var(--sp-10) var(--sp-8);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;transition:border-color var(--dur-base),background var(--dur-base)}.file-drag-over .empty-drop-zone{border-color:var(--primary);background:rgb(var(--primary-rgb) / .06)}.empty-drop-zone .material-symbols-outlined{margin-bottom:var(--sp-1);font-size:40px;color:var(--primary)}.empty-drop-title{margin:0;font-size:var(--fs-md);font-weight:600;color:var(--text-main)}.empty-drop-sub{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}.empty-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--sp-2) var(--sp-5);width:100%;max-width:760px}.empty-feature-card{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:var(--sp-3);align-items:start;min-width:0;padding:var(--sp-3);border-radius:var(--radius-md);text-align:left}.empty-feature-card .material-symbols-outlined{grid-row:1 / span 2;margin-top:1px;font-size:22px;color:var(--primary)}.empty-feature-card h4{grid-column:2;margin:0 0 2px;font-size:var(--fs-base);font-weight:600;color:var(--text-main)}.empty-feature-card p{grid-column:2;margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--text-muted)}.sidebar{flex-shrink:0;display:flex;flex-direction:column;width:var(--sp-sidebar-w, 360px);overflow-y:auto;overflow-x:hidden;background:var(--bg-panel);border-left:1px solid var(--border)}.resize-handle{position:relative;z-index:var(--z-raised);flex-shrink:0;width:8px;margin:0 -4px;background:transparent;cursor:col-resize;touch-action:none;transition:background var(--dur-fast)}.resize-handle:hover,.resize-handle:active,.resize-handle:focus-visible{background:rgb(var(--primary-rgb) / .5);outline:none}body.sp-col-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.sp-sheet-head{display:none}.sidebar-section{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-5);border-bottom:1px solid var(--border)}.sidebar-section:last-child{border-bottom:none}.sidebar-section h3{margin:0;font-size:var(--fs-sm);font-weight:700;color:var(--text-muted)}.sp-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2)}.sp-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.sp-chip{padding:2px var(--sp-2);border-radius:var(--radius-pill);background:rgb(var(--secondary-rgb) / .14);color:var(--secondary);font-size:var(--fs-xs);font-weight:600}.sp-preview{display:flex;flex-direction:column;gap:var(--sp-2)}.preview-container{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);touch-action:pan-x pan-y}.preview-container.sized{aspect-ratio:auto}.preview-container canvas{flex-shrink:0;max-width:none;transform-origin:center center;will-change:transform}.preview-container canvas.is-pixelated{image-rendering:pixelated}.sp-preview-empty{color:var(--text-muted);font-size:var(--fs-sm)}.preview-container.zoomed{cursor:grab;touch-action:none}.preview-container.zoomed:active{cursor:grabbing}.preview-container.picking,.preview-container.picking.zoomed{cursor:var(--sp-pick-cursor, crosshair)}.preview-resize-grip{position:absolute;left:0;right:0;bottom:0;z-index:var(--z-raised);display:flex;align-items:center;justify-content:center;height:14px;cursor:ns-resize;touch-action:none}.preview-resize-grip:before{content:"";width:36px;height:3px;border-radius:var(--radius-pill);background:var(--text-faint);opacity:.7}.preview-resize-grip:hover:before{background:var(--primary);opacity:1}.eyedropper-active-indicator{position:absolute;top:var(--sp-2);right:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);font-size:var(--fs-xs);font-weight:600;pointer-events:none}.sp-preview-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2)}.sp-preview-group{display:flex;align-items:center;gap:2px}.icon-btn.sp-play-btn{background:rgb(var(--primary-rgb) / .14);color:var(--primary)}.icon-btn.sp-play-btn:hover:not(:disabled){background:rgb(var(--primary-rgb) / .24);color:var(--primary)}.sp-counter,.sp-zoom-value{min-width:52px;color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:center}.sp-export-scope{margin:0;color:var(--text-main);font-size:var(--fs-sm);line-height:1.55}.sp-export-only:has(input:checked){color:var(--primary);font-weight:600}.sp-sheet-preview{display:flex;align-items:center;justify-content:center;min-height:72px;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.sp-sheet-preview canvas{display:block;max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain}.sp-sheet-preview canvas.is-pixelated{image-rendering:pixelated;min-width:min(100%,160px)}.sp-sheet-size{margin:0;color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.sp-sheet-size.is-danger{color:var(--danger);font-weight:600}.sp-field-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-3)}.sp-size-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-2) var(--sp-3)}.sp-size-row .sp-num{flex:1 1 96px}.sp-size-row .sp-num .sp-input{width:100%}.icon-btn.sp-lock-btn{margin-bottom:0;border-color:var(--border)}.sp-text-field{display:flex;flex-direction:column;gap:var(--sp-1)}.btn.sp-block{width:100%}.sp-anim-export{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border)}.sp-two{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}.sp-export .sprite-cloud-save{margin:var(--sp-1) 0 0}.sidebar-toggle,.sidebar-backdrop{display:none}.sp-progress{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--bg-card)}.sp-progress-bar{width:100%;height:100%;border-radius:inherit;background:var(--primary);transform-origin:left center;transition:transform var(--dur-fast) linear}.sp-progress-meta{display:flex;align-items:baseline;gap:var(--sp-3);margin-top:var(--sp-3)}.sp-progress-pct{color:var(--text-main);font-size:var(--fs-md);font-weight:700;font-variant-numeric:tabular-nums}.sp-split-dialog .sprite-sheet-preview{margin-bottom:var(--sp-3)}.sp-split-dialog .sprite-sheet-preview-inner img{max-height:280px}.sp-split-dialog .ui-dialog-body{display:flex;flex-direction:column;gap:var(--sp-3)}.sp-split-fields{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.sp-edit-body{display:flex;gap:var(--sp-5)}.sp-edit-preview{flex:1;min-width:0;height:min(56vh,440px);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-md)}.sp-edit-preview canvas{display:block;width:100%;height:100%;object-fit:contain}.sp-edit-preview canvas.is-pixelated{image-rendering:pixelated}.sp-edit-controls{display:flex;flex-direction:column;gap:var(--sp-3);width:300px;flex-shrink:0}.sp-edit-controls .sp-adjust{grid-template-columns:1fr;gap:var(--sp-2)}.sp-edit-bg{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border)}.sp-shortcuts{display:flex;flex-direction:column;margin:0}.sp-shortcut-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.sp-shortcut-row:last-child{border-bottom:0}.sp-shortcut-row dt{display:flex;flex-wrap:wrap;gap:var(--sp-1);width:160px;flex-shrink:0}.sp-shortcut-row dd{margin:0;color:var(--text-muted);font-size:var(--fs-sm)}.sp-shortcuts kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 var(--sp-2);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-xs);background:var(--bg-card);color:var(--text-main);font-family:inherit;font-size:var(--fs-xs);font-weight:600}@media(pointer:coarse){.main-workspace .btn,.sp-edit-dialog .btn,.sp-split-dialog .btn,.toolbar-tab,.sp-seg-btn,.sp-check,.sp-input{min-height:40px}.sp-input{height:40px}.sp-field input[type=range]{height:32px}.frame-grid{grid-template-columns:repeat(auto-fill,minmax(max(var(--sp-thumb, 100px),104px),1fr))}.frame-action{width:40px;height:40px;border:0;background:transparent;opacity:1}.frame-action .material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-panel) 86%,transparent);font-size:16px}.frame-edit-btn:hover,.frame-delete-btn:hover{background:transparent;color:var(--text-main)}.frame-edit-btn:active .material-symbols-outlined{background:var(--primary);color:var(--on-primary)}.frame-delete-btn:active .material-symbols-outlined{background:var(--danger);color:var(--on-danger)}.frame-delete-btn{top:0;right:0}.frame-edit-btn{top:auto;bottom:0;right:0}.frame-index{top:6px;left:6px}.sp-color{height:40px}}@media(pointer:coarse)and (hover:none){.sp-shortcuts-btn{display:none}}@media(max-width:1279px){.sidebar{max-width:36vw}}@media(max-width:1023px){.panel-toolbar{padding:var(--sp-3)}.frame-grid-scroll{padding:var(--sp-3) var(--sp-3) var(--sp-24)}}@media(max-width:767px){.resize-handle{display:none}.panel-toolbar{max-height:55%}.sidebar{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-sheet);width:min(360px,92vw);max-width:none;border-left:1px solid var(--border);box-shadow:var(--shadow-2);transform:translate(105%);transition:transform var(--dur-slow) var(--ease-out)}.sidebar.open{transform:translate(0)}.sp-sheet-head{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-5);border-bottom:1px solid var(--border);background:var(--bg-panel)}.sp-sheet-head h2{margin:0;font-size:var(--fs-md);font-weight:700}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sheet) - 10);background:color-mix(in srgb,var(--bg-dark) 62%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;right:var(--sp-4);bottom:calc(var(--sp-5) + env(safe-area-inset-bottom,0px));z-index:var(--z-fab);width:52px;height:52px;border:none;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-1)}.sidebar-toggle[aria-expanded=true]{display:none}.sidebar-toggle .material-symbols-outlined{font-size:24px}.sp-edit-body{flex-direction:column;gap:var(--sp-3)}.sp-edit-preview{height:34vh;min-height:180px}.sp-edit-controls{width:100%}.sp-grow{flex-basis:100%;max-width:none}.sp-selection-actions,.sp-toolbar-end{margin-left:0}.sp-thumb-size{width:108px}}@media(max-width:479px){.panel-toolbar{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.sp-file-actions .btn{padding:8px 10px}.sp-toolbar-end .sp-btn-label,.sp-selection-actions .sp-btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sp-selection-actions .btn{min-width:40px;padding:0 10px}.sp-divider{display:none}.empty-state{gap:var(--sp-6);padding:var(--sp-6) var(--sp-3)}.empty-drop-zone{padding:var(--sp-8) var(--sp-5)}.empty-features{gap:var(--sp-1) 0}.frame-grid-scroll{padding:var(--sp-3) var(--sp-3) var(--sp-24)}.sp-shortcut-row{flex-direction:column;align-items:flex-start;gap:var(--sp-1)}.sp-shortcut-row dt{width:auto}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-backdrop,.tab-content,.sp-alert,.sp-progress-bar{transition:none;animation:none}}