[hidden]{display:none!important}.ir-body{padding-block:var(--space-5)}.ir-app{max-width:62rem;padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-block-start:-6.4rem;position:relative}.ir-drop{align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface-alt);cursor:pointer;display:flex}.ir-drop:hover,.ir-drop:focus-visible,.ir-drop.is-over{outline:3px solid var(--cyan-400)}.ir-drop>span:last-child{gap:.3rem;display:grid}.ir-drop small,.ir-note,.ir-empty,.ir-count{color:var(--ink-500);font-size:var(--text-sm)}.ir-drop .icon-tile{border-radius:var(--radius-md);background:var(--navy-800);width:2.8rem;height:2.8rem;color:var(--cyan-300);flex:none;place-items:center;display:grid}.ir-alert{padding:var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--ink-700);white-space:pre-line}.ir-empty{text-align:center;padding:var(--space-3)}.ir-queue{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.ir-card{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:center;display:grid}.ir-card[aria-current=true]{border-color:var(--cyan-500);background:var(--surface-alt)}.ir-thumb img{object-fit:cover;border-radius:var(--radius-sm);width:3.4rem;height:3.4rem;display:block}.ir-meta{gap:.2rem;min-width:0;display:grid}.ir-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ir-status{font-size:var(--text-xs);color:var(--ink-500)}.ir-card[data-status=error] .ir-status{color:#a21d2a}.ir-card-actions{gap:.35rem;display:flex}.ir-card-actions button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;min-height:2.4rem;padding:.35rem .55rem}.ir-card-actions button:disabled{opacity:.5}.ir-editor{margin-block:var(--space-4);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-alt)}.ir-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ir-controls label{font-weight:600}.ir-controls input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:6rem;min-height:2.65rem;padding:.35rem .5rem}.ir-controls button[aria-pressed=true]{border-color:var(--cyan-600);background:var(--cyan-100)}.ir-previews{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ir-previews figure{min-width:0;margin:0}.ir-previews canvas{border:1px solid var(--line);border-radius:var(--radius-md);background:repeating-conic-gradient(#e8ecf1 0% 25%,#fff 0% 50%) 50%/14px 14px;width:100%;height:auto;display:block}.ir-previews figcaption{text-align:center;color:var(--ink-500);font-size:var(--text-sm);margin-block-start:.4rem}.ir-options{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid}.ir-options legend{font-weight:700}.ir-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ir-row label{min-width:7rem;font-weight:600}.ir-row select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:2.65rem;padding:.35rem .5rem}.ir-row input[type=range]{min-width:8rem;accent-color:var(--cyan-600);flex:1}.ir-row input[type=color]{border:1px solid var(--line);border-radius:var(--radius-sm);width:3rem;height:2.5rem}.ir-row span{color:var(--ink-500);font-size:var(--text-sm)}.ir-actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.ir-actions .btn{flex:10rem;min-height:2.75rem}.ir-progress{gap:var(--space-2);margin-block-start:var(--space-3);display:grid}.ir-progress progress{width:100%}.ir-result{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--ok-soft);margin-block-start:var(--space-4)}.ir-result h2{margin-block-start:0}.ir-prose{max-width:58rem;margin-block-start:var(--space-6)}.ir-prose h2{font-size:var(--text-xl)}.ir-prose p{color:var(--ink-700)}@media (width<=40em){.ir-app{padding:var(--space-3)}.ir-previews{grid-template-columns:1fr}.ir-card{grid-template-columns:2.8rem minmax(0,1fr)}.ir-thumb img{width:2.8rem;height:2.8rem}.ir-card-actions{grid-column:2}.ir-row label{min-width:100%}}