.ucs-image-suite-workspace{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:24px;align-items:start;margin-top:18px}.ucs-image-suite-controls,.ucs-image-suite-preview{background:var(--ucs-surface,#fff);border:1px solid var(--ucs-border,#e5e7eb);border-radius:18px;padding:20px;box-shadow:var(--ucs-shadow-sm,0 8px 24px rgba(15,23,42,.06))}.ucs-image-suite-head{display:grid;gap:4px;margin-bottom:14px}.ucs-image-suite-head strong{font-size:1.02rem;color:var(--ucs-text,#111827)}.ucs-image-suite-head small{color:var(--ucs-muted,#667085);line-height:1.55}.ucs-image-suite-canvas-wrap{position:relative;display:grid;place-items:center;min-height:260px;border:1px solid var(--ucs-border,#e5e7eb);border-radius:14px;overflow:hidden;background:repeating-conic-gradient(#eef2f7 0 25%,#fff 0 50%) 50%/20px 20px}.ucs-image-suite-canvas-wrap canvas,.ucs-image-suite-canvas-wrap img,.ucs-image-suite-canvas-wrap video{display:block;max-width:100%;max-height:620px;object-fit:contain}.ucs-image-suite-canvas-wrap canvas{width:auto;height:auto}.ucs-image-suite-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.ucs-image-suite-stat{border:1px solid var(--ucs-border,#e5e7eb);border-radius:12px;padding:11px 12px;display:grid;gap:2px;background:var(--ucs-surface-soft,#f8fafc)}.ucs-image-suite-stat strong{font-size:18px}.ucs-image-suite-stat span{font-size:12px;color:var(--ucs-muted,#667085)}.ucs-image-suite-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.ucs-image-suite-swatch{width:94px;border:1px solid var(--ucs-border,#e5e7eb);border-radius:12px;overflow:hidden;background:var(--ucs-surface,#fff);padding:0;cursor:pointer;text-align:left}.ucs-image-suite-swatch i{display:block;height:58px}.ucs-image-suite-swatch span{display:block;padding:7px 8px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ucs-image-suite-compare{position:relative;width:100%;min-height:280px;overflow:hidden;border-radius:14px;background:#111827}.ucs-image-suite-compare img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.ucs-image-suite-compare .ucs-image-suite-before{position:absolute;inset:0;overflow:hidden;width:100%;clip-path:inset(0 50% 0 0);border-right:0}.ucs-image-suite-compare .ucs-image-suite-before img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}.ucs-image-suite-compare-range{width:100%;margin-top:12px}.ucs-image-suite-crop-stage{position:relative;display:inline-block;max-width:100%;margin:auto}.ucs-image-suite-crop-stage>img{display:block;max-width:100%;max-height:560px}.ucs-image-suite-crop-box{position:absolute;border:2px solid var(--ucs-primary,#2563eb);background:rgba(37,99,235,.08);box-shadow:0 0 0 200vmax rgba(15,23,42,.38);cursor:move;touch-action:none}.ucs-image-suite-crop-handle{position:absolute;width:14px;height:14px;border:2px solid var(--ucs-primary,#2563eb);background:#fff;border-radius:50%;z-index:2}.ucs-image-suite-crop-nw{left:-8px;top:-8px;cursor:nwse-resize}.ucs-image-suite-crop-n{left:50%;top:-8px;transform:translateX(-50%);cursor:ns-resize}.ucs-image-suite-crop-ne{right:-8px;top:-8px;cursor:nesw-resize}.ucs-image-suite-crop-e{right:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}.ucs-image-suite-crop-se{right:-8px;bottom:-8px;cursor:nwse-resize}.ucs-image-suite-crop-s{left:50%;bottom:-8px;transform:translateX(-50%);cursor:ns-resize}.ucs-image-suite-crop-sw{left:-8px;bottom:-8px;cursor:nesw-resize}.ucs-image-suite-crop-w{left:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}.ucs-image-suite-file-list{display:grid;gap:10px;max-height:410px;overflow:auto}.ucs-image-suite-file-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--ucs-border,#e5e7eb);border-radius:12px;background:var(--ucs-surface-soft,#f8fafc)}.ucs-image-suite-file-row img{width:54px;height:44px;object-fit:cover;border-radius:8px;background:#fff}.ucs-image-suite-file-row span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ucs-image-suite-grid-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.ucs-image-suite-grid-preview figure{margin:0;border:1px solid var(--ucs-border,#e5e7eb);border-radius:12px;overflow:hidden;background:var(--ucs-surface,#fff)}.ucs-image-suite-grid-preview img{width:100%;height:120px;object-fit:contain;background:repeating-conic-gradient(#eef2f7 0 25%,#fff 0 50%) 50%/16px 16px}.ucs-image-suite-grid-preview figcaption{padding:7px 8px;font-size:11px;color:var(--ucs-muted,#667085)}.ucs-image-suite-table{overflow:auto;max-height:520px}.ucs-image-suite-table table{width:100%;border-collapse:collapse}.ucs-image-suite-table th,.ucs-image-suite-table td{padding:9px 10px;border-bottom:1px solid var(--ucs-border,#e5e7eb);text-align:left;font-size:13px;vertical-align:top}.ucs-image-suite-code{display:block;white-space:pre-wrap;overflow:auto;max-height:380px;padding:12px;border:1px solid var(--ucs-border,#e5e7eb);border-radius:12px;background:var(--ucs-surface-soft,#f8fafc);font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.ucs-image-suite-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.ucs-image-suite-warning{margin-top:12px;padding:11px 13px;border-radius:12px;background:var(--ucs-warning-bg,#fff7ed);color:var(--ucs-warning-text,#9a3412);line-height:1.5}.ucs-image-suite-transparent-target{cursor:crosshair}.ucs-image-suite-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:var(--ucs-surface-soft,#f1f5f9);font-size:11px;color:var(--ucs-muted,#475569)}@media(max-width:900px){.ucs-image-suite-workspace{grid-template-columns:1fr}.ucs-image-suite-stats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ucs-image-suite-stats{grid-template-columns:1fr}.ucs-image-suite-controls,.ucs-image-suite-preview{padding:15px}.ucs-image-suite-swatch{width:82px}}