/* Shared visual language for the editor, help, guides and public site. */
:root{color-scheme:dark;--q-bg:#10151c;--q-panel:#171e27;--q-raised:#1d2935;--q-input:#0f171f;--q-line:#2b3644;--q-muted:#9caebe;--q-text:#e7edf4;--q-accent:#69dfc1;--q-active:#254139;--q-danger:#ffabb8;--q-radius:8px;--q-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--bg:var(--q-bg);--bg2:var(--q-panel);--card:var(--q-panel);--fg:var(--q-text);--mut:var(--q-muted);--accent:var(--q-accent);--accent2:#386357;--line:var(--q-line);--ink:var(--q-text);--ink-2:#bdcbd8;--ink-3:var(--q-muted);--line-2:#3c4d5e;--tint:var(--q-panel);--accent-soft:#1b302c}
body{font-family:var(--q-font);background:var(--q-bg);color:var(--q-text);scrollbar-color:#455463 transparent}
:root{--wb-bg:var(--q-bg);--wb-panel:var(--q-panel);--wb-line:var(--q-line);--wb-muted:var(--q-muted);--wb-text:var(--q-text);--wb-accent:var(--q-accent)}
button,input,select,textarea{font-family:inherit}
button,a,input,select,textarea,summary,[tabindex]{-webkit-tap-highlight-color:transparent}
:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--q-accent);outline-offset:3px}
button:disabled{cursor:default;opacity:.45}
input[type=checkbox],input[type=radio]{accent-color:var(--q-accent)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* All drafting views share the same shell. Drawing SVGs keep their own styles. */
body.drafting-app{display:flex;flex-direction:column;height:100dvh;overflow:hidden;font-size:13px;line-height:1.5}
body.drafting-app>header{background:var(--q-panel);min-height:58px;padding:10px 20px;flex:none;border-bottom:1px solid var(--q-line)}
body.drafting-app>header h1{font-size:19px;letter-spacing:-.5px;color:#f2f6fa}
body.drafting-app>header .top-actions{gap:9px}
.drafting-app button:not(.wb-btn):not(.wb-place-handle){border-radius:6px}
.drafting-app>header button,.drafting-app>header select,.drafting-app .tool{min-height:34px;border:1px solid #354555;background:var(--q-raised);color:var(--q-text);padding:6px 10px}
.drafting-app .modesw,.drafting-app .lang-pill{background:var(--q-input);border-color:var(--q-line);border-radius:8px;padding:3px}
.drafting-app :is(.modesw,.lang-pill) button{background:transparent;border:1px solid transparent;color:var(--q-muted)}
.drafting-app :is(.modesw,.lang-pill) button.on{background:var(--q-active);color:#9ef1d8;border-color:#386357}
.drafting-app .save-indicator{background:transparent;border-color:#386357;color:#a5dbc8}
.drafting-app .save-indicator[data-status=error],.drafting-app .save-indicator[data-status=conflict],.drafting-app .save-indicator[data-status=recovery]{background:#3d2b24;border-color:#a96b42;color:#ffca9f}
body.drafting-app .panelbar{background:#111820;gap:4px;padding:8px 16px;border-color:var(--q-line);flex:none;overflow-x:auto;flex-wrap:nowrap;min-height:50px}
.drafting-app .panelbar button{flex-shrink:0;min-height:32px;border-radius:6px;font-size:12px;color:#aebdcd;background:transparent;border:1px solid transparent}
.drafting-app .panelbar button.on{background:var(--q-active);color:#9ef1d8;border-color:#386357}
.drafting-app .panelbar select{max-width:160px;min-height:32px;background:var(--q-input);color:var(--q-text);border:1px solid #354555;border-radius:6px}
.drafting-app .layout{height:auto;min-height:0;flex:1}
.drafting-app .canvas-wrap{min-width:0;background:var(--q-bg)}
.drafting-app #props{width:310px;flex:none;padding:22px 18px;background:var(--q-panel);border-color:var(--q-line);font-size:13px;line-height:1.55;scrollbar-color:#455463 transparent}
.drafting-app #props h2{font-size:17px;line-height:1.4;letter-spacing:-.25px;color:#edf3f8;margin:8px 0 20px;overflow-wrap:anywhere}
.drafting-app #props h3{font-size:11px;color:#b7c7d6;letter-spacing:.08em;padding-top:20px;margin-top:22px;border-color:var(--q-line)}
.drafting-app #props .field{margin-bottom:16px}
.drafting-app #props .field label{font-size:12px;line-height:1.45;color:#aebdcd;margin-bottom:6px}
.drafting-app #props :is(.hint,.empty){font-size:12px;color:var(--q-muted);line-height:1.6}
.drafting-app #props .hint{margin-top:7px}
.drafting-app .autobox{background:#1b2a2a;border-color:#3b5852;border-radius:8px;padding:12px}
.drafting-app .autobox .hint{color:var(--q-muted)!important}
.drafting-app .kwbatch :is(th,td){border-color:var(--q-line);padding:7px}
.drafting-app .kwbatch th{color:var(--q-muted);background:var(--q-input)}
.drafting-app .kwbatch tbody tr:hover{background:var(--q-raised)}
.drafting-app .wb-inspector-section{border-top:1px solid var(--q-line);padding:15px 0;margin-top:10px}
.drafting-app .wb-inspector-section>summary{cursor:pointer;font-size:12px;font-weight:600;color:#c4d6e3;line-height:1.6}
.drafting-app .wb-inspector-section[open]>summary{margin-bottom:16px;color:var(--q-accent)}
.drafting-app :is(#props,.exmodal-panel,.addsheet-panel) :is(input,select,textarea){font:inherit;font-size:13px;min-height:37px;color:#dfebf5;background:var(--q-input);border:1px solid #354555;border-radius:6px;padding:8px 10px;max-width:100%;min-width:0;box-sizing:border-box}
.drafting-app :is(#props,.exmodal-panel,.addsheet-panel) :is(input[type=checkbox],input[type=radio]){min-height:16px;width:16px;padding:0}
.drafting-app :is(#props,.exmodal-panel,.addsheet-panel) :is(button,.padd){min-height:34px;font-size:12px;border-radius:6px;white-space:normal;background:var(--q-raised);border:1px solid #354555;color:var(--q-text)}
.drafting-app :is(#props,.exmodal-panel,.addsheet-panel) :is(button,.padd):hover{background:#2b3b48;border-color:#6b9c91}
.drafting-app :is(#props,.exmodal-panel,.addsheet-panel) .qdel{background:#40262c;border-color:#80515c;color:#ffbec9}
.drafting-app :is(.exmodal-panel,.addsheet-panel,.q-dialog){background:var(--q-panel);color:var(--q-text);border:1px solid #445566;border-radius:12px;box-shadow:0 24px 80px #0009}
.drafting-app :is(.exmodal-panel,.addsheet-panel) .closebar{border-color:var(--q-line);color:var(--q-text);font-size:17px;padding-bottom:14px;margin-bottom:16px}
.drafting-app .q-dialog-actions button:not(.sec):not(.q-danger){background:var(--q-accent);border:1px solid #7ce6c7;color:#092f26;font-weight:600;border-radius:6px}
.drafting-app .q-dialog-actions .sec,.drafting-app .q-dialog-close{background:var(--q-raised);border:1px solid #354555;color:var(--q-text)}
.drafting-app .q-dialog-header h2{color:var(--q-text)}
.drafting-app .ctx{background:var(--q-panel);border-color:#445566;border-radius:8px;box-shadow:0 14px 40px #0008}
.drafting-app .ctx button{background:transparent;color:var(--q-text);min-height:34px}
.drafting-app .ctx button:hover{background:var(--q-active)}
.drafting-app .fv{color:var(--q-text);padding:0}
.drafting-app .fv-encl{background:var(--q-panel);border:1px solid #526171;border-radius:8px;padding:14px}
.drafting-app :is(.fv-btn,.fv-badge){background:var(--q-raised);border:1px solid #354555;color:var(--q-text);border-radius:6px;min-height:34px;padding:7px 10px}
.drafting-app .fv-hint{color:var(--q-muted);line-height:1.6}
.drafting-app[data-workspace=legenda] #stage table{background:var(--q-panel);border:1px solid var(--q-line);border-radius:8px}
.drafting-app[data-workspace=legenda] #stage :is(th,td){border-color:var(--q-line)!important;padding:10px 12px!important}
.drafting-app[data-workspace=legenda] #stage th{background:var(--q-input);color:#abc5d6!important;font-size:11px!important;line-height:1.5}
.drafting-app[data-workspace=legenda] #stage tbody tr:hover{background:var(--q-raised)}
.drafting-app[data-workspace=legenda] #stage button{background:var(--q-raised);border:1px solid #354555;color:var(--q-text);min-height:34px;padding:7px 10px;border-radius:6px}

/* Basic workspace: familiar drafting tools with the advanced workspace frame. */
.basic-workspace>header{order:0}.basic-workspace .panelbar{order:1}.basic-workspace #banner{order:2}.basic-workspace .layout{order:4}
.basic-workspace>div:has(>#toolbar){order:3;display:none;background:var(--q-panel)!important;border-color:var(--q-line)!important;padding:12px 18px!important;max-height:32dvh;overflow:auto}
.basic-workspace.basic-tools-open>div:has(>#toolbar){display:block}
.basic-workspace #toolbar{gap:12px;align-items:stretch}
.basic-workspace #toolbar .toolbar-group{gap:7px;padding-right:12px;border-color:var(--q-line)}
.basic-workspace #toolbar button{background:var(--q-raised);color:var(--q-text);border:1px solid #354555;min-height:34px;padding:7px 10px}
.basic-workspace #toolbar button.armed{background:var(--q-active);border-color:var(--q-accent);color:#9ef1d8}
.basic-workspace .toolbar-group-label{color:var(--q-muted)}
.basic-workspace .zoombar{display:none}
#basicWorkspaceHead{flex:none;border-bottom:1px solid var(--q-line)}
#basicWorkspaceHead .wb-head{background:var(--q-bg);padding:22px 24px 18px}
#basicWorkspaceHead .wb-head h1{font-size:25px}
#basicWorkspaceHead .wb-commandbar{padding:9px 20px;flex-wrap:wrap}
.basic-workspace #schemarea{padding:22px;min-height:130px;background-color:var(--q-bg);background-image:radial-gradient(#35445375 .75px,transparent .75px);background-size:20px 20px}
.basic-workspace #stage>svg{display:block;background:#171e27;border:1px solid #354453;border-radius:8px;box-shadow:0 10px 30px #0003}
.basic-workspace #tablebar{background:var(--q-panel);border-top:1px solid #354453;height:34%;min-height:0}
.basic-workspace.basic-table-hidden #tablebar{display:none!important}
.basic-workspace #tablebar.tbl-off{display:none!important}
.basic-workspace #tablebar>svg{display:block}
.wb-basic-context{font-size:12px;color:var(--q-muted);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.wb-basic-context strong{color:#d8e4ec;font-weight:500}
.wb-basic-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.q-dialog:has(.wb-device-picker){width:min(760px,100%)}
.wb-device-picker .wb-search{position:sticky;top:-18px;padding:0 0 14px;background:var(--q-panel);z-index:1}
.wb-device-picker h3{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--q-muted);margin:18px 0 9px}
.wb-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wb-device-option{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;min-height:58px;background:var(--q-raised);border:1px solid #354555;border-radius:8px;color:var(--q-text)}
.wb-device-option:hover{border-color:var(--q-accent);background:#223b36}
.wb-device-option>span:first-child{width:30px;height:30px;display:grid;place-items:center;background:#263e38;border-radius:6px;color:#9ef1d8;font-size:18px;flex:none}
.wb-device-option strong{font-size:13px;font-weight:500;display:block}.wb-device-option small{font-size:11px;color:var(--q-muted);display:block;margin-top:3px}
.wb-device-picker .wb-note{color:var(--q-muted);font-size:12px;line-height:1.6}
.drafting-app.simple .wb-head .wb-btn{min-height:34px}
.drafting-app.simple .wb-head .wb-global-actions .wb-btn{min-height:28px}
.wb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:861px){.drafting-app #propsToggle{display:none}.drafting-app #props{display:block!important;position:static!important;transform:none!important}}
@media(max-width:1200px){.drafting-app #props{width:280px}#basicWorkspaceHead .wb-head{padding:18px 20px}#basicWorkspaceHead .wb-head h1{font-size:22px}}
@media(max-width:860px){body.drafting-app>header{padding:10px 12px}body.drafting-app>header .top-actions{flex-wrap:wrap}.drafting-app .panelbar{padding:8px!important}.basic-workspace .layout{padding-bottom:0!important}.basic-workspace :is(#mseg,#mtabs,#addToggle,#tableToggle,#mexport){display:none!important}.drafting-app #props{width:min(360px,90vw);position:fixed;top:0;bottom:0;right:0;z-index:90;box-shadow:-10px 0 50px #0008;display:none;padding-top:58px}.drafting-app #props.open{display:block}.drafting-app #propsToggle{display:block;position:fixed;right:14px;bottom:14px;z-index:95;width:46px;height:46px;background:#345b52;border:1px solid #69b69b;box-shadow:0 4px 18px #0008}.drafting-app #props.open~#propsToggle{display:none}#basicWorkspaceHead .wb-head{padding:16px;gap:12px}#basicWorkspaceHead .wb-head p{display:none}#basicWorkspaceHead .wb-commandbar{padding:8px 12px}.basic-workspace #schemarea{padding:16px}.basic-workspace #tablebar{display:block;position:static;max-height:34%;height:34%;border-radius:0;box-shadow:none}.wb-basic-context{display:none}.basic-workspace #stage{min-height:0}}
@media(max-width:600px){.drafting-app>header .top-actions{gap:5px}.drafting-app>header select{max-width:116px}.drafting-app>header h1{font-size:18px}.drafting-app>header button,.drafting-app>header select{font-size:11px;min-height:32px}.drafting-app .save-indicator{font-size:10px!important;padding:5px 8px!important}#basicWorkspaceHead .wb-head{flex-direction:column;align-items:stretch}#basicWorkspaceHead .wb-head-actions{flex-direction:row;justify-content:space-between;flex-wrap:wrap}#basicWorkspaceHead .wb-head h1{font-size:21px}#basicWorkspaceHead .wb-head .wb-eyebrow{font-size:9px}#basicWorkspaceHead .wb-head .wb-btn{font-size:11px;padding:7px 9px}.wb-basic-tools .wb-btn{font-size:11px;padding:7px 9px}.wb-basic-tools{gap:4px}.wb-device-grid{grid-template-columns:1fr}.wb-device-picker .wb-search{top:-14px}}

/* Public pages use the same tokens, control shapes, headers and panel surfaces. */
.public-site{font-family:var(--q-font);color:var(--q-text);line-height:1.65}
.public-site :is(header,.site-head){background:var(--q-panel);border-bottom:1px solid var(--q-line);backdrop-filter:none}
.public-site .brand{font-size:19px;font-weight:750;letter-spacing:-.5px;color:#f2f6fa}
.public-site .brand span{color:var(--q-accent)}
.public-site :is(.openapp,.cta,.btn){background:var(--q-accent);color:#092f26;border:1px solid #7ce6c7;border-radius:8px;font-weight:650;box-shadow:none;min-height:40px;line-height:1.5}
.public-site :is(.openapp,.cta,.btn):hover{background:#8deacf;color:#092f26;box-shadow:none;text-decoration:none}
.public-site :is(.btn-ghost,.open){background:transparent;color:var(--q-text);border:1px solid #445566;border-radius:8px}
.public-site :is(.btn-ghost,.open):hover{background:var(--q-raised);color:var(--q-accent)}
.public-site :is(.feat,.card,.item,.faqs details,.agree,.toc,.note,.formula,.cta-end){background:var(--q-panel);border-color:var(--q-line);border-radius:8px}
.public-site :is(.feat,.card){padding:22px}.public-site .card:hover{background:var(--q-raised);border-color:#69a492}
.public-site :is(.feat p,.card p,.seo p,.faqs .ans,.item .body){color:#b5c4d2}
.public-site :is(h1,h2,h3){color:var(--q-text);letter-spacing:-.025em}
.public-site :is(input,select,textarea){font:inherit;color:var(--q-text);background:var(--q-input);border:1px solid #445566;border-radius:6px;min-height:38px;padding:7px 10px}
.public-site input[type=checkbox]{min-height:16px;padding:0}
.public-site :is(.chip,.langbar button){border-radius:6px;min-height:34px;color:var(--q-muted)}
.public-site :is(.chip.on,.langbar button.on){background:var(--q-active);color:#9ef1d8;border-color:#386357}
.public-site .item h3{padding:0}
.public-site .faq-toggle{display:flex;align-items:flex-start;gap:10px;width:100%;border:0;border-radius:8px;background:transparent;color:var(--q-text);font:inherit;font-weight:600;line-height:1.55;text-align:left;padding:16px 18px;cursor:pointer}
.public-site .faq-toggle:hover{background:var(--q-raised)}
.public-site .faq-toggle:focus-visible{outline-offset:-3px}
.public-site .langbar{background:var(--q-panel);border-radius:8px}
.public-site :is(table,.btn-ghost){background:var(--q-panel)}
.public-site .warn{background:#30261d;border-color:#735537;color:#efd3af}
.public-site :is(footer,footer.site,footer.site small){color:var(--q-muted);letter-spacing:.02em}
.public-site .hero{background:radial-gradient(ellipse at 50% 0%,#1d3331,var(--q-bg) 68%)}
.public-site .hero::before{display:none}
.public-site .logo .spark{animation:none}
.public-site .logo [stroke="#4fc3f7"]{stroke:var(--q-accent)}
.public-site .logo [fill="#4fc3f7"]{fill:var(--q-accent)}
.public-site .pitch{border-color:#386357;border-left-color:var(--q-accent)}
.public-site .site-nav a:hover{color:var(--q-accent)}
.public-site .wrap.cats{margin:34px auto}
.public-site .goog-te-gadget-simple{background:var(--q-input);border:1px solid #445566;border-radius:6px;padding:6px 8px}
.public-site .goog-te-gadget-simple :is(a,span){color:var(--q-text)!important}
@media(max-width:600px){.public-site .bar{gap:10px;flex-wrap:wrap}.public-site .openapp{font-size:12px;padding:8px 12px}.public-site .site-nav{gap:12px;font-size:13px}.public-site .hero h1{font-size:32px}.public-site .grid{grid-template-columns:1fr}.public-site :is(.feat,.card){padding:18px}}
@media(max-width:600px){body.drafting-app>header{display:grid;grid-template-columns:1fr;gap:5px;padding:9px 12px}.drafting-app>header .top-actions{display:grid;grid-template-columns:auto minmax(75px,1fr) auto;gap:5px;width:100%;margin:0}.drafting-app>header #fileSel{max-width:none;width:100%}.drafting-app>header .save-indicator{position:absolute;right:12px;top:8px;min-height:24px;max-width:190px}.drafting-app>header .lang-pill{padding:1px}.drafting-app>header .lang-pill button{min-height:30px;padding:3px 7px}.drafting-app>header #installBtn{grid-column:1/-1}.drafting-app #banner.on{font-size:12px;padding:8px 12px;background:#233c35;border-bottom:1px solid #426d5f;color:#b6efdd}.drafting-app :is(input[type=text],input[type=search],input[type=number],select,textarea){font-size:16px}}
@media print{.public-site{--q-bg:#fff;--q-panel:#fff;--q-text:#111;--q-muted:#444;--q-line:#bbb;--q-accent:#176951;--ink-2:#333;--ink-3:#555;color:#111;background:#fff}.public-site .site-head{position:static}.public-site :is(.pitch,.cta-end,.openapp,.site-nav,.lang){display:none}.public-site .warn{background:#fff;color:#111}}
@media(max-width:600px){body.drafting-app.simple>header .top-actions>button:not(.save-indicator){min-height:32px;font-size:11px;padding:6px 10px}}

/* Keep the canvas and tools visible; open one supporting panel at a time. */
body.drafting-app #props{display:none!important}
body.drafting-app #props.open{display:block!important}
body.drafting-app #propsToggle{display:none!important}
body.drafting-app .wb-head,#basicWorkspaceHead .wb-head{padding:12px 18px;gap:12px;flex-wrap:nowrap;min-height:60px}
body.drafting-app .wb-head .wb-eyebrow,body.drafting-app .wb-head p{display:none}
body.drafting-app .wb-head h1,#basicWorkspaceHead .wb-head h1{font-size:17px;letter-spacing:-.4px;margin:0;line-height:1.3;white-space:nowrap}
body.drafting-app .wb-head-actions{flex-direction:row;align-items:center;gap:8px;flex-shrink:0}
body.drafting-app .wb-head-actions .wb-actions{flex-wrap:nowrap}
.wb-head .wb-properties-toggle[aria-expanded=true]{background:var(--q-active);border-color:#426d5f;color:#98edd3}
body.drafting-app .wb-commandbar,#basicWorkspaceHead .wb-commandbar{padding:8px 14px;gap:10px}
.wb-basic-tools{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:2px 0 5px}
.wb-basic-tools>*{flex-shrink:0}
.wb-tool-select{background:var(--q-raised);border:1px solid #354555;color:var(--q-text);border-radius:6px;max-width:145px;min-height:34px;padding:6px 9px;font-size:12px}
.basic-workspace>div:has(>#toolbar){display:none!important}
#basicWorkspaceHead .wb-commandbar{flex-wrap:nowrap}
.wb-properties-bar{position:sticky;top:-22px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--q-panel);margin:-8px -2px 18px;padding:10px 0;border-bottom:1px solid var(--q-line)}
.wb-properties-bar strong{font-size:12px;color:var(--q-muted);font-weight:500}
.wb-properties-bar .wb-btn{font-size:21px;padding:4px 10px;min-width:34px}
.wb-catalog-filters{display:flex;align-items:center;gap:8px;padding:12px 18px;flex:none;background:var(--q-panel);border-bottom:1px solid var(--q-line)}
.wb-catalog-filters .wb-search{flex:1}.wb-catalog-filters select{max-width:200px}
body.drafting-app #tablebar{height:30%;max-height:30%}
@media(min-width:861px){body.drafting-app #props.open{width:330px;box-shadow:-8px 0 26px #0003}}
@media(max-width:1100px){body.drafting-app .wb-head,#basicWorkspaceHead .wb-head{flex-wrap:wrap;gap:9px}body.drafting-app .wb-head-actions{margin-left:auto}body.drafting-app .wb-head h1,#basicWorkspaceHead .wb-head h1{font-size:16px}}
@media(max-width:860px){body.drafting-app #props{padding-top:12px}.wb-properties-bar{top:-12px;margin-bottom:12px}body.drafting-app #props.open{z-index:100;width:min(360px,94vw)}body.drafting-app .wb-head,#basicWorkspaceHead .wb-head{padding:10px 12px}.wb-catalog-filters{flex-wrap:wrap}.wb-catalog-filters .wb-search{flex-basis:100%}.wb-catalog-filters select{flex:1;max-width:none}.wb-commandbar{overflow-x:auto}.wb-basic-tools{flex:none;overflow:visible}.wb-catalog-filters .wb-btn{font-size:11px}}
@media(max-width:600px){body.drafting-app .wb-head-actions{width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap;gap:6px}body.drafting-app .wb-head-actions .wb-global-actions{flex:1}.wb-global-actions .wb-btn{padding:6px 8px}.wb-catalog-filters{padding:10px}.wb-head .wb-actions{gap:5px}}

/* Desktop: one navigation row and one persistent strip of drawing tools. */
.wb-desktop-nav,.wb-desktop-tab{display:none}
@media(min-width:861px){
  body.drafting-app>header{min-height:46px;padding:6px 18px}
  body.drafting-app>header h1{font-size:17px}
  body.drafting-app>header #fileSel{max-width:135px}
  body.drafting-app .panelbar{padding:7px 14px;min-height:48px;overflow:visible}
  .drafting-app #panelbar>:not(.wb-desktop-nav){display:none!important}
  .wb-desktop-nav{display:flex;align-items:center;gap:8px;min-width:0;width:100%;flex-wrap:wrap}
  .drafting-app .panelbar .wb-desktop-nav select{background:transparent;font:inherit;font-size:12px;min-height:32px;border-color:var(--q-line);max-width:210px}
  .drafting-app .panelbar .wb-desktop-view{color:#b2ebda;border-color:#386357}
  .wb-desktop-nav .wb-panel-select{min-width:90px;max-width:160px!important}
  .wb-desktop-nav .wb-panel-menu{max-width:100px!important;color:var(--q-muted)}
  .wb-desktop-nav .wb-global-actions{margin-left:auto;gap:5px}
  .wb-desktop-nav .wb-global-actions .wb-btn{min-height:30px;font-size:12px;padding:6px 10px;border:1px solid transparent}
  .wb-desktop-nav .wb-global-actions .wb-btn:hover{border-color:#455463}
  .wb-desktop-nav .wb-properties-toggle[aria-expanded=true]{background:var(--q-active);border-color:#426d5f;color:#98edd3}
  body.drafting-app .wb-head,#basicWorkspaceHead .wb-head{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  body.drafting-app .wb-commandbar,#basicWorkspaceHead .wb-commandbar{flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:8px 14px;min-height:50px;overflow:visible}
  .wb-commandbar>.wb-tabs{display:none}
  .wb-commandbar>.wb-desktop-tab{display:block;font:inherit;font-size:12px;min-height:34px;max-width:190px;padding:6px 10px;background:transparent;border:1px solid var(--q-line);color:var(--q-muted);border-radius:6px;order:-1}
  .wb-commandbar>.wb-actions:last-child{margin-left:auto}
  .wb-primary-tools{flex-shrink:0}
  .wb-primary-tools .wb-btn{min-height:34px}
  .wb-basic-tools{flex:1 1 auto;flex-wrap:wrap;overflow:visible;padding:0;gap:5px}
  .wb-basic-tools .wb-btn{padding:7px 9px;min-height:34px}
  #basicWorkspaceHead .wb-commandbar>.wb-actions:last-child{margin-left:auto}
  body.inspector-open #basicWorkspaceHead .wb-basic-tools{flex-basis:100%;order:2}
  .wb-price-tools{margin-left:auto}
  .wb-price-tools .regionbox{margin-left:0!important}
  .wb-price-tools select{background:var(--q-input);color:var(--q-text);border:1px solid var(--q-line);border-radius:6px}
  .wb-commandbar .wb-canvas-options{display:contents}
  .wb-commandbar .wb-canvas-options select{font-size:12px;min-height:34px;background:transparent;max-width:180px;padding:6px 9px}
  .wb-knx-add-tool select{font-size:12px;font-weight:650;min-height:34px;background:var(--q-accent);border-color:var(--q-accent);color:#102921;max-width:145px;padding:6px 9px}
  .wb-knx-add-tool option{background:var(--q-input);color:var(--q-text)}
  .wb-knx-palette{display:none}
  .wb-knx-devices{gap:0}
  .wb-knx-device{background:transparent;border:0;border-bottom:1px solid var(--q-line);border-radius:0;padding:16px 0}
  .wb-knx-device:last-child{border-bottom:0}
}

/* Desktop review uses the existing inspector; secondary tools stay in its toolbar. */
@media(min-width:861px){
 .wb-more-tools{position:relative;flex:none}.wb-more-tools>summary{list-style:none;cursor:pointer;border:1px solid var(--q-line);border-radius:6px;padding:7px 11px;min-height:34px;font-size:12px;color:var(--q-muted)}
 .wb-more-tools>summary::after{content:' ▾';margin-left:6px}.wb-more-tools[open]>summary{background:var(--q-active);color:var(--q-text)}
 .wb-more-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:25;display:grid;gap:8px;min-width:230px;padding:12px;background:var(--q-panel);border:1px solid #445566;border-radius:8px;box-shadow:0 12px 32px #0007}
 .wb-more-menu>*{max-width:none!important;width:100%;text-align:left}.wb-more-menu .wb-btn{justify-content:flex-start}
 .wb-check-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.wb-check-filters select{min-width:0;max-width:100%;min-height:34px;border:1px solid var(--q-line);background:var(--q-input);color:var(--q-text);border-radius:6px;padding:6px}
 .wb-checks>.wb-btn{width:100%;justify-content:center;margin-bottom:12px;font-size:12px;background:var(--q-active);border-color:#386357}
 .wb-check{border:1px solid var(--q-line);border-left:3px solid #a8874e;border-radius:6px;margin:10px 0;background:var(--q-input)}.wb-check.error{border-left-color:#dd8791}
 .wb-check>summary{cursor:pointer;padding:12px;list-style:none;line-height:1.6;font-size:12px;color:var(--q-text)}.wb-check>summary>span{display:block}.wb-check-label{font-size:11px;color:var(--q-muted);margin-bottom:4px}
 .wb-check-label::after{content:'＋';float:right;color:var(--q-accent)}.wb-check[open] .wb-check-label::after{content:'−'}
 .wb-check-solution{padding:12px;border-top:1px solid var(--q-line);font-size:12px;line-height:1.7;color:var(--q-muted)}.wb-check-solution .wb-actions{margin-top:12px;gap:7px}.wb-check-solution .wb-btn{font-size:11px;padding:6px 8px}
 .physics-unverified{color:#dfbc7f;font-weight:500}
 .price-candidates{max-height:48vh;overflow:auto;overscroll-behavior:contain;margin-top:14px;padding-right:6px}.price-candidates>article{padding:14px 0;border-bottom:1px solid var(--q-line);font-size:13px}.price-candidates .tool{margin-top:10px}
 .price-source{font-size:12px;line-height:1.6;max-width:640px;margin:6px 0;color:var(--q-muted)}.price-source summary{cursor:pointer;color:#9edbc9}.price-source p{white-space:normal;margin:8px 0;overflow-wrap:anywhere}.price-source small{display:block}.price-conflict{color:#e9a3ac;font-size:12px;line-height:1.6}.price-link{margin-top:8px;font-size:11px!important;max-width:100%}
}

@media(min-width:861px){.wb-global-actions .wb-checks-toggle[aria-expanded=true]{background:var(--q-active);border-color:#426d5f;color:#98edd3}}

@media(min-width:861px){.public-site .faq-title{font-size:26px;line-height:1.3;margin:0 0 22px;color:var(--q-text);letter-spacing:-.4px}}