.rd-workspace,.rd-dialog{--border:var(--ev-border);--surface:var(--ev-card);--text:var(--ev-text);--muted:var(--ev-muted);--bg:var(--ev-inset)}
.rd-workspace{grid-template-columns:minmax(275px,.7fr) minmax(0,1.3fr);align-items:start}.rd-controls{display:grid;gap:16px}.rd-box{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.rd-kicker{display:block;font:750 .68rem/1.6 system-ui;letter-spacing:.14em;color:var(--muted);margin-bottom:14px}.rd-workspace label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:650;margin:10px 0}.rd-workspace input,.rd-workspace select{font:inherit;width:100%;max-width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text)}.rd-workspace button{font:650 .78rem/1.4 system-ui;padding:10px 12px;min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.rd-workspace button:disabled{opacity:.45;cursor:default}.rd-workspace button:hover:not(:disabled){border-color:#13838a}.rd-workspace :is(input,select,button,summary,canvas):focus-visible{outline:3px solid #14848b;outline-offset:3px}.rd-workspace .rd-primary{background:#116b72;color:#fff;border-color:#116b72;width:100%}.rd-workspace p,.rd-controls details{font-size:.78rem;line-height:1.7;color:var(--muted)}.rd-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.rd-drop{padding:20px 10px;border:2px dashed #78949f;border-radius:10px;text-align:center;background:var(--bg)}.rd-drop span{font-size:.73rem;font-weight:400}.rd-drop input{padding:7px 0;border:0;font-size:.73rem}.rd-over{outline:3px solid #14848b}.rd-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.rd-workspace fieldset{min-width:0;border:1px solid var(--border);border-radius:8px;padding:10px}.rd-workspace legend{font-size:.8rem;font-weight:700}.rd-masks{display:flex;flex-wrap:wrap;gap:6px;max-height:160px;overflow:auto;margin:12px 0}.rd-masks button[aria-pressed=true],.rd-toolbar button[aria-pressed=true]{background:#116b72;color:white;border-color:#116b72}.rd-workspace .rd-check{flex-direction:row;align-items:center;gap:9px}.rd-check input{width:18px;height:18px;flex:none}.rd-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.rd-toolbar label{max-width:145px;flex:1}.rd-toolbar .rd-actions{flex:2 1 210px}.rd-editor{min-width:0}.rd-viewport{position:relative;overflow:auto;max-height:660px;min-height:280px;border-radius:10px;border:1px solid var(--border);background:repeating-conic-gradient(#d4dfe5 0% 25%,#e4ebef 0% 50%) 0 0/18px 18px;overscroll-behavior:contain}.rd-stage{position:relative;line-height:0;margin:auto;flex:none}.rd-stage[hidden]{display:none}.rd-stage canvas{display:block;width:100%;height:100%}#rdOverlay{position:absolute;inset:0;touch-action:none;cursor:crosshair}#rdEmpty{padding:55px 22px;text-align:center;background:var(--surface);min-height:330px}#rdEmpty>span{font-size:3rem;color:#14848b}#rdEmpty h3{font-size:1.7rem;line-height:1.25;color:var(--text)}#rdEmpty p{max-width:300px;margin:12px auto}.rd-note{padding:12px;border-left:3px solid #b28026;background:var(--bg)}#rdStatus{padding:12px;border-left:3px solid #14848b;overflow-wrap:anywhere}.rd-dialog{width:min(1000px,95vw);max-height:94vh;overflow:auto;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text)}.rd-dialog::backdrop{background:#082531b3}.rd-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rd-review-head h2{font-size:1.15rem;margin:0}.rd-review-image{max-height:55vh;overflow:auto;background:#dce4e9;border:1px solid var(--border);border-radius:7px}.rd-review-image img{display:block;max-width:100%;height:auto;margin:auto}.rd-review-image.rd-full img{max-width:none;margin:0}.rd-dialog p{font-size:.8rem;line-height:1.6}.rd-dialog .rd-primary{width:auto}.rd-dialog label{display:flex;gap:8px;font-size:.8rem;margin:12px 0;align-items:center}.rd-dialog button{padding:10px 12px;min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:650 .8rem system-ui;cursor:pointer}.rd-dialog button.rd-primary{background:#116b72;color:white}.rd-guide{margin-top:30px}@media(min-width:1000px){.rd-workspace .ev-preview-panel{position:sticky;top:16px}}@media(max-width:850px){.rd-workspace{grid-template-columns:minmax(0,1fr)}.rd-workspace .ev-preview-panel{grid-row:1}.rd-viewport{max-height:480px}.rd-box{padding:15px}}@media(max-width:360px){.rd-dialog{padding:12px}.rd-review-head{align-items:start}.rd-fields{gap:0 8px}.rd-toolbar{gap:4px}}

/* Keep zoom controls readable on narrow phones; modes use their own wrapping row. */
.rd-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px 12px}.rd-toolbar>button{justify-self:start;align-self:end}.rd-toolbar>.rd-actions{grid-column:1/-1;grid-row:2;margin:0}.rd-toolbar>label{width:120px;max-width:120px;min-width:0;margin:0;justify-self:end}@media(min-width:1000px){.rd-workspace .ev-preview-panel{top:90px}}

/* The editor must stay within its grid cell when a source image is zoomed. */
.rd-workspace .ev-preview-content{display:block;width:100%;min-width:0}.rd-editor{width:100%;max-width:100%}.rd-viewport{width:100%;min-width:0;max-width:100%}