.image-flip-widget{margin:0}.image-flip-widget [hidden]{display:none!important}.image-flip-widget button{width:auto;margin-bottom:0}.image-flip-widget select{margin-bottom:.5rem}.image-flip-widget fieldset{margin-bottom:0}.image-flip-widget label:has(>[data-tooltip]),.image-flip-widget legend:has(>[data-tooltip]){position:relative}.image-flip-widget .help-tooltip{position:static}.image-flip-widget [data-tooltip]:before{width:auto;max-width:100%;inset-inline:0;transform:none}.image-flip-widget .ifw-drop{margin-bottom:1rem}.image-flip-widget.has-images .drop-zone{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.image-flip-widget.has-images .drop-zone svg{width:1.4rem;height:1.4rem;margin:0}.image-flip-widget.has-images .drop-zone p{margin:0;font-size:.95rem}.image-flip-widget.has-images .drop-zone small{display:none}.image-flip-widget .ifw-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}.image-flip-widget .ifw-panel{border:1.5px solid var(--line-strong);background:var(--surface);padding:0}.image-flip-widget .ifw-panel>summary{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:.7rem .9rem;font-weight:600;list-style:none;display:flex}.image-flip-widget .ifw-panel>summary::-webkit-details-marker{display:none}.image-flip-widget .ifw-panel>summary:after{content:"+";font-size:1.2em}.image-flip-widget .ifw-panel[open]>summary:after{content:"−"}.image-flip-widget .ifw-panel-body{border-top:1.5px dashed var(--line);gap:.9rem;padding:.9rem;display:grid}.image-flip-widget .ifw-block{gap:.35rem;display:grid}.image-flip-widget .ifw-block>label{margin-bottom:0}.image-flip-widget .ifw-dirs{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem;display:grid}.image-flip-widget .ifw-dir{text-align:center;flex-direction:column;gap:.35rem;min-height:44px;padding:.5rem .35rem;font-size:.72rem;font-weight:600;line-height:1.2}.image-flip-widget .ifw-dir canvas{background:var(--field-bg);border:1px solid var(--line);width:48px;max-width:none;height:48px;display:block}.image-flip-widget .ifw-dir[aria-pressed=true]{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}.image-flip-widget .ifw-presets{flex-wrap:wrap;gap:.4rem;display:flex}.image-flip-widget .ifw-chip{min-height:34px;padding:.35rem .7rem;font-size:.78rem}.image-flip-widget .ifw-adv{border-top:1.5px dashed var(--line);padding-top:.6rem}.image-flip-widget .ifw-adv>summary{cursor:pointer;align-items:center;min-height:44px;font-size:.85rem;font-weight:700;display:flex}.image-flip-widget .ifw-adv-body{gap:.5rem;padding-top:.5rem;display:grid}.image-flip-widget .ifw-stage{gap:.6rem;min-width:0;display:grid}.image-flip-widget .ifw-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.image-flip-widget .ifw-stage-head h3{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1rem}.image-flip-widget .ifw-stage-meta{font-family:var(--font-mono);color:var(--muted);font-size:.75rem}.image-flip-widget .ifw-canvas-wrap{border:1.5px solid var(--line-strong);background-color:var(--surface);background-image:linear-gradient(45deg, var(--pri-soft) 25%, transparent 25%), linear-gradient(-45deg, var(--pri-soft) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--pri-soft) 75%), linear-gradient(-45deg, transparent 75%, var(--pri-soft) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:center;height:clamp(200px,34vh,300px);display:flex;position:relative;overflow:hidden}.image-flip-widget .ifw-canvas-wrap canvas{width:100%;max-width:100%;height:100%;display:block}.image-flip-widget .ifw-stage-empty{text-align:center;color:var(--muted);background:var(--surface);justify-content:center;align-items:center;margin:0;padding:1rem;font-size:.9rem;display:flex;position:absolute;inset:0}.image-flip-widget .ifw-hint{color:var(--muted);margin:0;font-size:.78rem}.image-flip-widget .ifw-results-title{text-transform:uppercase;letter-spacing:.05em;margin:.5rem 0;font-size:1rem}.image-flip-widget .ifw-table-wrap{overflow-x:auto}.image-flip-widget .ifw-table-wrap table{margin:0}.image-flip-widget tbody tr{cursor:pointer}.image-flip-widget tbody tr:hover{background:var(--pri-soft)}.image-flip-widget tbody tr.is-selected{outline:2px solid var(--pri);outline-offset:-2px}.image-flip-widget .ifw-pair{align-items:center;gap:.3rem;display:flex}.image-flip-widget .ifw-pair figure{text-align:center;flex:none;margin:0}.image-flip-widget .ifw-pair img{object-fit:contain;background:var(--field-bg);border:1px solid var(--line);flex:none;width:44px;max-width:none;height:44px;display:block}.image-flip-widget .ifw-pair figcaption{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;font-size:.6rem}.image-flip-widget .ifw-pair-sep{color:var(--muted);font-size:.8rem}[dir=rtl] .image-flip-widget .ifw-pair-sep{transform:scaleX(-1)}.image-flip-widget .ifw-name{word-break:break-word;font-size:.85rem;font-weight:700}.image-flip-widget .ifw-meta{color:var(--muted);font-family:var(--font-mono);font-size:.72rem;display:block}.image-flip-widget .status-badge{border:1.5px solid var(--line-strong);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:.15rem .5rem;font-size:.7rem;display:inline-block}.image-flip-widget .status-ready{background:var(--ok);color:var(--surface);border-color:var(--ok)}.image-flip-widget .status-processing{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}.image-flip-widget .status-error{background:var(--err);color:var(--surface);border-color:var(--err)}.image-flip-widget .status-stale{background:var(--acc);color:var(--pri-ink);border-color:var(--acc)}.image-flip-widget .status-queued{color:var(--muted);border-color:var(--line);background:0 0}.image-flip-widget .ifw-row-actions{flex-wrap:wrap;gap:.25rem;display:flex}.image-flip-widget .ifw-icon-btn{min-width:34px;min-height:34px;padding:.35rem}.image-flip-widget .ifw-icon-btn svg{width:18px;height:18px}.image-flip-widget .ifw-icon-btn.is-on{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}.image-flip-widget .ifw-actionbar{z-index:5;padding:.7rem;background:var(--surface);border:1.5px solid var(--line-strong);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:1rem;padding-block-end:calc(.7rem + env(safe-area-inset-bottom,0px));display:flex;position:sticky;inset-block-end:0}.image-flip-widget .ifw-progress{font-family:var(--font-mono);color:var(--muted);min-width:0;margin:0;font-size:.78rem}.image-flip-widget .ifw-actionbar-btns{flex-wrap:wrap;gap:.5rem;margin-inline-start:auto;display:flex}@media (width>=768px){.image-flip-widget .ifw-panel>summary{display:none}.image-flip-widget .ifw-panel-body{border-top:0}.image-flip-widget .ifw-canvas-wrap{height:clamp(260px,40vh,420px)}}@media (width>=1200px){.image-flip-widget .ifw-grid{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:1.25rem}.image-flip-widget .ifw-panel{max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow-y:auto}.image-flip-widget .ifw-canvas-wrap{height:clamp(320px,46vh,520px)}}@media (width<=767.98px){.image-flip-widget .ifw-table-wrap table,.image-flip-widget .ifw-table-wrap tbody,.image-flip-widget .ifw-table-wrap tr,.image-flip-widget .ifw-table-wrap td{display:block}.image-flip-widget .ifw-table-wrap thead{display:none}.image-flip-widget .ifw-table-wrap{overflow-x:visible}.image-flip-widget .ifw-table-wrap tr{border:1.5px solid var(--line-strong);background:var(--surface);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"thumb name""thumb status""act act";gap:.4rem .7rem;margin-bottom:.7rem;padding:.7rem;display:grid}.image-flip-widget .ifw-table-wrap td{border:0;padding:0}.image-flip-widget .ifw-c-thumb{grid-area:thumb}.image-flip-widget .ifw-c-name{grid-area:name}.image-flip-widget .ifw-c-status{grid-area:status}.image-flip-widget .ifw-c-act{grid-area:act}.image-flip-widget .ifw-actionbar-btns{width:100%;margin-inline-start:0}.image-flip-widget .ifw-actionbar-btns button{flex:9rem;min-height:44px}.image-flip-widget .ifw-icon-btn{min-width:44px;min-height:44px}.image-flip-widget .ifw-icon-btn svg{width:20px;height:20px}.image-flip-widget .ifw-chip{min-height:44px}.image-flip-widget .ifw-dir{min-height:88px}}@media (prefers-reduced-motion:reduce){.image-flip-widget *,.image-flip-widget :before,.image-flip-widget :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}