/* Scoped to the Works in Progress sketchpad; shared page layout is unchanged. */
.destination-note.drawing-pad { align-content:start; gap:16px; min-width:0; padding:clamp(16px,2.5vw,28px); }
.drawing-pad h2 { margin:4px 0 10px; font:400 clamp(1.8rem,3vw,2.7rem)/1.06 'Newsreader',Georgia,serif; letter-spacing:-.04em; }
.drawing-pad .eyebrow { color:var(--brass); font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; }
.drawing-pad .drawing-tools { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; min-width:0; margin:0; padding:0; border:0; }
.drawing-tools label { display:flex; align-items:center; gap:8px; color:var(--inverse-muted); font-size:.8rem; }
.drawing-tools select { max-width:100%; padding:9px; border:1px solid #a9987f; border-radius:2px; background:#211b15; color:#fff3de; font:inherit; }
.drawing-brush { flex:1; min-width:140px; }
.drawing-brush input { width:100%; min-width:55px; max-width:130px; accent-color:var(--brass); }
.drawing-brush output { min-width:2ch; font-variant-numeric:tabular-nums; }
.drawing-surface { position:relative; min-width:0; line-height:0; }
.drawing-surface canvas { box-sizing:border-box; display:block; width:100%; height:auto; aspect-ratio:4 / 5; background:#fff; border:0; box-shadow:0 0 0 1px #cbbb9f; cursor:crosshair; touch-action:none; }
.drawing-cursor { position:absolute; width:16px; height:16px; border:2px solid #111; border-radius:50%; outline:2px solid white; transform:translate(-50%,-50%); pointer-events:none; }
.drawing-cursor[hidden] { display:none; }
.drawing-pad button { min-height:44px; border:1px solid #ad9875; border-radius:2px; padding:11px 14px; background:#292017; color:#fff3de; font:500 .8rem/1.3 'DM Sans',Arial,sans-serif; cursor:pointer; }
.drawing-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.drawing-actions [data-drawing-share] { background:#cdb48d; color:#211b15; }
.drawing-pad button:disabled { cursor:not-allowed; opacity:.56; }
.drawing-pad button:not(:disabled):hover { background:#493927; }
.drawing-secondary { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.drawing-secondary button { padding:8px 11px; background:transparent; }
.drawing-secondary [role="status"] { flex:1 1 120px; color:var(--inverse-muted); font-size:.75rem; line-height:1.5; }
.drawing-pad .drawing-notice,.drawing-pad .drawing-privacy,.drawing-pad .drawing-help p { font-size:.75rem; line-height:1.55; }
.drawing-pad .drawing-notice { padding-left:10px; border-left:2px solid var(--brass); }
.drawing-help summary { color:var(--inverse-muted); cursor:pointer; font-size:.8rem; line-height:1.6; }
.drawing-help p { margin-top:9px; }
.drawing-pad :is(button,select,input,canvas,summary):focus-visible { outline:3px solid #f5ce82; outline-offset:4px; }
.drawing-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media (forced-colors:active) { .drawing-surface canvas { forced-color-adjust:none; } .drawing-pad button:disabled { opacity:1; color:GrayText; } }

.drawing-continuation { margin-top:auto; padding-top:16px; border-top:1px solid rgba(208,164,93,.25); }
.drawing-pad .drawing-continuation p { font-size:.8rem; }

.drawing-pad .drawing-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}