/* drawnut's common editor shell (owner 29 Oct 2026: "Complete Tools and Workspace Instructions" v1.0 §02 and §17; his
   pictures of 07:40 — computer, tablet, mobile — and 08:25 — mobile and computer; the pattern for every drawnut tool).
   White bars; the drawing on a white sheet with drawnut's title block over a light dotted canvas; plain dark line icons;
   drawnut's green for what is chosen (the tool, the selection and its handles, Snap when on, Apply, Save).
   Computer: drawnut | ⌂ › where › name › number … ↶ ↷ | layers, saved state, Save; icons at the left (settings and help
   at their foot); the properties at the right (‹ what it is, its actions as icons, its fields, Appearance, Actions ›,
   More ›, Apply); units ⌄ zoom ⌄ … Snap Ortho Grid | full screen at the bottom. Tablet: the same bars; the chosen object
   as a chip whose ✏ opens its properties. Mobile: ‹ drawnut ↶ ↷ | Save, then name ⌄ | number … layers; − % + and fit
   over the canvas; the properties a sheet from the bottom; Select Room Wall Door More. Used by the floor plan
   (floor-plan/09-workspace.js). */
.dnw{--dnw-acc:#0E8A55;--dnw-acc2:#0B6E44;--dnw-acc-bg:#E7F5EE;--dnw-line:#E6E8EC;--dnw-line2:#DDE2E8;--dnw-ink:#1C2129;--dnw-dim:#6B7280;--dnw-ws:#FFFFFF;--dnw-cv:#F4F6F8;--dnw-top:105px;--dnw-bot:52px;--dnw-rail:64px;--dnw-insp:304px;--dnw-tab:64px}
#sheet[data-mode="plan"]{height:96vh;max-height:96vh}
#sheet[data-mode="plan"] .fpshead{display:none}
#sheet[data-mode="plan"] .skbody{padding:0!important}
#sheet[data-mode="plan"] .skresume{margin:8px 10px 6px}
/* a tablet or computer: a large window in the middle; drawnut's full size (vego-cad-page.js dnFullToggle, the bottom
   bar's button) fills the whole screen */
@media (min-width:820px){#sheet.sheet:is([data-mode="plan"],[data-mode="cadsys"]){width:min(1520px,calc(100vw - 96px));height:calc(100vh - 64px);max-height:none}#sheet.sheet.dn-full:is([data-mode="plan"],[data-mode="cadsys"]){inset:0!important;width:auto!important;height:auto!important;border-radius:0!important}}
.dnw .dnfull svg{width:20px;height:20px}
.dnw .dnfull .dnf-off,#sheet.dn-full .dnw .dnfull .dnf-on{display:none}
#sheet.dn-full .dnw .dnfull .dnf-off{display:block}
#fp-stage.dnw{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--dnw-top) minmax(0,1fr) var(--dnw-tab);border-radius:0;overflow:hidden;background:var(--dnw-ws);box-shadow:none;min-height:0;color:var(--dnw-ink)}
#fp-stage.dnw:fullscreen{width:100vw;height:100vh}
.dnw .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dnw .dnw-vr{flex:none;display:block;width:1px;height:24px;margin:0 8px;background:var(--dnw-line2)}

/* ---------- top bar ---------- */
.dnw-top{grid-row:1;grid-column:1/-1;display:flex;align-items:center;gap:2px;min-width:0;padding:0 12px;background:#fff;border-bottom:1px solid var(--dnw-line);z-index:8}
.dnw .dnw-ib{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:none;color:var(--dnw-ink);cursor:pointer}
.dnw .dnw-ib:hover{background:#F2F4F6}
.dnw .dnw-ib svg{width:20px;height:20px}
.dnw-brand{flex:none;display:flex;align-items:center;gap:6px;height:36px;padding:0 4px;border:0;border-radius:0;background:none;cursor:pointer}
.dnw-brand .dnw-knot{height:24px;width:auto}
.dnw-brand .dnw-word{height:20px;width:auto;margin-top:1px}
.dnw-id{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:4px}
.dnw .dnw-cs{flex:none;font-style:normal;font-size:15px;color:#A0A7B2;padding:0 2px}
.dnw .dnw-home{width:32px;height:32px;color:var(--dnw-dim)}
.dnw .dnw-home svg{width:18px;height:18px}
.dnw .dnw-crumb{flex:0 1 auto;min-width:0;max-width:180px;height:32px;padding:0 6px;border:0;border-radius:8px;background:none;color:var(--dnw-dim);font:500 14px system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.dnw .dnw-crumb:hover{background:#F2F4F6}
.dnw .dnw-crumb0{display:inline-flex;align-items:center;cursor:default}
.dnw .dnw-crumb0:hover{background:none}
.dnw-nm{display:flex;align-items:center;gap:0;min-width:0;max-width:min(320px,100%)}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw #fp-name,html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw #fp-num,html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw #vcs-dn,html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw #vcs-num{flex:0 1 auto;width:auto;min-width:3ch;field-sizing:content;height:32px!important;min-height:0!important;padding:0 4px!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;color:var(--dnw-ink)!important;font:500 14.5px/1.2 system-ui,sans-serif!important;outline:none;text-overflow:ellipsis}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw :is(#fp-num,#vcs-num){min-width:4ch;max-width:12ch;color:var(--dnw-dim)!important}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw :is(#fp-name,#fp-num,#vcs-dn,#vcs-num):focus{box-shadow:inset 0 -1.5px 0 var(--dnw-acc)!important}
.dnw .dnw-chev{flex:none;display:grid;place-items:center;width:26px;height:30px;padding:0;border:0;border-radius:8px;background:none;color:var(--dnw-ink);cursor:pointer}
.dnw .dnw-chev svg{width:16px;height:16px}
.dnw-st{display:flex;align-items:center;gap:6px;min-width:0;margin:0 10px 0 6px;font-size:13px;color:var(--dnw-dim);white-space:nowrap;overflow:hidden}
.dnw-state{overflow:hidden;text-overflow:ellipsis}
.dnw-state[data-k="bad"]{color:#B42318}
.dnw-state[data-k="busy"]{color:var(--dnw-acc2)}
/* where it is saved: the cloud only when it is (Saved to the company), this device for a draft */
.dnw-sti{flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='3' width='12' height='18' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
.dnw-sti[data-k="ok"],.dnw-sti[data-k="busy"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18h10a4 4 0 0 0 .6-7.95A6 6 0 0 0 6.1 9.2 4.5 4.5 0 0 0 7 18z'/%3E%3Cpath d='m9.5 13.5 2 2 3.5-3.5'/%3E%3C/svg%3E")}
.dnw-sti[data-k="new"]{display:none}
.dnw .dnw-top .skgrp{display:flex;gap:2px;padding:0;background:none;box-shadow:none;border-radius:0}
.dnw .dnw-top .sktool{width:38px;min-width:38px;height:38px;border-radius:10px;color:var(--dnw-ink);background:none}
.dnw .dnw-top .sktool:hover:not(:disabled){background:#F2F4F6}
.dnw .dnw-top .sktool:disabled{opacity:.32}
/* Save, Apply, Add room: drawnut's green, flat (his pictures) */
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) :is(#fp-stage,#vcs-shell).dnw :is(.dnw-save,.fpapply,.fpw-radd){border:0!important;background:var(--dnw-acc)!important;color:#fff!important;box-shadow:none!important;font-weight:700}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) :is(#fp-stage,#vcs-shell).dnw :is(.dnw-save,.fpapply,.fpw-radd)::after{display:none!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) :is(#fp-stage,#vcs-shell).dnw .dnw-save{flex:none;height:40px!important;min-height:0!important;margin-inline-start:4px;padding:0 24px!important;border-radius:10px!important}

/* ---------- tools: plain dark line icons, the chosen one in green on a pale green ---------- */
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw :is(.skpal .sktool,.skshb){color:var(--dnw-ink)!important;background:none!important;box-shadow:none!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw :is(.skpal .sktool,.skshb).on{color:var(--dnw-acc)!important;background:var(--dnw-acc-bg)!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .skshb:not(.on) svg{color:var(--dnw-ink)}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .fpchips button.on{background:var(--dnw-acc)!important;color:#fff!important}
.dnw .skpal .sktool{position:relative}
.dnw .skpal .sktool svg{width:22px;height:22px}
.dnw .skpal .dnw-tl{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) :is(#fp-stage,#vcs-shell).dnw .skpal .dnw-tl{font:500 11.5px/1.15 system-ui,sans-serif!important;letter-spacing:0!important;color:inherit!important}
.dnw .dnw-cdot{display:block;width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.12)}
/* a phone: the tools are the bottom row (Select · Room · Wall · Door · More); the rest live under More */
.dnw .sktools.dnw-rail{position:relative;inset:auto;bottom:auto;grid-row:3;grid-column:1/-1;display:block;margin:0!important;z-index:9;pointer-events:auto;background:#fff;border-top:1px solid var(--dnw-line)}
.dnw .dnw-rail .skpal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:2px;max-width:none;height:100%;padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px));border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}
.dnw .dnw-rail .skpal .sktool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:auto;min-width:0;height:100%;border-radius:12px}
.dnw .dnw-rail .skpal .dnw-t,.dnw .dnw-rail .skpal .dnw-d,.dnw .dnw-rfoot{display:none}
.dnw .dnw-rail .skpal #fp-shp{order:9}
.dnw .dnw-rail .skpop{bottom:calc(100% + 8px);top:auto;left:8px;right:8px;transform:none;max-width:none;max-height:min(60vh,520px);overflow:auto}
.dnw .dnw-rail .skpop-opt{max-height:min(74vh,680px)}
.dnw .dnw-rail .skpop-shape{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}
.dnw .skpop-shape .skshb small{font-size:11px}
/* More lists what the rail does not show at this size */
.dnw .skpop-shape .dnw-m,.dnw .skpop-shape .dnw-mt{display:flex}

/* ---------- canvas: a light dotted ground, the drawing on its white sheet ---------- */
.dnw-canvas{grid-row:2;grid-column:1/-1;position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--dnw-cv)}
.dnw.fpcad .dnw-canvas{background:#0F1B2D}
#fp-stage.dnw.fpstage,#fp-stage.dnw.fpstage.fpcad{background:var(--dnw-ws)}
.dnw-canvas>.skpop{top:8px;inset-inline-end:8px;inset-inline-start:auto}
.dnw-canvas>.skpop-plan{inset-inline-start:8px;inset-inline-end:auto;min-width:240px;max-width:calc(100% - 16px)}
.dnw-canvas>.skpop-help{max-width:min(360px,calc(100% - 16px));max-height:calc(100% - 16px);overflow:auto}
.dnw .dnw-hrow{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #F0F2F5}
.dnw .dnw-hrow svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--dnw-ink)}
.dnw .dnw-hrow b{display:block;font-size:13.5px;color:var(--dnw-ink)}
.dnw .dnw-hrow small{display:block;font-size:12.5px;line-height:1.35;color:var(--dnw-dim)}
.dnw .sktot{display:none!important}
.dnw .fplive{top:10px}
.dnw .fpdone,.dnw .fptyped{bottom:12px}
.dnw .dnw-hdl[data-hdl="nw"],.dnw .dnw-hdl[data-hdl="se"]{cursor:nwse-resize}
.dnw .dnw-hdl[data-hdl="ne"],.dnw .dnw-hdl[data-hdl="sw"]{cursor:nesw-resize}
.dnw .dnw-hdl[data-hdl="n"],.dnw .dnw-hdl[data-hdl="s"]{cursor:ns-resize}
.dnw .dnw-hdl[data-hdl="e"],.dnw .dnw-hdl[data-hdl="w"]{cursor:ew-resize}
/* the hint comes over the top of the canvas for a few seconds */
.dnw .dnw-hint{position:absolute;left:50%;top:10px;z-index:6;max-width:min(560px,calc(100% - 24px));margin:0;padding:7px 14px;border-radius:12px;background:rgba(28,33,41,.88);color:#fff;font:500 12.5px/1.35 system-ui,sans-serif;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-6px);transition:opacity .25s,transform .25s}
.dnw .dnw-hint.on:not(:empty){opacity:1;transform:translate(-50%,0)}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw .dnw-hint{color:#fff!important;white-space:normal!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media (prefers-reduced-motion:reduce){.dnw .dnw-hint{transition:none}}
/* a phone's zoom: − 100 % + and fit, above the properties' sheet */
.dnw .dnw-zoom{position:absolute;inset-inline-end:64px;bottom:calc(14px + var(--dnw-sheet,0px));z-index:6;display:flex;align-items:center;height:42px;padding:0 3px;border-radius:12px;background:#fff;box-shadow:0 8px 20px -12px rgba(15,23,42,.4),0 0 0 1px rgba(15,23,42,.07)}
.dnw .dnw-zb{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:9px;background:none;color:var(--dnw-ink);cursor:pointer}
.dnw .dnw-zb svg{width:19px;height:19px}
.dnw .dnw-zoom output{min-width:50px;text-align:center;font:500 14px system-ui,sans-serif;color:var(--dnw-ink)}
.dnw .dnw-fitb{position:absolute;inset-inline-end:12px;bottom:calc(14px + var(--dnw-sheet,0px));z-index:6;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:12px;background:#fff;color:var(--dnw-ink);box-shadow:0 8px 20px -12px rgba(15,23,42,.4),0 0 0 1px rgba(15,23,42,.07);cursor:pointer}
.dnw .dnw-fitb svg{width:20px;height:20px}
.dnw:has(.fptyped:not([hidden])) :is(.dnw-zoom,.dnw-fitb){bottom:64px}
/* the tablet's chip: the chosen object, ✏ opens its properties */
.dnw .dnw-chip{position:absolute;top:10px;inset-inline-end:10px;z-index:7;display:inline-flex;align-items:center;gap:4px;height:38px;max-width:calc(100% - 20px);padding:0 12px 0 14px;border:1px solid var(--dnw-line);border-radius:12px;background:#fff;color:var(--dnw-ink);font:500 13.5px system-ui,sans-serif;box-shadow:0 8px 20px -14px rgba(15,23,42,.45);cursor:pointer;white-space:nowrap}
.dnw .dnw-chip b{font-weight:700;overflow:hidden;text-overflow:ellipsis}
.dnw .dnw-chip svg{flex:none;width:17px;height:17px;margin-inline-start:6px}
.dnw .dnw-chip[hidden]{display:none}

/* ---------- properties ---------- */
.dnw-insp{display:contents}
.dnw .fpdoc{display:none}
/* a phone: a sheet from the bottom, above the tools */
.dnw .fpcard{inset-inline:0;bottom:var(--dnw-tab);max-height:min(50%,440px);padding:12px 18px 14px;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -8px 28px -14px rgba(15,23,42,.35),0 0 0 1px rgba(15,23,42,.06)}
.dnw .fpcard.fpsheet::before{content:"";display:block;width:40px;height:4px;margin:0 auto 12px;border-radius:2px;background:#D5D9DF}
.dnw .fpcard.fpw-alt{top:calc(var(--dnw-top) + 8px);bottom:auto;inset-inline:8px;border-radius:20px}
.dnw .fpcard-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.dnw .fpcard-h b{flex:0 1 auto;min-width:0;font-size:17px;font-weight:600;color:var(--dnw-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dnw .fpcard-h .fpsum{flex:1;font-size:15px;color:var(--dnw-dim);white-space:nowrap}
.dnw .fpcard-h small{flex:1}
.dnw .fpcard-h .fpx{margin-inline-start:auto;background:none}
.dnw .fpin{font-size:12.5px;color:var(--dnw-dim)}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) :is(#fp-stage,#vcs-shell).dnw .fpin input{box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw .fpcard .fpin input{height:42px!important;min-height:0!important;padding:0 12px!important;border:1px solid var(--dnw-line2)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;color:var(--dnw-ink)!important;font-size:15px!important}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw .fpcard .fpin input:focus{border-color:var(--dnw-acc)!important;box-shadow:0 0 0 3px rgba(14,138,85,.14)!important}
.dnw .fpcard.fpsheet:has(.fpsec[open]){max-height:min(72%,640px)}
.dnw .fparea{display:flex;flex-direction:column;gap:3px;margin:4px 0 12px}
.dnw .fparea b{font-size:17px;font-weight:600;color:var(--dnw-ink)}
.dnw .fparea small{font-size:12.5px;color:var(--dnw-dim)}
.dnw .dnw-sect{display:block;margin:16px 0 8px;padding-top:14px;border-top:1px solid var(--dnw-line);font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dnw-dim)}
.dnw .dnw-iacts+.dnw-sect{margin-top:4px;padding-top:0;border-top:0}
/* Lock: Free | Fixed beside its word */
.dnw .dnw-lockrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 4px}
.dnw .dnw-lockrow:has(.fpchips button:nth-child(3)){flex-direction:column;align-items:stretch;gap:6px}
.dnw .dnw-lockrow .fplockt{margin:0;font-size:13px;color:var(--dnw-dim)}
.dnw .dnw-lockrow .fpchips{display:inline-flex;flex-wrap:nowrap;gap:0;margin:0;border:1px solid var(--dnw-line2);border-radius:9px;overflow:hidden}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-lockrow .fpchips button{flex:1 1 auto;height:36px!important;min-height:0!important;padding:0 16px!important;border:0!important;border-inline-start:1px solid var(--dnw-line2)!important;border-radius:0!important;background:#fff!important;color:var(--dnw-ink)!important;font:500 13px system-ui,sans-serif!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-lockrow .fpchips button:first-child{border-inline-start:0!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-lockrow .fpchips button.on{background:var(--dnw-acc-bg)!important;color:var(--dnw-acc2)!important;font-weight:600!important}
/* Appearance: the line colour with its dot, the opacity */
.dnw .dnw-app .fpin{flex:1 1 0;min-width:0}
.dnw .dnw-app .fpin:first-child{flex-grow:1.45}
.dnw .fpcard .dnw-sel{display:flex;width:100%}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw .fpcard .dnw-sel select{width:100%!important;height:42px!important;border-radius:8px!important;border-color:var(--dnw-line2)!important;font-size:14px!important}
.dnw .dnw-colsel .dnw-cdot{position:absolute;inset-inline-start:11px;top:50%;width:18px;height:18px;margin-top:-9px;pointer-events:none}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw .fpcard .dnw-colsel select{padding-inline-start:36px!important}
.dnw .fpsec{border-top:1px solid var(--dnw-line)}
.dnw .fpsec>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font:500 14.5px system-ui,sans-serif;color:var(--dnw-ink);cursor:pointer;list-style:none}
.dnw .fpsec>summary::-webkit-details-marker{display:none}
.dnw .fpsec>summary::after{content:"";width:8px;height:8px;margin-inline-end:6px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
.dnw .fpsec[open]>summary::after{transform:rotate(45deg)}
.dnw .fpsec-b{padding:2px 0 12px}
.dnw .fpsec:last-of-type{border-bottom:1px solid var(--dnw-line)}
.dnw .fpfoot{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;margin-top:14px}
.dnw .fpfoot .fpapply{margin:0 0 0 auto}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) :is(#fp-stage,#vcs-shell).dnw .fpapply{height:44px!important;min-height:0!important;min-width:96px;padding:0 26px!important;border-radius:10px!important}
/* the phone's sheet: › More at the left, Apply at the right */
.dnw .fpsheet .fpfoot{align-items:center;flex-wrap:wrap;margin-top:8px;padding-top:4px;border-top:1px solid var(--dnw-line)}
.dnw .fpsheet .fpfoot .fpsec{flex:1 1 auto;min-width:0;border:0}
.dnw .fpsheet .fpsec>summary{justify-content:flex-start;gap:10px;min-height:46px;font-weight:500;font-size:15px}
.dnw .fpsheet .fpsec>summary::after{order:-1;width:8px;height:8px;margin:0}
.dnw .fpsheet .fpsec[open]{flex-basis:100%;order:2}
.dnw .fpsheet .fpfoot .fpapply{order:1}
.dnw .fpsheet .fpfoot:has(.fpsec[open]) .fpsec{order:1}
.dnw .fpsheet .fpfoot:has(.fpsec[open]) .fpapply{order:2}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) :is(#fp-stage,#vcs-shell).dnw .fpsheet .fpfoot:has(.fpsec[open]) .fpapply{width:100%!important;max-width:none!important;margin:0!important}
.dnw .fpsheet .fpsec-b{min-width:0;max-width:100%}
/* a tablet's or computer's panel: ‹ and what it is, the actions as icons in a grey bar */
.dnw .dnw-h2{gap:4px;margin-bottom:14px}
.dnw .dnw-h2 .dnw-hback{order:-1;margin:0 0 0 -8px;width:32px;height:32px}
.dnw .dnw-h2 .dnw-hback svg{width:18px;height:18px}
.dnw .fpacts.dnw-iacts{display:flex;flex-wrap:wrap;gap:2px;margin:0 0 14px;padding:4px;border-radius:10px;background:#F3F5F7}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .fpacts.dnw-iacts button{flex:1 1 0;min-width:0;height:36px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:none!important;box-shadow:none!important;color:#4B5563!important;display:grid!important;place-items:center}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .fpacts.dnw-iacts button:hover{background:#fff!important}
.dnw .fpacts.dnw-iacts svg{width:18px;height:18px}
.dnw .fpacts.dnw-iacts small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- bottom bar (tablet, computer) ---------- */
.dnw-bot{display:none}
.dnw .dnw-sel{position:relative;display:inline-flex;align-items:center}
.dnw .dnw-sel select{appearance:none;-webkit-appearance:none;height:34px;padding:0 30px 0 14px;border:1px solid var(--dnw-line);border-radius:9px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C2129' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") right 10px center/14px no-repeat;color:var(--dnw-ink);font:500 13px system-ui,sans-serif;cursor:pointer}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw .dnw-sel select{min-height:0!important;height:34px!important;width:auto!important;padding:0 30px 0 12px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C2129' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") right 10px center/14px no-repeat!important;box-shadow:none!important;color:var(--dnw-ink)!important;font-size:13px!important}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw .dnw-sel select:hover{background-color:#F2F4F6!important}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw .fpcard .dnw-sel select{border:1px solid var(--dnw-line2)!important;background-color:#fff!important}
.dnw .dnw-tg{height:32px;padding:0 16px;border:1px solid var(--dnw-line2);border-radius:8px;background:#fff;color:var(--dnw-ink);font:500 13px system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.dnw .dnw-tg.on{border-color:#BFE5D1;background:var(--dnw-acc-bg);color:var(--dnw-acc2);font-weight:600}
.dnw .dnw-bot .fplvl{height:32px;padding:0 14px;border:1px solid var(--dnw-line);border-radius:8px;background:#fff;box-shadow:none;color:var(--dnw-acc2);font:600 13px system-ui,sans-serif}
.dnw-sp{flex:1 1 auto}
/* the drawing's own properties (a computer, nothing chosen) */
.dnw-kv{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #F0F2F5;font-size:13px;color:var(--dnw-dim)}
.dnw-kv b{color:var(--dnw-ink);font-weight:600}
.dnw-h{display:block;margin:14px 0 6px;font-size:11.5px;font-weight:600;color:var(--dnw-dim);text-transform:uppercase;letter-spacing:.04em}
.dnw-sws{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.dnw-sw{height:36px;border:1px solid var(--dnw-line);border-radius:10px;background:#fff;color:var(--dnw-ink);font:500 13px system-ui,sans-serif;cursor:pointer}
.dnw-sw.on{border-color:var(--dnw-acc);background:var(--dnw-acc-bg);color:var(--dnw-acc2);font-weight:600}

/* ---------- a phone: ‹ drawnut ↶ ↷ | Save, then name ⌄ | number … layers ---------- */
@media (max-width:699px){
  .dnw .dnw-top{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto auto;grid-template-rows:56px 48px;grid-template-areas:"back brand . ur vr save" "id id id id id tr";align-items:center;padding:0 10px;background:linear-gradient(var(--dnw-line),var(--dnw-line)) 0 56px/100% 1px no-repeat,#fff}
  .dnw .dnw-back{grid-area:back;margin-inline-end:4px}
  .dnw .dnw-brand{grid-area:brand}
  .dnw .dnw-top .dnw-ur{grid-area:ur}
  .dnw .dnw-top>.dnw-vr{grid-area:vr}
  .dnw .dnw-save{grid-area:save}
  .dnw .dnw-id{grid-area:id;padding-inline-start:4px}
  .dnw .dnw-top .dnw-tr{grid-area:tr;justify-self:end}
  .dnw .dnw-st,.dnw .dnw-home,.dnw .dnw-crumb,.dnw .dnw-cs0{display:none!important}
  .dnw .dnw-cs1{width:1px;height:24px;margin:0 12px;padding:0;background:var(--dnw-line2);font-size:0}
  html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw :is(#fp-name,#vcs-dn){font-size:16px!important;font-weight:500!important}
  html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet :is(#fp-stage,#vcs-shell).dnw :is(#fp-num,#vcs-num){font-size:16px!important}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) :is(#fp-stage,#vcs-shell).dnw .dnw-save{padding:0 18px!important}
  .dnw .dnw-hint{left:12px;right:12px;max-width:none;max-height:calc(2.7em + 14px);transform:translate(0,-6px)}
  .dnw .dnw-hint.on:not(:empty){transform:none}
  /* a tool's options open above the typed-point bar, which stays in reach */
  .dnw:has(.fptyped:not([hidden])) .dnw-rail .skpop{bottom:calc(100% + 60px);max-height:min(56vh,480px)}
}
/* ---------- a tablet or a computer: the icons at the left, the bottom bar ---------- */
@media (min-width:700px){
  .dnw{--dnw-top:64px}
  #fp-stage.dnw{grid-template-columns:var(--dnw-rail) minmax(0,1fr);grid-template-rows:var(--dnw-top) minmax(0,1fr) var(--dnw-bot)}
  .dnw .dnw-back,.dnw .dnw-chev,.dnw .dnw-zoom,.dnw .dnw-fitb{display:none}
  .dnw-top{padding:0 16px 0 18px}
  .dnw-brand{margin-inline-end:14px;padding-inline-end:18px;border-inline-end:1px solid var(--dnw-line)}
  .dnw .sktools.dnw-rail{grid-row:2/4;grid-column:1;border-top:0;border-inline-end:1px solid var(--dnw-line)}
  .dnw .dnw-rail .skpal{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-height:100%;box-sizing:border-box;padding:14px 10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
  .dnw .dnw-rail .skpal .sktool{flex:none;width:44px;height:44px;border-radius:10px;gap:0}
  .dnw .dnw-rail .skpal .dnw-tl{display:none}
  .dnw .dnw-rail .skpal .dnw-t,.dnw .dnw-rail .skpal .dnw-d{display:flex}
  .dnw .dnw-rail .skpal #fp-shp{order:1}
  .dnw .dnw-rfoot{order:2;display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:10px}
  .dnw .dnw-rail .skpal .sktool.on::before{content:"";position:absolute;inset-inline-start:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--dnw-acc)}
  .dnw .dnw-rail .skpop{position:absolute;top:10px;bottom:auto;left:calc(100% + 8px);right:auto;transform:none;max-width:min(380px,calc(100vw - 120px));max-height:calc(100% - 20px)}
  [dir="rtl"] .dnw .dnw-rail .skpop{left:auto;right:calc(100% + 8px)}
  .dnw .skpop-shape .dnw-m,.dnw .skpop-shape .dnw-mt{display:none}
  .dnw-canvas{grid-column:2;grid-row:2}
  /* Settings and Help open from the foot of the icons */
  .dnw-canvas>:is(.skpop-more,.skpop-help){top:auto;bottom:10px;inset-inline-start:10px;inset-inline-end:auto;max-height:calc(100% - 20px);overflow:auto}
  .dnw-bot{grid-row:3;grid-column:2;display:flex;align-items:center;gap:8px;min-width:0;padding:0 16px;overflow-x:auto;scrollbar-width:none;background:#fff;border-top:1px solid var(--dnw-line);z-index:8}
  .dnw-bot::-webkit-scrollbar{display:none}
  .dnw-bot>*{flex:none}
  /* the hint at the top left, clear of the tablet's chip */
  .dnw .dnw-hint{left:12px;max-width:min(520px,calc(100% - 380px));text-align:start;transform:translate(0,-6px)}
  .dnw .dnw-hint.on:not(:empty){transform:none}
  /* the properties: a panel over the canvas's right side, opened from the chip's ✏ */
  .dnw-insp{display:block;grid-row:2;grid-column:2;justify-self:end;align-self:start;position:relative;width:min(340px,calc(100% - 20px));max-height:calc(100% - 20px);margin:10px;z-index:9;pointer-events:none}
  .dnw-insp.fpw-alt{justify-self:start}
  .dnw-insp>*{pointer-events:auto}
  .dnw .fpcard,.dnw .fpcard.fpw-alt{position:static;inset:auto;width:auto;max-height:calc(96vh - var(--dnw-top) - var(--dnw-bot) - 60px);padding:18px 20px;border-radius:16px;box-shadow:0 18px 40px -18px rgba(15,23,42,.45),0 0 0 1px rgba(15,23,42,.07)}
}
/* a tablet: the breadcrumb is shorter */
@media (min-width:700px) and (max-width:1099px){
  .dnw .dnw-home,.dnw .dnw-crumb,.dnw .dnw-cs0{display:none}
  .dnw .dnw-st{display:none}
}
/* ---------- a computer: the properties as a column at the right ---------- */
@media (min-width:1100px){
  #fp-stage.dnw{grid-template-columns:var(--dnw-rail) minmax(0,1fr) var(--dnw-insp)}
  .dnw-bot{grid-column:2/4}
  .dnw-insp{grid-row:2;grid-column:3;justify-self:stretch;align-self:stretch;width:auto;max-height:none;margin:0;overflow-y:auto;background:#fff;border-inline-start:1px solid var(--dnw-line);pointer-events:auto}
  .dnw .fpcard,.dnw .fpdoc{display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;position:static;max-height:none;margin:0;padding:22px 24px 22px;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .dnw .fpcard[hidden],.dnw .fpdoc[hidden]{display:none}
  .dnw .fpcard .fpfoot{margin-top:auto;padding-top:18px}
  .dnw .fpdoc:not([hidden]){display:flex}
}
/* ---------- the shop-drawing screen in the shell (owner 29 Oct 08:54 "use this in their area"; cad-shell.js) ----------
   A phone: the top bar, the drawing's sheets, the choices under them, Design · Sizes · Options · Drawing · More (More: the
   files and the other sections). A tablet or computer: the sections as icons, the sheets, the choices at the right, the
   files at the bottom. */
@media (max-width:819px){#sheet.sheet[data-mode="cadsys"]{height:96vh;max-height:96vh}}
#sheet[data-mode="cadsys"]>.fpshead{display:none}
#sheet[data-mode="cadsys"] .dnwb{display:flex;flex-direction:column;flex:1;min-height:0;padding:0!important;overflow:hidden}
#vcs-shell.dnw{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--dnw-top) minmax(170px,40%) minmax(0,1fr) var(--dnw-tab);overflow:hidden;background:#fff;color:var(--dnw-ink)}
#vcs-shell.dnw.cs-full{grid-template-rows:var(--dnw-top) minmax(0,1fr) 0 var(--dnw-tab)}
.dnw-sd .dnw-canvas{grid-row:2;grid-column:1/-1;overflow:auto;overscroll-behavior:contain;padding:10px 10px 16px;background:var(--dnw-cv) radial-gradient(circle,#C9D1DB 1px,transparent 1.3px) 0 0/20px 20px}
.dnw-sd .dnw-insp{display:block;grid-row:3;grid-column:1/-1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 16px 22px;background:#fff;border-top:1px solid var(--dnw-line);box-shadow:0 -10px 26px -20px rgba(15,23,42,.4)}
.dnw-sd.cs-full .dnw-insp{display:none}
.dnw-sd .sktools.dnw-rail{grid-row:4}
.dnw-sd .dnw-rail .skpal .sktool:not(.dnw-ph){display:none}
.dnw-sd .dnw-rail .skpal .sktool.dnw-off{opacity:.42}
.dnw-sd .dnw-top .vcs-ib{flex:none;display:grid;place-items:center;width:38px;height:38px}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .dnw-top .vcs-ib{width:38px!important;height:38px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:none!important;box-shadow:none!important;color:var(--dnw-ink)!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .dnw-top .vcs-ib:disabled{opacity:.32}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .dnw-top .vcs-ib svg{width:20px;height:20px}
/* the sheets on the dotted ground */
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcsprev{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.dnw-sd #vcs-prev .vcssheet{margin:0 auto 6px;max-width:1100px;background:#fff;border-radius:2px;box-shadow:0 12px 30px -18px rgba(15,23,42,.42),0 0 0 1px rgba(15,23,42,.07)}
.dnw-sd #vcs-prev>small{display:block;max-width:1100px;margin:0 auto 18px;text-align:center;font-size:11.5px;color:var(--dnw-dim)}
.dnw-sd #vcs-prev .vcssec{display:block;max-width:1100px;margin:6px auto 8px;font-size:13px}
.dnw-sd .vcs3d{max-width:1100px;margin:0 auto}
/* Drawing | 3D view | Presentation as one quiet switch over the sheets */
.dnw-sd .vcs-viewtabs{position:sticky;top:0;z-index:4;display:flex;flex-wrap:nowrap;justify-content:center;gap:2px;width:max-content;max-width:100%;margin:0 auto 12px;padding:3px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--dnw-line2),0 6px 16px -12px rgba(15,23,42,.35);overflow-x:auto}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcs-viewtabs>button{flex:none;height:32px!important;min-height:0!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:8px!important;background:none!important;box-shadow:none!important;color:var(--dnw-ink)!important;font:500 13px system-ui,sans-serif!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcs-viewtabs>button[aria-pressed="true"]{background:var(--dnw-acc-bg)!important;color:var(--dnw-acc2)!important;font-weight:600!important}
/* the kind at the top of the choices, plain: its group, its name, Drawing pad and Change */
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcs-kind{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:0 0 14px;border:0!important;border-bottom:1px solid var(--dnw-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--dnw-ink)!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcs-kind .vcs-kh small{color:var(--dnw-dim)!important;font-size:11.5px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcs-kind .vcs-kh b{color:var(--dnw-ink)!important;font-size:17px!important;font-weight:600!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcs-kind .chip{height:32px!important;min-height:0!important;padding:0 12px!important;border:1px solid var(--dnw-line2)!important;border-radius:8px!important;background:#fff!important;color:var(--dnw-ink)!important;box-shadow:none!important;font:500 13px system-ui,sans-serif!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcs-kind .chip[aria-expanded="true"]{background:var(--dnw-acc-bg)!important;color:var(--dnw-acc2)!important;border-color:#BFE5D1!important}
.dnw-sd .vcs-kind{flex-wrap:wrap}
.dnw-sd .vcs-kind .vcs-kh{flex:1 1 100%;min-width:0;display:flex;flex-direction:column;gap:2px}
.dnw-sd .vcs-sh b{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dnw-dim)}
/* "Options" over a design's own card while it has one; its rows two to a line in the narrow column */
.dnw-sd .vcs-osh:has(+ .vcspanels:not([hidden])){display:flex!important}
.dnw-sd .vcspanels .vc-card{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
.dnw-sd .vcs-sec,.dnw-sd .dnw-insp details,.dnw-sd .vcs-osh,.dnw-sd .vcs-pick{scroll-margin-top:8px}
/* the fields: white with a line round them (his pictures) */
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet #vcs-shell.dnw .dnw-insp :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select){background-color:#fff!important;border:1px solid var(--dnw-line2)!important;border-radius:8px!important;box-shadow:none!important}
html:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9) body #sheet #vcs-shell.dnw .dnw-insp :is(input,select):focus{border-color:var(--dnw-acc)!important;box-shadow:0 0 0 3px rgba(14,138,85,.14)!important}
/* the help */
.dnw-sd .vcs-help{position:absolute;top:8px;inset-inline-end:8px;z-index:6;max-width:min(360px,calc(100% - 16px));max-height:calc(100% - 16px);overflow:auto}
/* a phone's More: the files and the other sections, over the choices */
.dnw-sd .vcsfoot{display:none}
.dnw-sd.cs-more .vcsfoot{position:absolute;inset-inline:8px;bottom:calc(var(--dnw-tab) + 8px);z-index:12;display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-height:62%;overflow:auto;padding:12px;border-radius:16px;background:#fff;box-shadow:0 18px 44px -18px rgba(15,23,42,.5),0 0 0 1px rgba(15,23,42,.08)}
.dnw-sd .vcsfoot .grow{display:none}
.dnw-sd .vcs-fgo{display:contents}
.dnw-sd .vcsfoot .dnfull{display:none}
.dnw-sd.cs-more .vcsfoot .vcs-tb{flex-basis:100%;display:flex;gap:4px}
.dnw-sd.cs-more .vcsfoot>.dnw-vr{display:none}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcsfoot .btn{flex:none;height:36px!important;min-height:0!important;margin:0!important;padding:0 14px!important;border:1px solid var(--dnw-line2)!important;border-radius:9px!important;background:#fff!important;background-image:none!important;box-shadow:none!important;color:var(--dnw-ink)!important;font:500 13px system-ui,sans-serif!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcsfoot .btn::before,html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcsfoot .btn::after{display:none!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcsfoot .vcs-tb{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcsfoot .vcs-ib{width:38px!important;height:36px!important;min-height:0!important;border:0!important;border-radius:9px!important;background:none!important;box-shadow:none!important;color:var(--dnw-ink)!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcsfoot .vcs-ib:disabled{opacity:.32}
@media (min-width:700px){
  #vcs-shell.dnw,#vcs-shell.dnw.cs-full{grid-template-columns:var(--dnw-rail) minmax(0,1fr) minmax(300px,320px);grid-template-rows:var(--dnw-top) minmax(0,1fr) var(--dnw-bot)}
  .dnw-sd .dnw-canvas{grid-row:2;grid-column:2;padding:16px 22px 24px}
  .dnw-sd .dnw-insp,.dnw-sd.cs-full .dnw-insp{display:block;position:static;grid-row:2;grid-column:3;justify-self:stretch;align-self:stretch;width:auto;max-height:none;margin:0;padding:18px 20px 24px;border-top:0;border-inline-start:1px solid var(--dnw-line);box-shadow:none;pointer-events:auto;z-index:auto}
  .dnw-sd .sktools.dnw-rail{grid-row:2/4;grid-column:1}
  .dnw-sd .dnw-rail .skpal .sktool:not(.dnw-ph){display:flex}
  .dnw-sd .dnw-rail .skpal .sktool.dnw-po,.dnw-sd .dnw-rail .skpal .sktool[hidden]{display:none}
  .dnw-sd .vcsfoot,.dnw-sd.cs-more .vcsfoot{position:static;grid-row:3;grid-column:2/4;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;max-height:none;padding:0 16px;border-radius:0;box-shadow:none;border-top:1px solid var(--dnw-line);background:#fff;overflow-x:auto;scrollbar-width:none}
  .dnw-sd .vcs-fgo{display:none}
  .dnw-sd .vcsfoot .dnfull{display:grid}
  .dnw-sd .vcsfoot .grow{display:block;flex:1 1 auto}
  .dnw-sd .vcsfoot .vcs-tb{display:flex;gap:2px}
}
@media (min-width:1100px){
  #vcs-shell.dnw,#vcs-shell.dnw.cs-full{grid-template-columns:var(--dnw-rail) minmax(0,1fr) var(--dnw-insp)}
  .dnw-sd .dnw-insp{padding:20px 24px 26px}
}
:root[data-theme="dark"] #vcs-shell.dnw,:root[data-theme="dark"] .dnw-sd .dnw-insp,:root[data-theme="dark"] .dnw-sd.cs-more .vcsfoot{background-color:#1A1F27}
:root[data-theme="dark"] .dnw-sd .dnw-canvas{background:#161B22 radial-gradient(circle,#2E3642 1px,transparent 1.3px) 0 0/20px 20px}
html[data-theme="dark"]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcs-kind .vcs-kh b{color:#E8EBF2!important}
html[data-theme="dark"]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcs-kind .chip,html[data-theme="dark"]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcsfoot .btn,html[data-theme="dark"]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet[data-mode="cadsys"] #vcs-shell.dnw .vcs-viewtabs{background:#1A1F27!important;color:#E8EBF2!important}
/* ---------- the dark look ---------- */
:root[data-theme="dark"] .dnw{--dnw-ws:#12161C;--dnw-cv:#161B22;--dnw-line:#2A313B;--dnw-line2:#353D49;--dnw-ink:#E8EBF2;--dnw-dim:#9AA3B2;--dnw-acc:#2FBF7A;--dnw-acc2:#5FE3A1;--dnw-acc-bg:rgba(47,191,122,.14)}
:root[data-theme="dark"] .dnw-top,:root[data-theme="dark"] .dnw-bot,:root[data-theme="dark"] .dnw .sktools.dnw-rail,:root[data-theme="dark"] .dnw .dnw-tg,:root[data-theme="dark"] .dnw-sw,:root[data-theme="dark"] .dnw .dnw-chip,:root[data-theme="dark"] .dnw .fpcard,:root[data-theme="dark"] .dnw .dnw-zoom,:root[data-theme="dark"] .dnw .dnw-fitb{background:#1A1F27}
@media (max-width:699px){:root[data-theme="dark"] .dnw .dnw-top{background:linear-gradient(var(--dnw-line),var(--dnw-line)) 0 56px/100% 1px no-repeat,#1A1F27}}
:root[data-theme="dark"] .dnw-brand img{filter:invert(1)}
:root[data-theme="dark"] .dnw .fpacts.dnw-iacts{background:#232A34}
:root[data-theme="dark"]:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10) body #sheet :is(#fp-stage,#vcs-shell).dnw .dnw-sel select{background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8EBF2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;color:#E8EBF2!important}
:root[data-theme="dark"]:not(#w0):not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10) body #sheet :is(#fp-stage,#vcs-shell).dnw .fpcard :is(.fpin input,.dnw-sel select){background-color:#12161C!important;color:#E8EBF2!important}
html[data-theme="dark"]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-lockrow .fpchips button{background:#12161C!important;color:#E8EBF2!important}
html[data-theme="dark"]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-lockrow .fpchips button.on{background:rgba(47,191,122,.16)!important;color:#5FE3A1!important}
html[data-theme="dark"]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .fpacts.dnw-iacts button{color:#C9D1DC!important}
html[data-theme="dark"]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .fpacts.dnw-iacts button:hover{background:#12161C!important}
@media (min-width:1100px){:root[data-theme="dark"] .dnw-insp{background:#1A1F27}:root[data-theme="dark"] .dnw .fpcard{background:none}}
/* 5.9.121 the room builder's shapes (10-rooms.js): a small outline beside each name */
.dnw .fpw-shapes button{display:inline-flex;align-items:center;gap:5px}
.dnw .fpw-shapes button svg{width:16px;height:16px;flex:none}
.dnw .fpw-corner button{padding:0 10px}
.dnw .fpw-drawn{margin:6px 0 0}

/* ---------- 5.9.123 the tools bar as the owner's Iconly picture (29 Oct 13:12, "icons to be like this for designing
   area"; it replaces the 10:02 green tile): a white floating pill, thin line icons with their names in grey, the chosen
   tool in black and bold, and the area's main mode as a dark pill in the middle — the floor plan's Wall, the shop
   drawing's Drawing — drawnut green on its icon when it is chosen. A computer's rail: the chosen tool on the same dark
   tile. ---------- */
@media (max-width:699px){
  #fp-stage.dnw,#vcs-shell.dnw{--dnw-tab:90px}
  .dnw .sktools.dnw-rail{box-sizing:border-box;padding:0 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--dnw-cv);border-top:0}
  .dnw .dnw-rail .skpal{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.32fr) minmax(0,1fr) minmax(0,1fr);box-sizing:border-box;height:100%;padding:6px 8px;gap:2px;border:0;border-radius:999px;background:#fff;box-shadow:0 12px 30px -14px rgba(15,23,42,.34),0 1px 3px rgba(15,23,42,.07)}
  .dnw .dnw-rail .skpal .sktool{gap:5px;border-radius:999px}
  .dnw .dnw-rail .skpal .sktool svg{width:25px;height:25px;stroke-width:1.55}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal .sktool{background:none!important;box-shadow:none!important;color:#8B9099!important}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal .dnw-tl{font:500 12.5px/1.15 system-ui,sans-serif!important;color:inherit!important}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal .sktool.on{color:#121417!important}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal .sktool.on svg{stroke-width:1.9}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal .sktool.on .dnw-tl{font-weight:650!important;overflow:visible}
  /* the main mode: a dark pill in the middle, its icon only (its name stays for screen readers) */
  .dnw-sd .dnw-rail .skpal [data-vcsgo="design"]{order:1}
  .dnw-sd .dnw-rail .skpal [data-vcsgo="sizes"]{order:2}
  .dnw-sd .dnw-rail .skpal [data-vcsgo="draw"]{order:3}
  .dnw-sd .dnw-rail .skpal [data-vcsgo="options"]{order:4}
  .dnw-sd .dnw-rail .skpal [data-vcsgo="more"]{order:5}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal :is(.sktool[data-fptool="wall"],.sktool[data-vcsgo="draw"]){align-self:center;height:calc(100% - 4px);margin:0 4px;background:linear-gradient(180deg,#43464C 0%,#24272B 55%,#17191C 100%)!important;color:#fff!important;box-shadow:0 8px 16px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.14)!important}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal :is(.sktool[data-fptool="wall"],.sktool[data-vcsgo="draw"]) svg{width:28px;height:28px;stroke-width:1.7}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal :is(.sktool[data-fptool="wall"],.sktool[data-vcsgo="draw"]) .dnw-tl{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal :is(.sktool[data-fptool="wall"],.sktool[data-vcsgo="draw"]).on{color:#7BEAA8!important;box-shadow:0 8px 16px -8px rgba(0,0,0,.6),inset 0 0 0 1.5px rgba(123,234,168,.55)!important}
  html[data-theme="dark"] .dnw .dnw-rail .skpal{background:#1A1F27;box-shadow:0 10px 26px -14px rgba(0,0,0,.8),0 0 0 1px #2B3340}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40)[data-theme="dark"] body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal .sktool{color:#8E97A5!important}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40)[data-theme="dark"] body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal .sktool.on{color:#F3F4F6!important}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40)[data-theme="dark"] body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal :is(.sktool[data-fptool="wall"],.sktool[data-vcsgo="draw"]){background:linear-gradient(180deg,#F1F3F5,#D9DDE2)!important;color:#15181B!important}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40)[data-theme="dark"] body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal :is(.sktool[data-fptool="wall"],.sktool[data-vcsgo="draw"]).on{color:#0A7F3C!important}
}
@media (min-width:700px){
  .dnw .dnw-rail .skpal .sktool svg{stroke-width:1.6}
  .dnw .dnw-rail .skpal .sktool.on::before{display:none}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal .sktool.on{background:linear-gradient(180deg,#43464C 0%,#24272B 55%,#17191C 100%)!important;color:#fff!important;box-shadow:0 6px 12px -6px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14)!important}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal .sktool.on svg{stroke-width:1.8}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40)[data-theme="dark"] body #sheet:is([data-mode="plan"],[data-mode="cadsys"]) .dnw .dnw-rail .skpal .sktool.on{background:linear-gradient(180deg,#F1F3F5,#D9DDE2)!important;color:#15181B!important}
}

/* ---------- 5.9.121 drawnut's top bar on the other drawing areas (cad/dn-frame.js): the Drawing pad, From a photo /
   SS kitchen / Outdoor / Glass & aluminium, the cutting plan, Straighten a photo ---------- */
.dnw.dnw-g{flex:none;position:relative;z-index:7;height:var(--dnw-top);color:var(--dnw-ink)}
.dnw.dnw-g>.dnw-top{height:100%;box-sizing:border-box}
.dnw.dnw-g .sklb{display:none}
.dnw.dnw-g .dnw-ttl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.2 system-ui,sans-serif;color:var(--dnw-ink)}
.dnw.dnw-g .dnw-crumb0 .vcad-h{display:inline-flex;align-items:center;gap:6px;font:inherit;color:inherit}
.dnw.dnw-g .dnw-crumb0 .vcad-h svg{width:18px;height:18px}
.dnw.dnw-g .edtitle{margin:0;font:inherit;letter-spacing:0}
.dnw.dnw-g .dnw-tr{display:flex;align-items:center;gap:2px}
.dnw.dnw-g .skzoom{height:34px;min-width:58px;padding:0 10px;border:1px solid var(--dnw-line2);border-radius:10px;background:#fff;color:var(--dnw-ink);font:600 13px system-ui,sans-serif;cursor:pointer}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body .dnw.dnw-g .dnw-name{flex:0 1 auto;width:auto;min-width:3ch;field-sizing:content;height:32px!important;min-height:0!important;padding:0 4px!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;color:var(--dnw-ink)!important;font:600 15px/1.2 system-ui,sans-serif!important;outline:none;text-overflow:ellipsis}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body .dnw.dnw-g .dnw-name:focus{box-shadow:inset 0 -1.5px 0 var(--dnw-acc)!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body .dnw.dnw-g .dnw-save{flex:none;height:40px!important;min-height:0!important;margin-inline-start:4px;padding:0 22px!important;border:0!important;border-radius:10px!important;background:var(--dnw-acc)!important;color:#fff!important;box-shadow:none!important;font-weight:700!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body .dnw.dnw-g .dnw-save::after{display:none!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body .dnw.dnw-g .dnw-top .sktool{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:10px!important;background:none!important;box-shadow:none!important;color:var(--dnw-ink)!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body .dnw.dnw-g .dnw-top .sktool:disabled{opacity:.32}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body .dnw.dnw-g .dnw-top .sktool svg{width:20px;height:20px}
.dnw.dnw-g .dnw-full svg{width:18px;height:18px}
#sheet:has(>.dnw-g) .sfoot{border-top:1px solid var(--dnw-line,#E6E8EC)}
/* the Drawing pad: its in-canvas bar keeps only the pop-ups */
#sheet .dnw-pad~.skbody .sktop{background:none!important;box-shadow:none!important;pointer-events:none}
#sheet .dnw-pad~.skbody .sktop .skpop{pointer-events:auto}
/* Straighten a photo */
.vps-layer>.dnw-g{background:#fff}
@media (max-width:699px){
  .dnw.dnw-g .dnw-full{display:none}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body .dnw.dnw-g .dnw-name{font-size:16px!important}
  html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body .dnw.dnw-g .dnw-save{padding:0 18px!important}
}
:root[data-theme="dark"] .dnw.dnw-g .skzoom{background:#1A1F27;color:#E5E7EB;border-color:#2B3340}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet .dnw.dnw-g .edtitle,html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet .dnw.dnw-g .edtitle .vcad-h{display:inline-flex;align-items:center;gap:6px;margin:0!important;padding:0!important;font:500 14px/1.2 system-ui,sans-serif!important;letter-spacing:0!important;color:var(--dnw-dim)!important;background:none!important}
html:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33):not(#z34):not(#z35):not(#z36):not(#z37):not(#z38):not(#z39):not(#z40) body #sheet .dnw.dnw-g .edtitle svg{width:17px!important;height:17px!important;color:var(--dnw-acc)!important}
/* 5.9.121 with no internet the bar sits under drawnut's top bar, so ‹, ↶ ↷ and Save stay in reach (and it never takes
   a tap meant for what is under it; its own button still works) */
#netbar{pointer-events:none}
#netbar .nbgo{pointer-events:auto}
body:has(#sheet.open .dnw-top) #netbar,body:has(#vps-layer .dnw-top) #netbar{top:calc(142px + env(safe-area-inset-top,0px))}
@media (min-width:700px){body:has(#sheet.open .dnw-top) #netbar,body:has(#vps-layer .dnw-top) #netbar{top:110px}}

/* ---------- 5.9.123 a room's finishes and wall elevations (floor-plan/12-finishes.js; owner 29 Oct 13:12) ---------- */
.dnw .fpf{position:absolute;inset:8px;z-index:30;overflow:auto;overscroll-behavior:contain;padding:0 14px 18px;border-radius:18px;background:#fff;box-shadow:0 18px 44px -18px rgba(15,23,42,.45),0 0 0 1px rgba(15,23,42,.06);color:var(--dnw-ink)}
.dnw .fpf[hidden]{display:none}
.dnw .fpf-h{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:6px;margin:0 -14px 10px;padding:8px 8px;background:#fff;border-bottom:1px solid var(--dnw-line)}
.dnw .fpf-h b{text-align:center;font:600 15.5px/1.25 system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dnw .fpf-h .fpx{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#F1F3F5;color:var(--dnw-ink);cursor:pointer}
.dnw .fpf-h .fpx svg{width:18px;height:18px}
.dnw .fpf-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dnw .fpf-pick{display:flex;align-items:center;gap:10px;min-width:0;min-height:58px;padding:8px 10px;border:1px solid var(--dnw-line2);border-radius:14px;background:#fff;text-align:start;font:inherit;color:inherit;cursor:pointer}
.dnw .fpf-pick:active{background:#F6F7F9}
.dnw .fpf-pick>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.dnw .fpf-pick b{font-size:13.5px;font-weight:600}
.dnw .fpf-pick small{font-size:11.5px;line-height:1.3;color:var(--dnw-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dnw .fpf-pick .fpf-m2{color:#0A7F3C;font-weight:600}
.dnw .fpf-sw{flex:none;display:inline-block;width:34px;height:34px;border-radius:9px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(15,23,42,.14)}
.dnw .fpf-sw.fpf-none{background:repeating-linear-gradient(135deg,#fff 0 5px,#E2E5EA 5px 6px)}
.dnw .fpf-sw.fpf-same{background:linear-gradient(135deg,#E7F5EE,#CFEAD9)}
.dnw .fpf-card{margin-top:10px}
.dnw .fpf-card .dnw-sect{display:block;margin:0 0 6px}
.dnw .fpf-open{display:inline-flex!important;align-items:center;gap:6px;margin-top:8px}
.dnw .fpf-open svg{width:18px;height:18px}
.dnw .fpf-now{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13.5px}
.dnw .fpf-now .fpf-sw{width:26px;height:26px;border-radius:7px}
.dnw .fpf-cats{flex-wrap:nowrap;overflow-x:auto;margin:6px -14px 10px;padding:0 14px 2px;scrollbar-width:none}
.dnw .fpf-cats button{flex:none}
.dnw .fpf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.dnw .fpf-t{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px;border:1px solid var(--dnw-line);border-radius:12px;background:#fff;font:inherit;color:inherit;cursor:pointer;text-align:center}
.dnw .fpf-t img,.dnw .fpf-t .fpf-sw{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}
.dnw .fpf-t b{font-size:11.5px;font-weight:600;line-height:1.2}
.dnw .fpf-t small{font-size:10.5px;line-height:1.2;color:var(--dnw-dim)}
.dnw .fpf-t.on{border-color:#0A7F3C;box-shadow:0 0 0 2px #0A7F3C}
.dnw .fpf-cust input{width:100%;height:auto;aspect-ratio:1;border:0;padding:0;border-radius:8px;background:none;cursor:pointer}
.dnw .fpf-grid>.btn{align-self:center}
.dnw .fpf-legend{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.dnw .fpf-legend li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:2px 10px;font-size:13px}
.dnw .fpf-legend .fpf-sw{width:28px;height:28px;border-radius:7px;grid-row:span 2}
.dnw .fpf-legend b{color:#0A7F3C}
.dnw .fpf-legend small{grid-column:2/4;color:var(--dnw-dim);font-size:11.5px}
.dnw .fpf-sides{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:12px}
.dnw .fpf-side{position:relative;margin:0;padding:10px;border:1px solid var(--dnw-line);border-radius:14px;background:#FAFBFC}
.dnw .fpf-side.own{border-color:#9ED9B5;background:#F6FBF8}
.dnw .fpf-key{position:absolute;top:8px;inset-inline-end:8px;width:40px;height:40px}
.dnw .fpf-draw{padding-inline-end:40px}
.dnw .fpf-draw svg{display:block;width:100%;height:auto;max-height:240px}
.dnw .fpf-side figcaption{display:flex;align-items:center;gap:8px;margin-top:6px}
.dnw .fpf-cap{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12.5px}
.dnw .fpf-cap>b{font-size:15px;color:#0A7F3C}
.dnw .fpf-fin{display:flex;align-items:center;gap:6px}
.dnw .fpf-fin .fpf-sw{width:18px;height:18px;border-radius:5px}
.dnw .fpf-cap small{color:var(--dnw-dim)}
.dnw .fpf-cap em{font-style:normal;font-size:11.5px;font-weight:600;color:#0A7F3C;padding:1px 7px;border-radius:999px;background:#E7F5EE;vertical-align:2px}
.dnw .fpf-size{flex-direction:column;align-items:stretch;gap:2px;margin:0 0 10px}
.dnw .fpf-size .fpnote{margin:0}
:root[data-theme="dark"] .dnw .fpf,:root[data-theme="dark"] .dnw .fpf-h{background:#12161C;color:#E5E7EB}
:root[data-theme="dark"] .dnw .fpf-pick,:root[data-theme="dark"] .dnw .fpf-t,:root[data-theme="dark"] .dnw .fpf-side{background:#181D24;border-color:#2B3340}
:root[data-theme="dark"] .dnw .fpf-h .fpx{background:#1E242C;color:#E5E7EB}
:root[data-theme="dark"] .dnw .fpf-draw svg{background:#fff;border-radius:8px}