.isp-wrap{display:flex;flex-direction:column;gap:.85rem}.isp-wrap [hidden]{display:none}.isp-drop{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:2rem 1rem;text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);background:var(--color-bg-secondary)}.isp-drop:hover,.isp-drop.drag-over{border-color:var(--color-primary);background:var(--color-surface)}.isp-drop:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.isp-drop-inner{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--color-text-secondary);pointer-events:none}.isp-drop-inner p{margin:0;font-size:.95rem}.isp-drop-inner .isp-hint{font-size:.8rem}.isp-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.isp-workspace{display:flex;flex-direction:column;gap:.85rem}.isp-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem .75rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.isp-info-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .45rem;margin:0;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-secondary)}.isp-name{font-weight:700;color:var(--color-text);overflow-wrap:anywhere}.isp-info-sep{color:var(--color-text-muted)}.isp-info-actions{display:flex;flex-wrap:wrap;gap:.4rem}.isp-settings{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;border:0}.isp-settings:disabled{opacity:.7}.isp-seg{display:inline-flex;align-self:flex-start;max-width:100%;gap:.2rem;padding:.2rem;border-radius:var(--radius-pill);background:var(--color-surface-muted);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.isp-seg-btn{min-height:34px;padding:.35rem .95rem;border:0;border-radius:var(--radius-pill);background:none;color:var(--color-text-secondary);font-size:.86rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}@media(hover:hover){.isp-seg-btn:hover{color:var(--color-primary)}}.isp-seg-btn[aria-pressed=true]{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-subtle),inset 0 0 0 1px var(--color-border-soft)}.isp-seg-btn:focus-visible{outline:none;box-shadow:0 0 0 1px var(--color-primary),0 0 0 4px var(--color-primary-light)}.isp-panel-tile{display:flex;flex-direction:column;gap:.5rem}.isp-fields,.isp-export-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.6rem 1rem}.isp-field{display:flex;flex-direction:column;gap:.3rem}.isp-num{width:7rem}.isp-select{width:auto;min-width:7rem}.isp-checks{display:flex;flex-wrap:wrap;gap:.3rem 1.25rem}.isp-check{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--color-text-secondary);cursor:pointer}.isp-color{width:2.8rem;height:2.5rem;padding:.15rem;border:0;border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-soft);cursor:pointer}.isp-preview{padding:.5rem;border-radius:var(--radius-md);background:repeating-conic-gradient(color-mix(in oklch,var(--color-text-muted) 22%,transparent) 0% 25%,transparent 0% 50%) 0 0 / 16px 16px;box-shadow:inset 0 0 0 1px var(--color-border-soft)}.isp-stage-area{display:flex;justify-content:center;width:100%}.isp-stage{position:relative;max-width:100%}.isp-canvas{display:block;width:100%;height:100%}.isp-canvas.isp-pixelated,.isp-thumb.isp-pixelated{image-rendering:pixelated}.isp-crop{position:absolute;box-sizing:border-box;border:2px solid var(--color-primary);cursor:move;touch-action:none}.isp-crop.is-dragging{cursor:grabbing}.isp-crop:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-primary)}.isp-note,.isp-summary{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.isp-summary{font-family:var(--font-mono);font-weight:700;color:var(--color-text)}.isp-warn{margin:0;padding:.6rem .8rem;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-danger) 45%,transparent);font-size:.85rem;color:var(--color-text)}.isp-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.6rem;max-height:560px;overflow:auto;padding:.3rem;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.isp-tiles:empty{display:none}.isp-tiles.isp-tiles-ig{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px}.isp-cell{display:flex;flex-direction:column;gap:.3rem;padding:.35rem;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.isp-thumb-box{display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm);background:repeating-conic-gradient(color-mix(in oklch,var(--color-text-muted) 22%,transparent) 0% 25%,transparent 0% 50%) 0 0 / 12px 12px}.isp-thumb{display:block;width:100%;height:100%;object-fit:contain}.isp-cell-foot{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.isp-cell-label{font-family:var(--font-mono);font-size:.74rem;font-weight:700;line-height:1.3;color:var(--color-text)}.isp-cell-dl:disabled{opacity:.5;cursor:default}.isp-panel{display:flex;flex-direction:column;gap:.75rem;padding:.9rem 1rem;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.isp-panel-title{margin:0;font-family:var(--font-sans);font-size:.95rem;font-weight:760;color:var(--color-text)}.isp-quality-field{flex:1 1 200px;max-width:320px}.isp-quality-val{font-family:var(--font-mono);color:var(--color-text)}.isp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}@media(max-width:640px){.isp-seg{display:flex;align-self:stretch}.isp-seg-btn{flex:1 1 0;min-height:44px;padding:.35rem .5rem;white-space:normal}.isp-fields,.isp-export-row{flex-direction:column;align-items:stretch}.isp-num,.isp-select{width:100%}.isp-color{width:44px;height:44px}.isp-quality-field{flex-basis:auto;max-width:none}.isp-tiles{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));max-height:60vh}.isp-tiles.isp-tiles-ig{grid-template-columns:repeat(3,minmax(0,1fr))}.isp-info-actions{flex:1 1 100%}.tool-widget .isp-info-actions .btn-sm{flex:1 1 0}.isp-actions .btn-primary{flex:1 1 100%}}