.ig-page{--ig-toolbar-h:56px;--ig-actionbar-h:64px;--ig-inspector-w:340px;--ig-gap:16px;--ig-nav-offset:86px;--ig-sticky-top:84px;--ig-workspace-h:max(340px, calc(100vh - 400px));max-width:var(--max-width);padding:var(--ig-nav-offset) 1.1rem 2rem;background:0 0;margin:0 auto}.ig-noscript{text-align:center;color:var(--muted);padding:4rem 0}.ig-view{gap:var(--ig-gap);align-content:start;display:grid}.ig-pagehead{gap:1.1rem;margin-bottom:.35rem;display:grid}.ig-back{color:var(--muted);justify-self:start;gap:.4rem;padding-inline:0;font-size:.85rem;font-weight:500}.ig-back:hover{color:var(--fg)}.ig-back-icon{transition:transform .2s var(--ease-out);display:inline-flex}.ig-back:hover .ig-back-icon{transform:translate(-2px)}.ig-back-icon svg{width:15px;height:15px}.ig-heading{gap:.32rem;display:grid}.ig-title{letter-spacing:-.022em;color:var(--fg);margin:0;font-size:1.75rem;font-weight:600;line-height:1.15}.ig-lede{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.ig-toolbar{top:var(--ig-sticky-top);z-index:20;background:color-mix(in srgb, var(--bg-elev) 84%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--border);border-radius:var(--radius);min-height:var(--ig-toolbar-h);align-items:center;gap:.7rem;padding:.5rem .6rem;display:flex;position:sticky;box-shadow:0 6px 20px #00000047}.ig-toolbar-sep{background:var(--border-strong);flex-shrink:0;align-self:stretch;width:1px;margin-block:.4rem}.ig-filechip-slot{flex:0 auto;align-items:center;min-width:0;display:flex}.ig-filechip{font:inherit;min-width:0;max-width:100%;transition:background .2s var(--ease-out), border-color .2s var(--ease-out);align-items:center;gap:.55rem;display:inline-flex}.ig-filechip.ghost{border:1px dashed var(--border-strong);color:var(--muted);font-size:.82rem}.ig-filechip.ghost:hover{color:var(--fg);border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.ig-filechip-icon{color:var(--color-accent);display:inline-flex}.ig-filechip-icon svg{width:14px;height:14px}.ig-filechip.loaded{border-radius:var(--radius-field);background:var(--surface-2);border:1px solid var(--border);color:var(--fg);padding:.22rem .3rem .22rem .28rem}.ig-filechip-thumb{object-fit:cover;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:28px;height:28px}.ig-filechip-info{flex-direction:column;min-width:0;line-height:1.25;display:flex}.ig-filechip-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:24ch;font-size:.82rem;font-weight:500;overflow:hidden}.ig-filechip-meta{font-family:var(--font-mono);color:var(--muted);letter-spacing:.02em;font-size:.68rem}.ig-filechip-clear{color:var(--muted);flex-shrink:0}.ig-filechip-clear:hover{color:var(--fg);background:#ef444438}.ig-filechip-clear svg{width:13px;height:13px}.ig-tabs{flex-shrink:0}.ig-tabs.tabs-box{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.2rem}.ig-tabs .tab{min-height:30px;color:var(--muted);transition:color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border-radius:999px;padding:.3rem .95rem;font-size:.85rem;font-weight:500}.ig-tabs .tab:hover:not(.tab-active){color:var(--fg)}.ig-tabs .tab.tab-active{color:var(--fg);background:color-mix(in srgb, var(--color-primary) 32%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 48%, transparent)}.ig-toolbar-spacer{flex:auto;min-width:0}.ig-reset-icon{color:var(--muted);transition:color .2s var(--ease-out), transform .3s var(--ease-out);flex-shrink:0}.ig-reset-icon:hover{color:var(--fg);transform:rotate(-45deg)}.ig-reset-icon svg{width:16px;height:16px}.ig-reset-icon[hidden]{display:none}.ig-error-slot{gap:.5rem;display:grid}.ig-error-slot:empty{display:none}.ig-error{color:var(--fg);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.ig-error-icon{color:#fca5a5;flex-shrink:0;display:inline-flex}.ig-error-icon svg{width:18px;height:18px;margin-top:2px}.ig-error-text{flex:1;line-height:1.5}.ig-error-close{color:var(--muted);flex-shrink:0}.ig-error-close:hover{color:var(--fg);background:#ef444438}.ig-error-close svg{width:16px;height:16px}.ig-empty{place-items:center;padding:2rem 0 3rem;display:grid}.ig-empty[hidden]{display:none}.ig-drop{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(80% 60% at 50% 0%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 70%), var(--surface);cursor:pointer;text-align:center;width:100%;max-width:720px;min-height:320px;transition:border-color .25s var(--ease-out), background .25s var(--ease-out), transform .25s var(--ease-out), box-shadow .25s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:2.5rem 2rem;display:flex;position:relative}.ig-drop:hover,.ig-drop.drag{border-color:var(--color-accent);background:radial-gradient(80% 60% at 50% 0%, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 70%), color-mix(in srgb, var(--color-primary) 6%, var(--surface));transform:translateY(-2px);box-shadow:0 20px 50px #00000059}.ig-drop-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 30%, transparent), color-mix(in srgb, var(--color-accent) 25%, transparent));width:64px;height:64px;color:var(--color-accent);box-shadow:inset 0 1px 0 #ffffff14, 0 10px 30px color-mix(in srgb, var(--color-primary) 30%, transparent);border-radius:18px;justify-content:center;align-items:center;margin-bottom:.4rem;display:inline-flex}.ig-drop-icon svg{width:32px;height:32px}.ig-drop-title{color:var(--fg);letter-spacing:-.01em;font-size:1.2rem;font-weight:600}.ig-drop-hint{color:var(--muted);max-width:42ch;font-size:.88rem;line-height:1.55}.ig-drop-chips{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.75rem;display:flex}.ig-drop-chip{background:color-mix(in srgb, var(--color-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);color:color-mix(in srgb, var(--color-accent) 80%, var(--fg));font-family:var(--font-mono);letter-spacing:.02em;border-radius:999px;align-items:center;padding:.28rem .7rem;font-size:.7rem;display:inline-flex}.ig-file-input{display:none}.ig-workspace{grid-template-columns:minmax(0, 1fr) var(--ig-inspector-w);gap:var(--ig-gap);align-items:start;display:grid}.ig-workspace[hidden]{display:none}.ig-canvas{gap:var(--ig-gap);flex-direction:column;min-width:0;display:flex}.ig-inspector{top:calc(var(--ig-sticky-top) + var(--ig-toolbar-h) + 12px);max-height:var(--ig-workspace-h);gap:var(--ig-gap);align-content:start;min-width:0;padding-right:2px;display:grid;position:sticky;overflow-y:auto}.ig-panel-card,.ig-control-card,.ig-compare{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem .9rem}.ig-panel-card-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .7rem;font-size:.68rem;font-weight:500}.ig-source-grid{grid-template-columns:1fr 1fr;gap:.55rem 1rem;display:grid}.ig-source-item{flex-direction:column;gap:2px;min-width:0;display:flex}.ig-source-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.65rem}.ig-source-value{color:var(--fg);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.ig-controls{gap:var(--ig-gap);display:grid}.ig-control-card{gap:.75rem;display:grid}.ig-control-card h3{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.68rem;font-weight:500}.ig-row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.ig-input{color:var(--muted);gap:.3rem;font-size:.75rem;display:grid}.ig-input input.ig-number{font-variant-numeric:tabular-nums;font-size:.9rem}.ig-range{width:100%}.ig-lock-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ig-lock{font-size:.8rem}.ig-lock.on{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.ig-lock-icon{display:inline-flex}.ig-lock-icon svg{width:15px;height:15px}.ig-ratio{font-family:var(--font-mono);color:var(--muted);font-size:.78rem}.ig-hint{color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.ig-compare{display:grid}.ig-compare-inner{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.ig-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;gap:.35rem;min-width:0;padding:.6rem;display:grid}.ig-panel-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:.65rem}.ig-preview{aspect-ratio:4/3;background:color-mix(in srgb, var(--bg) 60%, transparent);border:1px solid var(--border);border-radius:6px;place-items:center;display:grid;overflow:hidden}.ig-preview-img{object-fit:contain;max-width:100%;max-height:100%;display:block}.ig-preview-empty{color:var(--muted);text-align:center;padding:.4rem;font-size:.72rem;line-height:1.4}.ig-panel-meta,.ig-panel-size{font-family:var(--font-mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;line-height:1.4;overflow:hidden}.ig-panel-size{color:var(--fg);font-weight:500}.ig-download{margin-top:.15rem;font-size:.75rem;font-weight:500}.ig-download:hover{transform:translateY(-1px)}.ig-crop-stage{background:var(--bg-elev);border-radius:var(--radius);border:1px solid var(--border);user-select:none;touch-action:none;width:100%;max-height:var(--ig-workspace-h);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ig-stage-img{object-fit:contain;-webkit-user-drag:none;max-width:100%;max-height:100%;display:block}.ig-crop-overlay{border:2px solid var(--color-accent);touch-action:none;position:absolute;box-shadow:0 0 0 9999px #00000080}.ig-crop-grab{cursor:move;position:absolute;inset:0}.ig-handle{background:var(--bg);border:2px solid var(--color-accent);border-radius:3px;width:12px;height:12px;position:absolute;box-shadow:0 0 0 8px #0000}.ig-handle.tl{top:-7px;left:-7px}.ig-handle.t{top:-7px;left:50%;transform:translate(-50%)}.ig-handle.tr{top:-7px;right:-7px}.ig-handle.l{top:50%;left:-7px;transform:translateY(-50%)}.ig-handle.r{top:50%;right:-7px;transform:translateY(-50%)}.ig-handle.bl{bottom:-7px;left:-7px}.ig-handle.b{bottom:-7px;left:50%;transform:translate(-50%)}.ig-handle.br{bottom:-7px;right:-7px}.ig-crop-tag{color:var(--fg);font-family:var(--font-mono);pointer-events:none;backdrop-filter:blur(8px);letter-spacing:.02em;background:#000000a6;border:1px solid #ffffff1a;border-radius:999px;padding:.28rem .6rem;font-size:.72rem;position:absolute;top:10px;right:10px}.ig-actionbar{z-index:15;background:color-mix(in srgb, var(--bg-elev) 90%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--border);border-radius:var(--radius);min-height:var(--ig-actionbar-h);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .6rem .6rem 1.1rem;display:flex;position:sticky;bottom:12px;box-shadow:0 -4px 20px #00000059}.ig-actionbar[hidden]{display:none}.ig-summary{flex:auto;min-width:0}.ig-summary-inner{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;line-height:1.4;display:flex}.ig-summary-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.68rem}.ig-summary-value{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600}.ig-summary-sep{color:var(--muted);opacity:.5}.ig-summary-hint{color:var(--muted);font-size:.78rem}.ig-summary-delta{letter-spacing:.02em;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.ig-summary-delta[data-dir=down]{color:#4ade80;background:#22c55e2e;border:1px solid #22c55e66}.ig-summary-delta[data-dir=up]{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b66}.ig-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.ig-actions-inner{align-items:center;gap:.5rem;display:flex}.ig-primary{letter-spacing:.01em;min-width:168px;min-height:42px;font-size:.92rem;font-weight:600}.ig-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.ig-spinner{flex-shrink:0}@media (width<=1100px){.ig-page{--ig-inspector-w:320px}}@media (width<=960px){.ig-workspace{grid-template-columns:1fr}.ig-inspector{max-height:none;padding-bottom:calc(var(--ig-actionbar-h) + 16px);position:static;overflow-y:visible}.ig-crop-stage{max-height:60vh}}@media (width<=720px){.ig-page{--ig-nav-offset:72px;--ig-sticky-top:64px;padding-left:.85rem;padding-right:.85rem}.ig-toolbar{flex-wrap:wrap;gap:.5rem;padding:.5rem .55rem}.ig-filechip-slot{flex:100%;min-width:0}.ig-filechip{max-width:100%}.ig-filechip-name{max-width:18ch}.ig-toolbar-sep{display:none}.ig-toolbar-spacer{flex:auto}.ig-heading{gap:.25rem}.ig-title{font-size:1.5rem}.ig-actionbar{border-radius:var(--radius-lg);flex-direction:column;align-items:stretch;gap:.6rem;padding:.75rem 1rem}.ig-summary-inner{justify-content:center}.ig-primary{width:100%}.ig-compare-inner{grid-template-columns:1fr 1fr}.ig-drop{min-height:260px;padding:2rem 1.25rem}.ig-drop-title{font-size:1.05rem}}@media (width<=480px){.ig-source-grid,.ig-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ig-reset-icon:hover,.ig-primary:hover:not(:disabled),.ig-drop:hover,.ig-drop.drag{transform:none}}