.image-workbench{--im-border:#dbe2eb;--im-surface:#fff;--im-subtle:#f7f9fc;--im-text:#14223a;--im-muted:#5e6b7f;--im-accent:#2359df;color:var(--im-text);border:1px solid var(--im-border);background:var(--im-surface);border-radius:1.5rem;margin-top:2.5rem;overflow:hidden;box-shadow:0 20px 50px #16294a0d}html.dark .image-workbench{--im-border:#334155;--im-surface:#0f172a;--im-subtle:#19243a;--im-text:#f1f5f9;--im-muted:#a7b4c7;--im-accent:#79a9ff}.image-workbench [hidden]{display:none!important}.image-workbench-header{padding:2rem 2rem 1.3rem}.image-workbench-eyebrow{color:var(--im-accent);letter-spacing:.11em;font-size:.7rem;font-weight:750}.image-workbench-header h2{letter-spacing:-.04em;margin-top:.45rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:780}.image-workbench-header p{color:var(--im-muted);margin-top:.4rem;line-height:1.6}.image-workbench-tabs{gap:.4rem;padding:0 2rem 1.25rem;display:flex;overflow-x:auto}.image-tab{color:var(--im-muted);white-space:nowrap;border:1px solid #0000;border-radius:.8rem;padding:.65rem 1.1rem;font-size:.9rem;font-weight:700}.image-tab:hover,.image-tab.is-active{border-color:var(--im-border);background:var(--im-subtle);color:var(--im-text)}.image-tab.is-active{box-shadow:inset 0 -3px var(--im-accent)}.image-workbench-layout{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:1.75rem;padding:0 2rem 2rem;display:grid}.image-drop{cursor:pointer;text-align:center;background:#f3f7ff;border:2px dashed #a9bee4;border-radius:1.1rem;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:215px;padding:1.5rem;transition:border-color .18s,background .18s;display:flex}html.dark .image-drop{background:#162743;border-color:#4c648e}.image-drop:focus-visible,.image-drop.is-dragging,.image-drop:hover{border-color:var(--im-accent);background:var(--im-subtle);outline:none}.image-drop-icon{color:#2155cc;background:#dce9ff;border-radius:1rem;place-items:center;width:3.2rem;height:3.2rem;font-size:2rem;font-weight:400;display:grid}.image-drop strong{font-size:1.15rem}.image-drop>span:not(.image-drop-icon,.image-drop-cta){color:var(--im-muted);font-size:.79rem;line-height:1.6}.image-drop-cta{color:#fff;background:#245be5;border-radius:.6rem;margin-top:.25rem;padding:.55rem 1rem;font-size:.8rem;font-weight:700}.image-selected{color:var(--im-muted);overflow-wrap:anywhere;margin-top:.7rem;font-size:.8rem}.image-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.image-control{min-width:0}.image-control label,.image-control>label{margin-bottom:.5rem;font-size:.88rem;font-weight:720;display:block}.image-control label span{color:var(--im-muted);font-weight:400}.image-control input[type=number],.image-control select{border:1px solid var(--im-border);background:var(--im-surface);width:100%;min-height:2.75rem;color:var(--im-text);border-radius:.65rem;padding:.65rem .8rem}.image-control small{color:var(--im-muted);margin-top:.45rem;font-size:.74rem;line-height:1.55;display:block}.image-fallback-option{border:1px solid var(--im-border);color:var(--im-text);cursor:pointer;border-radius:.7rem;grid-column:1/-1;align-items:flex-start;gap:.7rem;padding:.8rem .9rem;font-size:.82rem;font-weight:650;line-height:1.4;display:flex}.image-fallback-option input{accent-color:var(--im-accent);flex-shrink:0;margin-top:.15rem}.image-fallback-option small{color:var(--im-muted);margin-top:.3rem;font-size:.74rem;font-weight:400;line-height:1.5;display:block}.image-dimensions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.image-lock{color:var(--im-muted);grid-column:1/-1;align-items:center;gap:.55rem;font-size:.84rem;display:flex}.image-control:has(#image-quality){grid-column:1/-1}.image-control input[type=range]{accent-color:#245be5;width:100%}.image-control-actions{flex-wrap:wrap;grid-column:1/-1;gap:.65rem;margin-top:.3rem;display:flex}.image-primary-button,.image-secondary-button,.image-download-link{border-radius:.7rem;justify-content:center;align-items:center;gap:.75rem;min-height:2.75rem;padding:.65rem 1.15rem;font-size:.84rem;font-weight:750;display:inline-flex}.image-primary-button{color:#fff;background:#245be5}.image-primary-button:hover{background:#1746bd}.image-secondary-button{border:1px solid var(--im-border);background:var(--im-surface);color:var(--im-text)}.image-secondary-button:hover{background:var(--im-subtle)}.image-primary-button:disabled,.image-secondary-button:disabled{opacity:.55;cursor:wait}.image-workbench-aside{border:1px solid var(--im-border);background:var(--im-subtle);border-radius:1rem;min-width:0;padding:1.2rem}.image-preview-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.image-preview-heading h3{font-size:1.02rem;font-weight:750}.image-preview-heading span{color:var(--im-muted);font-size:.78rem}.image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.image-preview-tile{min-width:0}.image-preview-tile>span{color:var(--im-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.image-preview-media{aspect-ratio:1;border:1px solid var(--im-border);background:var(--im-surface);border-radius:.7rem;place-items:center;display:grid;overflow:hidden}.image-preview-media img{object-fit:contain;width:100%;height:100%}.image-preview-media span{color:var(--im-muted);text-align:center;padding:.5rem;font-size:.7rem}.image-preview-tile small{min-height:2.5rem;color:var(--im-muted);overflow-wrap:anywhere;margin-top:.45rem;font-size:.72rem;line-height:1.4;display:block}.image-status{color:var(--im-muted);margin-top:1rem;font-size:.84rem;line-height:1.65}.image-results{gap:.65rem;margin-top:.85rem;display:grid}.image-result-row{border:1px solid var(--im-border);background:var(--im-surface);border-radius:.65rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.image-result-detail{overflow-wrap:anywhere;flex:175px;gap:.25rem;min-width:0;max-width:100%;display:grid}.image-result-detail strong{font-size:.8rem}.image-result-detail span{color:var(--im-muted);font-size:.72rem;line-height:1.5}.image-result-row.is-error .image-result-detail span{color:#c54242}.image-download-link{color:#2450bc;white-space:nowrap;background:#e7eeff;min-height:2.2rem;padding:.4rem .65rem;font-size:.73rem}.image-download-all{width:100%;margin-top:1rem}.image-privacy-note{border-top:1px solid var(--im-border);color:var(--im-muted);padding:.8rem 2rem;font-size:.76rem;line-height:1.5}@media (width<=780px){.image-workbench-header,.image-workbench-tabs{padding-left:1.1rem;padding-right:1.1rem}.image-workbench-layout{grid-template-columns:1fr;padding:0 1rem 1.2rem}.image-privacy-note{padding-left:1rem;padding-right:1rem}}@media (width<=450px){.image-controls{grid-template-columns:1fr}.image-dimensions,.image-control:has(#image-quality),.image-control-actions{grid-column:1}.image-drop{min-height:185px}}