.image26-form { display:flex; flex-direction:column; gap:12px; color:var(--color-text-primary); font-family:var(--font-sans); }
.image26-form form { display:flex; flex-direction:column; gap:14px; }
.image26-form label { display:flex; flex-direction:column; gap:7px; font-size:var(--text-caption); }
.image26-form input:not([type=checkbox]), .image26-form select, .image26-form textarea { width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid var(--color-border); border-radius:var(--radius-control); background:var(--color-surface-subtle); color:var(--color-text-primary); font:inherit; }
.image26-form textarea { resize:vertical; min-height:100px; }
.image26-form [hidden], .image26-source[hidden] { display:none !important; }
.image26-primary { padding:14px; border:0; border-radius:var(--radius-control); background:var(--color-action-primary); color:var(--color-action-primary-text); cursor:pointer; }
.image26-primary:disabled { opacity:.5; cursor:not-allowed; }
.image26-hint { margin:0; color:var(--color-text-secondary); font-size:var(--text-caption); line-height:1.6; }
.image26-field-label { display:block; margin:0 0 8px; color:var(--color-text-secondary); font-size:var(--text-caption); }
.image26-upload-zone { position:relative; width:100%; aspect-ratio:4/3; border:1px dashed var(--color-border); background:var(--color-surface-subtle); cursor:pointer; overflow:hidden; transition:border-color .15s; }
.image26-upload-zone:focus-visible { outline:2px solid var(--color-focus); outline-offset:2px; }
.image26-upload-zone.has-source { border-color:var(--color-accent-border); }
.image26-upload-empty { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; pointer-events:none; color:var(--color-text-secondary); }
.image26-upload-empty > .material-symbols-outlined { font-size:26px; }
.image26-upload-empty p { margin:0; text-align:center; font-size:var(--text-caption); }
.image26-upload-zone > .image26-source { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.image26-upload-clear { display:flex; position:absolute; top:6px; right:6px; width:22px; height:22px; padding:0; align-items:center; justify-content:center; background:var(--color-overlay); border:1px solid var(--color-border); color:var(--color-text-secondary); cursor:pointer; }
.image26-upload-clear .material-symbols-outlined { font-size:12px; }
.image26-modes { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-bottom:18px; }
.image26-modes button { padding:11px 5px; color:var(--color-text-secondary); background:var(--color-surface-subtle); border:1px solid var(--color-border); border-radius:var(--radius-control); cursor:pointer; }
.image26-modes button[aria-pressed=true] { color:var(--color-action-primary-text); background:var(--color-action-primary); }
.image26-input-modes { margin-bottom:0; }
.image26-preview { width:min(960px,90vw); max-height:90vh; overflow:auto; border:1px solid var(--color-border); border-radius:var(--radius-panel); background:var(--color-surface); color:var(--color-text-primary); }
.image26-preview::backdrop { background:var(--color-overlay); }
.image26-compare { display:flex; flex-wrap:wrap; gap:12px; }
.image26-compare img { max-width:100%; min-width:0; flex:1; object-fit:contain; max-height:65vh; width:40%; }
.image26-preview button { margin:12px 8px 0 0; padding:10px 16px; border:1px solid var(--color-border); border-radius:var(--radius-control); background:var(--color-surface-subtle); color:var(--color-text-primary); cursor:pointer; }
@media(max-width:600px) { .image26-compare { flex-direction:column; } .image26-compare img { width:100%; max-height:35vh; } }