.ssg-wrap{display:flex;flex-direction:column;gap:.85rem}.ssg-wrap [hidden]{display:none}.ssg-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)}.ssg-drop:hover,.ssg-drop.drag-over{border-color:var(--color-primary);background:var(--color-surface)}.ssg-drop:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.ssg-drop-inner{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--color-text-secondary);pointer-events:none}.ssg-drop-inner p{margin:0;font-size:.95rem}.ssg-drop-inner .ssg-hint{font-size:.8rem}.ssg-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ssg-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)}.ssg-list-head{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem}.ssg-count{margin-right:auto;font-size:.88rem;font-weight:700;color:var(--color-text)}.ssg-list-tools{display:flex;align-items:center;gap:.5rem .75rem;margin-left:auto}.ssg-inline-field{display:inline-flex;align-items:center;gap:.5rem}.ssg-select{cursor:pointer}.ssg-inline-field .ssg-select{width:auto}.ssg-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;max-height:340px;overflow-x:hidden;overflow-y:auto;padding:.2rem}.ssg-item{position:relative;display:flex;flex-direction:column;gap:.2rem;min-width:0;padding:.35rem;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.ssg-thumb{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}.ssg-thumb canvas{display:block;max-width:100%;max-height:100%}.ssg-thumb canvas.ssg-pixelated{image-rendering:pixelated}.ssg-item-name,.ssg-item-size{overflow:hidden;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis}.ssg-item-name{font-size:.72rem;font-weight:700;color:var(--color-text)}.ssg-item-size{font-size:.7rem;color:var(--color-text-secondary)}.ssg-remove{position:absolute;top:.2rem;right:.2rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:var(--color-surface);color:var(--color-text-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft),var(--shadow-subtle);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.ssg-remove:before{content:"";position:absolute;inset:-8px}@media(hover:hover){.ssg-remove:hover{color:var(--color-danger);background:var(--color-surface-muted)}}.ssg-remove:active{transform:scale(.96)}.ssg-remove:focus-visible{outline:none;box-shadow:0 0 0 1px var(--color-primary),0 0 0 4px var(--color-primary-light)}.ssg-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:.75rem 1rem}.ssg-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.ssg-field .tool-input{width:100%}.ssg-fieldset{margin:0;padding:0;border:0;min-width:0}.ssg-fieldset legend{padding:0;margin-bottom:.3rem}.ssg-seg{display:flex;padding:3px;border-radius:var(--radius-pill);background:var(--color-surface-muted);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.ssg-seg label{position:relative;flex:1 1 0;min-width:0}.ssg-seg input{position:absolute;width:1px;height:1px;opacity:0}.ssg-seg span{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 .75rem;border-radius:var(--radius-pill);font-size:.88rem;font-weight:700;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.ssg-seg input:checked+span{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-subtle)}.ssg-seg input:focus-visible+span{box-shadow:0 0 0 1px var(--color-primary),0 0 0 4px var(--color-primary-light)}.ssg-checks{display:flex;flex-wrap:wrap;gap:0 1.25rem}.ssg-check{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-size:.88rem;color:var(--color-text);cursor:pointer}.ssg-check input{width:18px;height:18px;margin:0;flex-shrink:0}.ssg-status-line{display:block}.ssg-status-line.is-success{color:var(--color-success)}.ssg-status-line.is-error{color:var(--color-danger)}.ssg-status-line.is-info{color:var(--color-primary)}.ssg-status-line a{color:inherit;font-weight:700;text-decoration:underline}.ssg-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:0 1rem}.ssg-meta{margin:0 auto 0 0;font-family:var(--font-mono);font-size:.82rem;color:var(--color-text-secondary)}.ssg-preview{max-height:480px;overflow:auto;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.ssg-stage{position:relative;display:inline-block;max-width:100%;vertical-align:top;background:repeating-conic-gradient(color-mix(in oklch,var(--color-text-muted) 22%,transparent) 0% 25%,transparent 0% 50%) 0 0 / 16px 16px}.ssg-canvas{display:block;max-width:100%;height:auto}.ssg-bounds{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ssg-bounds rect{fill:none;stroke:var(--color-primary);stroke-width:1;vector-effect:non-scaling-stroke}.ssg-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.ssg-actions .ssg-copy{min-height:40px;padding:.52rem 1.1rem;font-size:.9rem}.ssg-data{min-height:200px}@media(max-width:640px){.ssg-list{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));max-height:50vh}.ssg-seg span{min-height:44px}.ssg-actions .btn-primary,.ssg-actions .btn-secondary,.ssg-actions .ssg-copy{flex:1 1 45%;min-height:44px}}