.visual-switch{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.visual-switch button{min-height:46px;padding:10px 20px;border:1px solid var(--sea);border-radius:9px;background:white;font-weight:650;font-size:15px}.visual-switch [aria-pressed=true]{background:var(--sea);color:white}.visual-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.visual-tools label{font-size:14px}.visual-tools select{font:inherit;color:var(--ink);background:white;border:1px solid #8da8aa;border-radius:8px;padding:10px;min-height:44px;max-width:100%}#visual-status{font-size:14px;line-height:1.5;margin:12px 0}#visual-retry{width:auto;margin-bottom:12px}.visual-canvas-wrap{position:relative;background:white;border:1px solid #b8ccce;border-radius:12px;overflow:hidden;margin-bottom:32px}#visual-frame{display:block;width:100%;height:76vh;height:76dvh;min-height:420px;border:0;background:white}.visual-blocker{position:absolute;inset:0;display:grid;place-items:start center;padding-top:36px;background:rgb(255 255 255 / 85%);font-size:16px;font-weight:650;z-index:2}.visual-active main.shell{width:min(1500px,calc(100% - 40px))}.visual-active #workspace>.heading{padding-block:20px}.visual-active .heading h1{font-size:34px}.visual-active .heading>p{margin-top:9px;max-width:800px;font-size:15px}.visual-active #draft-overview{margin-top:0}.visual-active #workspace>.workspace{display:none}.visual-active #visual-workspace{display:block}.visual-active.editing .heading{display:block}.visual-active .draft-summary{position:static}.visual-active .overview-actions{gap:8px}#visual-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0;border-radius:16px;overscroll-behavior:contain}#visual-dialog::backdrop{background:rgb(10 34 51 / 35%);backdrop-filter:none}.visual-dialog-bar{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 18px;background:#eaf5f6;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.visual-dialog-bar p{font-size:14px;line-height:1.4;max-width:350px}.visual-dialog-bar button{width:auto;min-width:90px;flex-shrink:0}#visual-dialog #editor{border:0;border-radius:0}#visual-dialog .editor-heading{padding:20px}#visual-dialog .editor-heading h2{font-size:28px}#visual-dialog .field-section{padding:18px 20px}#visual-dialog .editor-toolbar,#visual-dialog .editor-jumps,#visual-dialog .editor-reset,#visual-dialog .editor-actions,#visual-dialog .draft-badge{display:none}#visual-dialog input,#visual-dialog textarea{font-size:16px}#visual-dialog .field-hint,#visual-dialog .section-hint{font-size:14px}#visual-dialog .visual-hide{display:none!important}#visual-all-fields{margin:5px 16px 16px;font-size:14px;min-height:44px}#visual-dialog .visual-selected-photo{outline:3px solid #207183;outline-offset:5px;border-radius:8px}#visual-dialog .photo-section .photo-grid{padding:5px}#visual-dialog .photo-tile:not(.visual-selected-photo){opacity:.9}#visual-dialog .photo-tile{scroll-margin-top:85px}
@media(min-width:1000px){#visual-dialog{margin:12px 18px 12px auto;max-height:calc(100dvh - 24px)}}
@media(max-width:760px){.visual-active main.shell{width:calc(100% - 20px)}.visual-active .heading h1{font-size:29px}.visual-active .heading>p{font-size:14px}.visual-switch button{flex:1;padding:9px 10px}.visual-active .overview-actions{display:flex}.visual-active .overview-actions>*{flex:1;min-width:140px}.visual-tools{gap:8px}.visual-tools label{width:100%}.visual-tools select{flex:1;min-width:170px}#visual-frame{height:72vh;height:72dvh;min-height:420px}#visual-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px);margin:auto 6px 6px}.visual-dialog-bar{padding:12px}.visual-dialog-bar p{font-size:14px}.visual-active #workspace>.heading{padding-block:16px}.visual-active .top-actions{margin-top:4px}.visual-active .draft-summary{padding:14px}.visual-active .header{padding-block:12px}}