.browser-visual-options { display: grid; gap: 1rem; min-width: 0; }
.browser-visual-options label { display: grid; gap: .45rem; min-width: 0; font-size: .9375rem; font-weight: 600; color: var(--ink, #172238); }
.browser-visual-options textarea { width: 100%; min-height: 70px; resize: vertical; border: 1px solid #dce2ee; border-radius: .65rem; padding: .75rem; font: inherit; }
.browser-visual-options input[type="color"] { width: 100%; min-height: 44px; padding: .25rem; cursor: pointer; }
.browser-visual-options .visual-check { display: flex; align-items: center; gap: .65rem; }
.visual-check input { width: 20px; height: 20px; flex-shrink: 0; }
.visual-preview { margin: 0; border: 1px solid #dce2ee; border-radius: .75rem; overflow: hidden; background: repeating-conic-gradient(#e9edf3 0% 25%, #f9fafc 0% 50%) 0 0 / 20px 20px; }
.visual-preview canvas { display: block; max-width: 100%; height: auto; margin: auto; }
[data-browser-tool="image_blur"] .visual-preview canvas { touch-action: none; cursor: crosshair; }
.visual-preview figcaption { padding: .55rem .75rem; background: #f4f6fa; color: #4d5a73; font-size: .8rem; }
.visual-image-order { display: grid; gap: .65rem; list-style: none; padding: 0; margin: 0; }
.visual-image-order:empty { display: none; }
.visual-image-order li { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .6rem; border: 1px solid #dce2ee; border-radius: .65rem; }
.visual-image-order canvas { width: 52px; height: 52px; border-radius: .35rem; background: #eef1f6; }
.visual-image-order .visual-photo-name { font-size: .85rem; overflow-wrap: anywhere; font-weight: 500; }
.visual-image-order .visual-photo-info { display: grid; gap: .4rem; min-width: 0; }
.visual-image-order .visual-photo-info input { min-width: 0; width: 100%; padding: .4rem; }
.visual-photo-buttons { display: flex; flex-direction: column; gap: .25rem; }
.visual-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.visual-actions button, .visual-photo-buttons button { border: 1px solid #d0d7e5; border-radius: .5rem; background: #fff; color: #3342be; min-height: 40px; padding: .45rem .7rem; font: inherit; cursor: pointer; }
.visual-actions button:disabled, .visual-photo-buttons button:disabled { opacity: .4; cursor: default; }
.browser-visual-options :focus-visible { outline: 3px solid #5676e5; outline-offset: 2px; }
.visual-extra { border: 1px solid #dce2ee; border-radius: .65rem; padding: .75rem; }
.visual-extra summary { cursor: pointer; font-weight: 600; }
.visual-extra[open] > label, .visual-extra[open] > .option-grid { margin-top: .8rem; }
.browser-visual-options [hidden] { display: none !important; }
@media (max-width: 420px) { .visual-image-order li { grid-template-columns: 38px minmax(0, 1fr) auto; gap: .4rem; }.visual-image-order canvas { width: 38px; height: 38px; }.visual-actions button { flex: 1 1 42%; } }