.ir-app{margin-bottom:2rem;}
.ir-input-file{position:absolute;width:0.1px;height:0.1px;opacity:0;overflow:hidden;z-index:-1;}
.ir-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;min-height:180px;padding:1.5rem;border:2px dashed var(--border-color,#e2e8f0);border-radius:16px;background:var(--card-bg,#fafafa);cursor:pointer;transition:border-color 0.2s,background 0.2s;}
.ir-drop:hover,.ir-drop:focus-visible,.ir-drop.ir-drop-active{border-color:var(--accent,#6366f1);background:var(--hover-bg,#f5f3ff);}
.ir-drop-icon{width:48px;height:48px;border-radius:50%;background:var(--border-color,#e2e8f0);opacity:0.8;}
.ir-drop:hover .ir-drop-icon,.ir-drop:focus-visible .ir-drop-icon{background:var(--accent,#6366f1);opacity:0.2;}
.ir-drop-text{font-size:0.9375rem;font-weight:500;color:var(--text-secondary,#475569);}
.ir-workspace{display:block;}
.ir-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;}
.ir-panel-options{display:flex;flex-direction:column;gap:1rem;}
.ir-panel-image{display:flex;flex-direction:column;gap:1rem;min-width:0;}
.ir-view{display:flex;flex-direction:column;gap:0.5rem;}
.ir-canvas-wrap{display:flex;justify-content:center;align-items:center;min-height:160px;padding:1rem;border-radius:12px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);overflow:auto;}
.ir-canvas{max-width:100%;height:auto;border-radius:8px;display:block;}
.ir-meta{font-size:0.8125rem;color:var(--text-muted,#64748b);margin:0;text-align:center;}
.ir-controls{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;border-radius:12px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);}
.ir-result-actions{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:12px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);}
.ir-btn-block{width:100%;margin-top:0.25rem;}
.ir-legend{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted,#64748b);margin:0 0 0.5rem;padding:0;}
.ir-presets{border:none;padding:0;margin:0;}
.ir-preset-btns{display:flex;flex-wrap:wrap;gap:0.5rem;}
.ir-btn{padding:0.625rem 1rem;font-size:0.875rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background 0.15s,transform 0.1s;}
.ir-btn:focus-visible{outline:2px solid var(--accent,#6366f1);outline-offset:2px;}
.ir-btn-preset{background:var(--hover-bg,#f1f5f9);color:var(--text-primary,#0f172a);}
.ir-btn-preset:hover{background:var(--border-color,#e2e8f0);}
.ir-btn-apply,.ir-btn-primary{background:var(--accent,#6366f1);color:#fff;}
.ir-btn-apply:hover,.ir-btn-primary:hover{background:#4f46e5;}
.ir-btn-ghost{background:transparent;color:var(--text-secondary,#475569);border:1px solid var(--border-color,#e2e8f0);}
.ir-btn-ghost:hover{background:var(--hover-bg,#f1f5f9);}
.ir-angle-row{display:flex;flex-direction:column;gap:0.375rem;}
.ir-label{font-size:0.8125rem;font-weight:600;color:var(--text-secondary,#475569);}
.ir-angle-val{font-weight:700;color:var(--accent,#6366f1);margin-left:0.25rem;}
.ir-range{width:100%;height:8px;border-radius:4px;background:var(--slider-track,#e2e8f0);-webkit-appearance:none;appearance:none;}
.ir-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent,#6366f1);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.ir-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent,#6366f1);cursor:pointer;border:none;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.ir-options{display:flex;flex-direction:column;gap:0.75rem;}
.ir-option{display:flex;align-items:center;gap:0.75rem;font-size:0.875rem;cursor:pointer;}
.ir-option-label{color:var(--text-secondary,#475569);}
.ir-option-check{flex-wrap:wrap;}
.ir-color{width:40px;height:40px;padding:2px;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;background:#fff;}
.ir-checkbox{width:18px;height:18px;accent-color:var(--accent,#6366f1);cursor:pointer;}
.ir-actions{display:flex;flex-wrap:wrap;gap:0.75rem;}
@media (min-width:768px){.ir-drop{min-height:200px;}.ir-layout{grid-template-columns:300px 1fr;align-items:start;gap:1.75rem;}.ir-panel-image{position:sticky;top:1rem;}.ir-controls{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;}.ir-presets{grid-column:1/-1;}.ir-actions{grid-column:1/-1;}.ir-btn-block{grid-column:1/-1;}}
@media (min-width:992px){.ir-layout{grid-template-columns:320px 1fr;gap:2rem;}}