.irf-controls-pane,.irf-preview-pane{container-type:inline-size;display:flex;flex-direction:column;gap:0}.irf-trust-line{display:flex;align-items:center;gap:8px;background:var(--color-accent-dim);border:1px solid var(--color-accent-border);border-radius:8px;padding:8px 14px;margin:20px 0 0;font-size:12px;color:var(--color-accent-text)}.irf-trust-line svg{width:13px;height:13px;flex-shrink:0}.irf-drop-zone{margin:24px 0 0;border:2px dashed var(--color-border);border-radius:10px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--color-bg);min-height:160px}.irf-drop-zone:hover,.irf-drop-zone:focus-within,.irf-drop-zone.drag-over{border-color:var(--color-accent);background:var(--color-accent-dim)}.irf-drop-zone svg.irf-drop-icon{width:36px;height:36px;color:var(--color-text-meta)}.irf-drop-title{font-size:14px;font-weight:500;color:var(--color-text-heading)}.irf-drop-browse{color:var(--color-accent-text);font-weight:500;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.irf-drop-sub{font-size:12px;color:var(--color-text-meta)}.irf-paste-hint{font-size:12px;color:var(--color-text-meta);margin-top:4px}.irf-paste-hint kbd{font-family:DM Mono,monospace;background:var(--color-bg);border:1px solid var(--color-border);padding:1px 6px;border-radius:4px;font-size:12px;color:var(--color-text-meta)}.irf-file-input-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);pointer-events:none}.irf-loading{display:flex;align-items:center;justify-content:center;padding:40px 0;margin:24px 0 0}.irf-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:irf-spin .8s linear infinite}@keyframes irf-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.irf-spinner{animation-duration:2.4s}.irf-preview-wrap img{transition:none!important}}.irf-error{margin:12px 0 0;background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:8px;padding:12px 16px;font-size:14px;color:var(--color-danger-text);display:flex;align-items:center;gap:8px}.irf-preview-panel{padding:0 0 16px;display:flex;flex-direction:column;gap:16px}.irf-preview-wrap{width:100%;border:1px solid var(--color-border);border-radius:8px;background:repeating-conic-gradient(var(--color-bg) 0% 25%,var(--color-bg-2) 0% 50%) 0 0 / 16px 16px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:260px;max-height:420px;position:relative}.irf-preview-wrap img{width:100%;max-width:100%;max-height:416px;object-fit:contain;display:block;transition:transform .15s ease-out,opacity .2s ease}.irf-status-bar{display:flex;align-items:center;gap:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:8px 14px;font-size:12px;color:var(--color-text-meta)}.irf-status-bar svg{width:13px;height:13px;color:var(--color-accent-text);flex-shrink:0}.irf-status-text{color:var(--color-text-body);font-weight:500;font-size:12px}.irf-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.irf-meta-item{font-size:12px;color:var(--color-text-meta);font-family:DM Mono,monospace}.irf-meta-item strong{color:var(--color-text-heading);font-weight:500}.irf-meta-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.irf-controls{padding:0 0 12px;display:flex;flex-direction:column;gap:12px;margin-top:16px}.irf-controls.is-disabled{opacity:.45;pointer-events:none}.irf-control-group{display:flex;flex-direction:column;gap:6px}.irf-control-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-meta);display:flex;align-items:center;gap:6px}.irf-rotation-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent-dim);color:var(--color-accent-text);border:1px solid var(--color-accent-border);border-radius:4px;padding:0 6px;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;min-width:28px;line-height:18px}.irf-clip-note{margin:0 0 8px;padding:6px 12px;background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:6px;font-size:12px;color:var(--color-text-meta);text-align:center}.irf-btn-row{display:flex;gap:8px;flex-wrap:wrap}.irf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;color:var(--color-text-body);cursor:pointer;transition:all .15s}.irf-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-text);background:var(--color-accent-dim)}.irf-btn:active:not(:disabled){transform:scale(.97);background:var(--color-accent-dim)}.irf-btn:disabled{opacity:.45;cursor:not-allowed}.irf-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.irf-btn svg{width:15px;height:15px;flex-shrink:0}.irf-btn.is-active{border-color:var(--color-accent);background:var(--color-accent-dim);color:var(--color-accent-text)}.irf-action-row{display:flex;gap:10px;padding:12px 0 0;flex-wrap:wrap;align-items:center}.irf-primary-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 20px;background:var(--color-accent);border:1px solid var(--color-accent);border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;color:var(--color-accent-contrast);cursor:pointer;transition:all .15s}.irf-primary-btn:hover:not(:disabled){filter:brightness(1.1)}.irf-primary-btn:active:not(:disabled){transform:scale(.97)}.irf-primary-btn:disabled{opacity:.45;cursor:not-allowed}.irf-primary-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.irf-secondary-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;color:var(--color-text-body);cursor:pointer;transition:all .15s}.irf-secondary-btn:hover:not(:disabled){border-color:var(--color-border-h);background:var(--color-bg-3)}.irf-secondary-btn:active:not(:disabled){transform:scale(.97)}.irf-secondary-btn:disabled{opacity:.45;cursor:not-allowed}.irf-secondary-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.irf-danger-btn{border-color:var(--color-danger-border);color:var(--color-danger-text)}.irf-danger-btn:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger-text)}.irf-change-btn{border:none;background:none;cursor:pointer;font:inherit;font-size:13px;font-weight:500;color:var(--color-text-meta);padding:4px 8px;border-radius:6px;min-height:44px;transition:color .15s}.irf-change-btn:hover{color:var(--color-text-body)}.irf-change-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.irf-empty-hint{color:var(--color-text-meta);text-align:center;font-size:14px;padding:40px 0;margin:0}@container (max-width: 520px){.irf-trust-line{margin:16px 0 0}.irf-drop-zone{margin:16px 0 0;padding:32px 16px}.irf-preview-panel,.irf-controls{padding:0 0 12px}.irf-action-row{padding:8px 0 0}.irf-btn{padding:0 12px;font-size:12px}.irf-btn-row{flex-wrap:wrap}}@container (min-width: 520px){.irf-preview-wrap{max-height:none;min-height:420px}.irf-preview-wrap img{max-height:none;min-height:360px}}