.ig-page{max-width:var(--max-width);margin:0 auto;padding:7rem 1.5rem 4rem}.ig-noscript{text-align:center;color:var(--muted);padding:4rem 0}.ig-view{flex-direction:column;gap:1.75rem;display:flex}.ig-pagehead{flex-direction:column;gap:.5rem;display:flex}.ig-back{color:var(--muted);align-items:center;gap:.35rem;width:fit-content;padding:.25rem 0;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-flex}.ig-back:hover{color:var(--fg)}.ig-back svg{flex-shrink:0;width:14px;height:14px}.ig-back:hover .ig-back-icon{transform:translate(-2px)}.ig-back-icon{transition:transform .2s var(--ease-out);display:inline-flex}.ig-heading{flex-direction:column;gap:.25rem;display:flex}.ig-title{letter-spacing:-.02em;color:var(--fg);margin:0;font-size:1.5rem;font-weight:700}.ig-lede{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.ig-error-slot{flex-direction:column;gap:.5rem;display:flex}.ig-error-slot:empty{display:none}.ig-error{border-radius:var(--radius);color:#991b1b;background:#fef2f2;border:1px solid #fecaca;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.ig-error-icon{flex-shrink:0;margin-top:1px;display:inline-flex}.ig-error-icon svg{width:16px;height:16px}.ig-error-text{flex:1;line-height:1.5}.ig-error-close{color:#b91c1c;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:inline-flex}.ig-error-close:hover{background:#fee2e2}.ig-error-close svg{width:14px;height:14px}.ig-empty[hidden]{display:none}.ig-drop{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-elev);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:260px;padding:3rem 2rem;transition:border-color .2s,background .2s;display:flex;position:relative}.ig-drop:hover,.ig-drop.drag{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 4%, var(--bg-elev))}.ig-drop-icon{background:var(--surface);border:1px solid var(--border);width:48px;height:48px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;display:flex}.ig-drop-icon svg{width:24px;height:24px}.ig-drop-title{color:var(--fg);font-size:1rem;font-weight:600}.ig-drop-hint{color:var(--muted);font-size:.825rem;line-height:1.5}.ig-drop-chips{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.25rem;display:flex}.ig-drop-chip{font-size:.7rem;font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);color:var(--muted-strong);border-radius:4px;padding:.2em .6em}.ig-file-input{display:none}.ig-workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.25rem;display:grid}.ig-workspace[hidden]{display:none}.ig-preview-col{flex-direction:column;gap:.75rem;display:flex}.ig-file-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.ig-file-thumb{object-fit:cover;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:36px;height:36px}.ig-file-info{flex:1;min-width:0}.ig-file-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.ig-file-meta{font-size:.75rem;font-family:var(--font-mono);color:var(--muted);margin-top:1px}.ig-replace-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.8rem;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.ig-replace-btn:hover{color:var(--fg);border-color:var(--border-strong);background:var(--surface-2)}.ig-replace-btn svg{width:13px;height:13px}.ig-stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:repeating-conic-gradient(#f1f1f4 0% 25%,#fafafb 0% 50%) 50%/20px 20px;justify-content:center;align-items:center;min-height:240px;padding:1rem;display:flex;position:relative}.ig-canvas{max-width:100%;box-shadow:var(--shadow-md);border-radius:6px;line-height:0;display:inline-block;position:relative;overflow:hidden}.ig-stage-img{user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:560px;display:block}.ig-crop-overlay{box-sizing:border-box;cursor:move;touch-action:none;user-select:none;outline:1.5px solid #fffffff2;position:absolute;box-shadow:0 0 0 9999px #0a0a148c}.ig-crop-overlay:focus-visible{outline:2px solid var(--color-accent);outline-offset:0;border-radius:0}.ig-thirds{pointer-events:none;opacity:0;transition:opacity .2s var(--ease-out);background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff73 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff73 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#ffffff73 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.666% - .5px),#ffffff73 calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px));position:absolute;inset:0}.ig-crop-overlay:hover .ig-thirds,.ig-crop-overlay.dragging .ig-thirds{opacity:1}.ig-handle{z-index:1;touch-action:none;width:28px;height:28px;position:absolute}.ig-handle:after{content:"";filter:drop-shadow(0 1px 2px #00000073);transition:transform .15s var(--ease-out);border:0 solid #fff;position:absolute}.ig-handle:hover:after{transform:scale(1.12)}.ig-handle.tl{cursor:nwse-resize;top:0;left:0}.ig-handle.tr{cursor:nesw-resize;top:0;right:0}.ig-handle.bl{cursor:nesw-resize;bottom:0;left:0}.ig-handle.br{cursor:nwse-resize;bottom:0;right:0}.ig-handle.tl:after,.ig-handle.tr:after,.ig-handle.bl:after,.ig-handle.br:after{width:18px;height:18px}.ig-handle.tl:after{transform-origin:0 0;border-top-width:3px;border-left-width:3px;top:0;left:0}.ig-handle.tr:after{transform-origin:100% 0;border-top-width:3px;border-right-width:3px;top:0;right:0}.ig-handle.bl:after{transform-origin:0 100%;border-bottom-width:3px;border-left-width:3px;bottom:0;left:0}.ig-handle.br:after{transform-origin:100% 100%;border-bottom-width:3px;border-right-width:3px;bottom:0;right:0}.ig-handle.t{cursor:ns-resize;top:0;left:50%;transform:translate(-50%)}.ig-handle.b{cursor:ns-resize;bottom:0;left:50%;transform:translate(-50%)}.ig-handle.l{cursor:ew-resize;top:50%;left:0;transform:translateY(-50%)}.ig-handle.r{cursor:ew-resize;top:50%;right:0;transform:translateY(-50%)}.ig-handle.t:after,.ig-handle.b:after{border-top-width:3px;width:18px;height:0;margin-left:-9px;left:50%}.ig-handle.t:after{top:0}.ig-handle.b:after{bottom:0}.ig-handle.l:after,.ig-handle.r:after{border-left-width:3px;width:0;height:18px;margin-top:-9px;top:50%}.ig-handle.l:after{left:0}.ig-handle.r:after{right:0}.ig-stage-tag{font-family:var(--font-mono);color:#fff;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#0a0a14b8;border-radius:999px;padding:.25rem .6rem;font-size:.72rem;line-height:1.4;position:absolute;bottom:10px;right:10px}.ig-panel{flex-direction:column;gap:1rem;display:flex}.ig-panel-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.ig-section-title{font-size:.7rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-weight:600}.ig-tabs{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:flex}.ig-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.4rem .75rem;font-size:.875rem;font-weight:500;transition:color .15s,background .15s,box-shadow .15s}.ig-tab:hover:not(.active){color:var(--fg)}.ig-tab.active{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px #00000014, 0 0 0 1px var(--border)}.ig-src-grid{grid-template-columns:1fr 1fr;gap:.6rem .75rem;display:grid}.ig-src-item{flex-direction:column;gap:2px;display:flex}.ig-src-label{font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ig-src-value{color:var(--fg);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:500}.ig-field{flex-direction:column;gap:.35rem;display:flex}.ig-field-label{color:var(--fg);font-size:.8rem;font-weight:500}.ig-field-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.ig-number{width:100%;font-size:.875rem;font-family:var(--font-mono);background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);-moz-appearance:textfield;border-radius:6px;padding:.45rem .6rem;transition:border-color .15s,box-shadow .15s}.ig-number::-webkit-inner-spin-button{-webkit-appearance:none}.ig-number::-webkit-outer-spin-button{-webkit-appearance:none}.ig-number:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent);outline:none}.ig-range-wrap{flex-direction:column;gap:.35rem;display:flex}.ig-range-header{justify-content:space-between;align-items:baseline;display:flex}.ig-range-val{font-size:.8rem;font-family:var(--font-mono);color:var(--color-accent);font-weight:600}.ig-range{width:100%;accent-color:var(--color-accent);cursor:pointer}.ig-lock-btn{border:1px solid var(--border);background:var(--bg-elev);color:var(--muted);cursor:pointer;border-radius:6px;align-self:flex-start;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.8rem;transition:all .15s;display:inline-flex}.ig-lock-btn:hover{color:var(--fg);border-color:var(--border-strong)}.ig-lock-btn.active{background:color-mix(in srgb, var(--color-accent) 10%, var(--surface));border-color:color-mix(in srgb, var(--color-accent) 40%, transparent);color:var(--color-accent)}.ig-lock-btn svg{width:13px;height:13px}.ig-hint{color:var(--muted);margin:0;font-size:.775rem;line-height:1.55}.ig-chips{flex-wrap:wrap;gap:.375rem;display:flex}.ig-chip{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--muted-strong);font-family:var(--font-mono);cursor:pointer;border-radius:999px;padding:0 .7rem;font-size:.75rem;transition:color .15s,border-color .15s,background-color .15s,transform .15s}.ig-chip:hover{color:var(--fg);border-color:var(--border-strong)}.ig-chip:active{transform:scale(.96)}.ig-chip.active{color:#fff;background:var(--fg);border-color:var(--fg)}.ig-hint-warn{color:#92400e}.ig-hint-warn[hidden]{display:none}.ig-advanced{border-top:1px dashed var(--border);padding-top:.6rem}.ig-advanced summary{cursor:pointer;color:var(--muted);align-items:center;gap:.35rem;font-size:.8rem;list-style:none;display:inline-flex}.ig-advanced summary::-webkit-details-marker{display:none}.ig-advanced summary:before{content:"";width:6px;height:6px;transition:transform .2s var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-45deg)}.ig-advanced[open] summary:before{transform:rotate(45deg)}.ig-advanced summary:hover{color:var(--fg)}.ig-advanced[open]>:not(summary){margin-top:.75rem}.ig-result-note{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;margin:0;padding:.6rem 1rem;font-size:.8125rem}.ig-run-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.9rem;font-weight:600;transition:opacity .15s,transform .15s;display:flex}.ig-run-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.ig-run-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ig-run-btn.busy{cursor:wait}.ig-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite ig-spin}@keyframes ig-spin{to{transform:rotate(360deg)}}.ig-result[hidden]{display:none}.ig-result-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ig-result-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.ig-result-label{font-size:.7rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.ig-result-stats{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ig-result-size{font-variant-numeric:tabular-nums;color:var(--fg);font-size:.9rem;font-weight:600}.ig-result-dim{font-size:.8rem;font-family:var(--font-mono);color:var(--muted)}.ig-delta{font-size:.75rem;font-family:var(--font-mono);border-radius:4px;padding:.15em .5em;font-weight:600}.ig-delta[data-dir=down]{color:#166534;background:#dcfce7}.ig-delta[data-dir=up]{color:#854d0e;background:#fef9c3}.ig-result-dl{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.825rem;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.ig-result-dl:hover{border-color:var(--border-strong);background:var(--surface-2)}.ig-result-dl svg{width:14px;height:14px}.ig-result-preview{background:var(--border);gap:1px;display:flex}.ig-compare-pane{background:var(--bg-elev);flex-direction:column;flex:1;min-width:0;display:flex}.ig-compare-label{font-size:.7rem;font-family:var(--font-mono);color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface);text-transform:uppercase;letter-spacing:.06em;padding:.4rem .75rem}.ig-compare-img-wrap{background:repeating-conic-gradient(#f1f1f4 0% 25%,#fafafb 0% 50%) 50%/16px 16px;justify-content:center;align-items:center;min-height:160px;padding:.75rem;display:flex}.ig-compare-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:300px}.ig-compare-placeholder{color:var(--muted);text-align:center;font-size:.8rem}@media (width<=800px){.ig-workspace{grid-template-columns:1fr}.ig-panel{order:-1}}@media (width<=480px){.ig-page{padding:6.5rem 1rem 3rem}.ig-src-grid,.ig-field-row{grid-template-columns:1fr 1fr}}