/* ===== Alpha 1.0: light grey page, white cards, navy header and blueprint drawing ===== */
html:root{--bg:#F3F4F6;--a1n:#0F1B2D;--a1o:#FA5D19;--a1t:#1F2937;--a1m:#6B7280;--a1l:#E5E7EB}
html body,html body.is-home{background:#F3F4F6!important;background-image:none!important;color:#1F2937}
html body #hmBg{display:none!important}
html body .brandbar,html body.is-home .brandbar{background:#0F1B2D!important;border-color:#0F1B2D!important;box-shadow:none!important;gap:8px}
.a1back{display:none;flex:none;width:48px;height:48px;border:0;border-radius:24px;background:transparent;color:#fff;place-items:center;cursor:pointer;padding:0}
.a1back svg{width:26px;height:26px}
html body:not(.is-home):not(.is-qv) .a1back{display:grid}
html body:not(.is-home):not(.is-qv) #swHome{display:none!important}
.a1ver{flex:none;font:700 12px/1 var(--f-mono,ui-monospace,Menlo,monospace);letter-spacing:.06em;text-transform:uppercase;color:#FA5D19;border:1px solid rgba(250,93,25,.6);border-radius:999px;padding:6px 10px;white-space:nowrap}
html body:not(.is-home) .a1ver{display:none}
html body .brandbar #jobName{flex:1 1 120px;min-width:0;width:auto;max-width:560px;height:48px!important;margin:0!important;padding:0 10px!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;color:#fff!important;font-size:18px!important;font-weight:600!important;box-shadow:none!important;text-overflow:ellipsis}
html body .brandbar #jobName::placeholder{color:#9CA3AF;opacity:1}
html body .brandbar #jobName:focus{border-color:rgba(255,255,255,.4)!important;background:rgba(255,255,255,.08)!important;outline:0}
html body.is-home .brandbar #jobName,html body.is-qv .brandbar #jobName{display:none!important}
html body:not(.is-home) .brandbar .grow{display:none}
html body .top:empty{display:none!important}

/* Home */
.a1newbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:60px;margin:6px 0 22px;border:0;border-radius:12px;background:#FA5D19;color:#fff;font-size:19px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer}
.a1newbtn:active{opacity:.85}.a1newbtn svg{width:24px;height:24px}
.a1dim{position:fixed;inset:0;z-index:9980;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .35s ease}
body.a1-newopen .a1dim{opacity:1;pointer-events:auto}
.a1sheet{position:fixed;left:0;right:0;bottom:0;z-index:9985;max-height:88vh;display:flex;flex-direction:column;background:#fff;color:#1F2937;border-radius:24px 24px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.3);transform:translateY(105%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s;padding-bottom:env(safe-area-inset-bottom,0px)}
body.a1-newopen .a1sheet{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.a1hand{flex:none;height:24px;display:flex;align-items:center;justify-content:center}
.a1hand::after{content:"";width:40px;height:4px;border-radius:2px;background:#E5E7EB}
.a1shh{flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px 14px;border-bottom:1px solid #F3F4F6}
.a1shh h2{flex:1;margin:0;text-align:center;font-size:19px;font-weight:700;color:#1F2937}
.a1sp{width:44px}.a1x{width:44px;height:44px;border:0;border-radius:22px;background:#F3F4F6;color:#1F2937;display:grid;place-items:center;cursor:pointer}
.a1x svg{width:22px;height:22px}
.a1sc{flex:1;overflow-y:auto;padding:16px 16px 22px;-webkit-overflow-scrolling:touch}
@media (min-width:760px){.a1sheet{left:50%;right:auto;bottom:auto;top:50%;width:min(720px,92vw);border-radius:24px;transform:translate(-50%,-46%);opacity:0;transition:opacity .25s,transform .25s,visibility 0s .25s}body.a1-newopen .a1sheet{transform:translate(-50%,-50%);opacity:1;transition:opacity .25s,transform .25s}.a1sheet .a1hand{height:14px}.a1sheet .a1hand::after{display:none}}
html body .home .a1sc .hsub{margin:0 0 12px!important;text-align:left;font-size:16px!important;color:#6B7280!important}
html body .home .a1sc .hgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0 0 12px!important}
@media (min-width:760px){html body .home .a1sc .hgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
html body .home .a1sc .htile{min-height:108px!important;padding:14px 8px!important;gap:8px!important;background:#F9FAFB!important;border:1px solid #E5E7EB!important;border-radius:12px!important;box-shadow:none!important;color:#1F2937!important;animation:none!important}
html body .home .a1sc .htile::before,html body .home .a1sc .htile::after,html body .home .a1sc .hsnap::before,html body .home .a1sc .hsnap::after{display:none!important}
html body .home .a1sc .htile:active{background:#FA5D19!important;color:#fff!important}
html body .home .a1sc .htile .hico svg{width:40px!important;height:40px!important}
html body .home .a1sc .htile b{font-size:17px!important;color:inherit!important}
html body .home .a1sc .htile small{display:none!important}
html body .home .a1sc .hsnap{margin:0 0 10px!important;animation:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body .home .a1sc .hsnapb{min-height:64px!important;background:#fff!important;border:1px solid #E5E7EB!important;border-radius:12px!important;color:#1F2937!important;box-shadow:none!important;padding:8px 14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;text-align:left!important;width:100%}
html body .home .a1sc .hsnapb b{color:#1F2937!important;font-size:17px!important}
html body .home .a1sc .hsnapb small{display:none!important}
html body .home .a1sc .hsnapb .hsico svg{width:30px!important;height:30px!important}
html body .home .a1sc .hsnapb .arr{margin-left:auto;color:#9CA3AF!important;position:static!important}
html body .home .hjobs{margin-top:8px!important;animation:none}
html body .home .hjobs h2,html body.is-home .home .hjobs h2{font:600 14px/1.2 var(--f-body,Inter,sans-serif)!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:#6B7280!important;margin:0 0 14px!important}
html body .home .hjobs h2::before,html body .home .hjobs h2::after{content:none!important}
html body .home .hlist{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
@media (min-width:900px){html body .home .hlist{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html body .home .hjob{min-height:72px!important;background:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(0,0,0,.05)!important;color:#1F2937!important;padding:12px 16px!important}
html body .home .hjob b{font-size:17px!important;color:#1F2937!important}html body .home .hjob small{font-size:14px!important;color:#6B7280!important}
html body .home .hnone{background:#fff!important;border:1px dashed #D1D5DB!important;color:#6B7280!important;border-radius:12px!important;font-size:16px!important}
html body .home .hcont{border-radius:12px!important;margin-bottom:22px!important;background:#fff!important;color:#1F2937!important;border:0!important;box-shadow:0 4px 12px rgba(0,0,0,.05)!important}
html body .home .hcont b{color:#1F2937!important}html body .home .hcont .arr{color:#FA5D19!important}

/* phone: top tabs with an orange underline */
@media (max-width:999px){
html body:not(.is-home):not(.is-qv):not(.fsdraw) .nav2{position:sticky!important;top:var(--a1h,65px)!important;z-index:40!important;height:auto!important;margin:0 calc(-1*max(12px,env(safe-area-inset-left,0px))) 12px!important;padding:0!important;background:#0F1B2D!important;display:block!important}
html body:not(.is-home):not(.is-qv):not(.fsdraw) #steps#steps#steps{position:static!important;display:flex!important;width:100%!important;height:50px!important;min-height:50px!important;padding:0!important;margin:0!important;gap:0!important;background:#0F1B2D!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto;transform:none!important;backdrop-filter:none!important}
html body:not(.is-home):not(.is-qv):not(.fsdraw) #steps#steps#steps button{flex:1 1 0!important;min-width:64px!important;width:auto!important;height:50px!important;min-height:50px!important;padding:0 4px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#9CA3AF!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important}
html body:not(.is-home):not(.is-qv):not(.fsdraw) #steps#steps#steps button .ico,html body:not(.is-home):not(.fsdraw) #steps#steps#steps button small,html body:not(.is-home):not(.fsdraw) #steps#steps#steps button .n,html body:not(.is-home):not(.fsdraw) #steps#steps#steps button::before{display:none!important}
html body:not(.is-home):not(.is-qv):not(.fsdraw) #steps#steps#steps button b{font-size:15px!important;font-weight:600!important;color:inherit!important}
html body:not(.is-home):not(.is-qv):not(.fsdraw) #steps#steps#steps button.on{color:#FA5D19!important;background:transparent!important}
html body:not(.is-home):not(.is-qv):not(.fsdraw) #steps#steps#steps button.on::after{content:""!important;display:block!important;position:absolute!important;left:20%!important;right:20%!important;bottom:0!important;top:auto!important;height:3px!important;width:auto!important;background:#FA5D19!important;border-radius:3px 3px 0 0!important;opacity:1!important;transform:none!important}
html body:not(.fsdraw){padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}
html body:not(.is-home) .brandbar .hnotes span{display:none}
html body:not(.is-home) .brandbar .hnotes{min-width:48px!important;padding:0 12px!important}
/* tool tray replaces the Tools button */
html body:not(.fsdraw):not(.is-home):not(.is-qv) #toolsBtn{display:none!important}
html body:not(.dk-desk) #cats{display:none!important}
html body:not(.fsdraw).tools-open .a1dim{opacity:1;pointer-events:auto;z-index:48}
html body:not(.dk-desk) #drawbox{z-index:50!important;border-radius:24px 24px 0 0!important;background:#fff!important;border:0!important;box-shadow:0 -12px 40px rgba(0,0,0,.3)!important;min-height:44vh;max-height:85vh!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)!important;overflow-y:auto}
html body:not(.dk-desk) #drawbox .dbhead{position:static!important;display:flex!important;align-items:center!important;min-height:0!important;padding:0 16px 14px 60px!important;background:#fff!important;border:0!important;border-bottom:1px solid #F3F4F6!important}
html body:not(.dk-desk) #drawbox .dbhead b{flex:1;text-align:center;font:700 19px/1.2 var(--f-body,Inter,sans-serif)!important;letter-spacing:0!important;text-transform:none!important;color:#1F2937!important}
html body:not(.dk-desk) #drawbox .dbhead b::before,html body:not(.dk-desk) #drawbox .dbhead b::after{content:none!important}
html body:not(.dk-desk) #toolsClose{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:22px!important;background:#F3F4F6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2937' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E") center/22px no-repeat!important;font-size:0!important;color:transparent!important;margin-left:0!important}
html body:not(.dk-desk) #drawbox #tray{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:16px 16px 24px!important;background:#fff!important;border:0!important;overflow:visible!important}
html body:not(.dk-desk) #drawbox #tray .trayhd,html body:not(.dk-desk) #drawbox #tray .hint{grid-column:1/-1;display:none!important}
html body:not(.dk-desk) #drawbox #tray button{width:auto!important;min-width:0!important;height:auto!important;min-height:100px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:14px 8px!important;background:#F9FAFB!important;border:1px solid #E5E7EB!important;border-radius:12px!important;box-shadow:none!important;color:#1F2937!important;font-size:16px!important;font-weight:600!important;white-space:normal!important;text-align:center!important}
html body:not(.dk-desk) #drawbox #tray button span{font-size:16px!important;font-weight:600!important;color:inherit!important;white-space:normal!important}
html body:not(.dk-desk) #drawbox #tray button svg{width:44px!important;height:32px!important;flex:none}
html body:not(.dk-desk) #drawbox #tray button.on,html body:not(.dk-desk) #drawbox #tray button:active{background:#FFF3EC!important;border-color:#FA5D19!important}
}
html body.dk-desk #a1Tray,html body.fsdraw #a1Tray,html body.dk-desk #drawbox>.a1hand,html body.fsdraw #drawbox>.a1hand{display:none!important}
.a1tray{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:12px;background:#0F1B2D;scrollbar-width:none;border-radius:0 0 12px 12px}
.a1tray::-webkit-scrollbar{display:none}
.a1tray button{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:84px;height:76px;padding:0 8px;background:#1C1C1E;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;cursor:pointer;transition:transform .1s}
.a1tray button:active{transform:scale(.95)}
.a1tray svg{width:26px;height:26px;color:#FA5D19}
.a1tray span{font-size:13px;font-weight:600;color:#E5E7EB;white-space:nowrap}

/* navy blueprint drawing */
html body .cvwrap{--canvas:#0F1B2D;--panel:#0F1B2D;--ink:#FFFFFF;--muted:#B6C2D6;--dim:#D7DEEA;--line:rgba(255,255,255,.16);--grid:rgba(255,255,255,.10);--wall:#FFFFFF;--soft:#1A2A44;--chip:#1A2A44;background:#0F1B2D!important}
html body .board{background:#0F1B2D!important;border-color:#0F1B2D!important;overflow:hidden}

/* bottom sheets in Framing and the deck builder */
@media (max-width:999px){.frsheet{border-radius:24px 24px 0 0!important}.frsheet::before{content:"";flex:none;align-self:center;width:40px;height:4px;border-radius:2px;background:#E5E7EB;margin:10px 0 6px}}

/* Check: cards and badges */
.a1st{font-size:14px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.05em;margin:4px 0 12px}
.a1ci{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 4px 12px rgba(0,0,0,.05);margin-bottom:10px;color:#1F2937;border:1px solid #EEF0F3}
.a1ch{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.a1ct{font-weight:600;font-size:16px}.a1cq{font-weight:700;color:#0F1B2D;font-size:16px;white-space:nowrap}.a1cs{font-size:13px;color:#6B7280;margin-top:4px}
.a1all{display:block;width:100%;min-height:52px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;color:#FA5D19;font-size:16px;font-weight:700;cursor:pointer}
html body #side .chk{background:#fff!important;border:1px solid #EEF0F3!important;border-radius:12px!important;padding:14px 16px!important;margin:0 0 10px!important;box-shadow:0 4px 12px rgba(0,0,0,.05)!important}
html body #side .chk .x::after{display:block;width:max-content;margin-top:8px;padding:4px 8px;border-radius:4px;font:600 12px/1.2 var(--f-body,Inter,sans-serif);letter-spacing:.03em}
html body #side .chk:has(.ic.pass) .x::after,html body #side .chk:has(.ic.ok) .x::after{content:"PASS";background:#DEF7EC;color:#03543F}
html body #side .chk:has(.ic.info) .x::after{content:"GOOD TO KNOW";background:#E1EFFE;color:#1E429F}
html body #side .chk:has(.ic.warn) .x::after,html body #side .chk:has(.ic.fail) .x::after{content:"FIX";background:#FDE8E8;color:#9B1C1C}
html body #side .chk:has(.ic.miss) .x::after{content:"CHECK";background:#FDF6B2;color:#723B13}

/* alpha fixes */
html body #home #hmHero .hword b,html body #hmHero .hword b{color:#FA5D19!important}
html body #home #hmHero .hword b i,html body #hmHero .hword b i{color:#0F1B2D!important}
html body #home #hmHero .hword small,html body #hmHero .hword small{color:#6B7280!important}
@media (max-width:999px){html body:not(.is-home):not(.is-qv) header.brandbar{margin-bottom:0!important}html body:not(.is-home):not(.is-qv):not(.fsdraw) .nav2{margin-top:0!important}}
@media (max-width:999px){html body:not(.fsdraw) #sfTotal{position:static!important;transform:none!important;margin:0 0 0 auto!important;grid-column:auto!important;height:36px!important;background:#F3F4F6!important;color:#1F2937!important;box-shadow:none!important}}
@media (max-width:999px){html body:not(.is-home):not(.is-qv):not(.fsdraw) .nav2{margin-top:-8px!important}
html body.a1-draw:not(.fsdraw) .cvwrap{overflow:visible!important}
html body.a1-draw:not(.fsdraw) .cvwrap>.scale{bottom:-30px!important;left:10px!important;top:auto!important;background:transparent!important;border:0!important;color:#9CA3AF!important;box-shadow:none!important}
html body.a1-draw:not(.fsdraw) #a1Tray{margin-top:30px!important}}
@media (max-width:999px){html body:not(.fsdraw) #sfTotal small{display:none!important}html body:not(.fsdraw) #sfTotal{padding:0 10px!important;margin-right:4px!important}html body:not(.fsdraw) .board>.bar{gap:6px!important;padding-left:8px!important;padding-right:8px!important}}
@media (max-width:999px){html body:not(.fsdraw) .board>.bar #cdChip{flex:none!important;max-width:none!important;width:auto!important;overflow:visible!important;white-space:nowrap!important}html body:not(.fsdraw) .board>.bar{justify-content:flex-start!important}html body:not(.fsdraw) .board>.bar #sfTotal{margin-left:0!important}}
@media (max-width:999px){html body:not(.fsdraw) .board>.bar{grid-template-columns:auto 1fr auto!important}html body:not(.fsdraw) .board>.bar #sfTotal{justify-self:start!important}html body:not(.fsdraw) .board>.bar #cdChip{justify-self:stretch!important}}

/* Alpha 1.1 company profile */
html body #acctDlg.a1acct{align-items:flex-end!important;padding:0!important}
html body #acctDlg.a1acct .bx{max-width:560px!important;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0!important;padding:16px 20px calc(20px + env(safe-area-inset-bottom,0px))!important;color:#1F2937!important}
@media (min-width:760px){html body #acctDlg.a1acct{align-items:center!important}html body #acctDlg.a1acct .bx{border-radius:24px!important}}
#acctDlg.a1acct .a1ah{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
#acctDlg.a1acct .a1ah h2{margin:0!important;font-size:22px!important}
html body #acctDlg.a1acct .a1x{width:44px!important;min-height:44px!important;height:44px;border-radius:50%!important;background:#F3F4F6!important;color:#1F2937!important;font-size:26px!important;line-height:1;flex:none;margin:0!important}
#acctDlg.a1acct .a1an{font-size:16px!important;color:#6B7280;margin:0 0 12px!important}
#acctDlg.a1acct .a1af{display:block;margin:0 0 12px}
#acctDlg.a1acct .a1af span{display:block;font-size:16px;font-weight:700;margin-bottom:4px}
#acctDlg.a1acct .a1af input{width:100%;min-height:56px;border:1px solid #E5E7EB;border-radius:12px;padding:0 14px;font:inherit;font-size:18px;color:#1F2937;background:#fff;box-sizing:border-box}
#acctDlg.a1acct .a1af input:focus{outline:2px solid #FA5D19;outline-offset:1px}
#acctDlg.a1acct .a1af small{display:block;font-size:14px;color:#9CA3AF;margin-top:3px}
#acctDlg.a1acct .soon{font-size:16px!important}
html body #acctDlg.a1acct .a1a2{background:#fff!important;color:#1F2937!important;border:1px solid #E5E7EB!important}

/* ===== Beta 1.1 (Javier's ui-design.html): minimalist navy / orange / cyan ===== */
html:root{--bg:#F1F5F9;--a2d:#091220;--a2n:#0F1B2D;--a2e:#16253B;--a2o:#FA5D19;--a2c:#38BDF8;--a2g:#10B981;--a2t:#0F172A;--a2m:#64748B;--a2l:#E2E8F0}
html body,html body.is-home{background:#F1F5F9!important;color:#0F172A}
html body .brandbar,html body.is-home .brandbar{background:linear-gradient(180deg,#091220,#0F1B2D)!important;border-color:#091220!important}
/* wordmark only */
html body .brandbar #swHome>svg,html body .brandbar #swHome>img{display:none!important}
html body .brandbar #swHome{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 4px!important;min-height:48px}
html body .brandbar #swHome .swword{display:inline-flex!important;font:800 22px/1 Inter,var(--f-body,system-ui),sans-serif!important;letter-spacing:-.02em!important;text-transform:none!important}
html body .brandbar #swHome .w3{color:#fff!important;font:inherit!important}
html body .brandbar #swHome .w6{color:#FA5D19!important;font:inherit!important}
html body .brandbar .a1ver{color:#38BDF8!important;background:rgba(56,189,248,.16)!important;border:1px solid rgba(56,189,248,.35)!important;font:700 11px/1 "JetBrains Mono",ui-monospace,Menlo,monospace!important;padding:6px 9px!important;letter-spacing:.08em!important}
html body.is-home #hmHero,html body.is-home #homeCont{display:none!important}
.a2mver{padding:12px 16px 6px;font:600 13px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace;color:#94A3B8;text-align:center;border-top:1px solid rgba(148,163,184,.25);margin-top:6px}
/* job header: title, subtitle, code badge */
.a2tg{flex:1 1 120px;min-width:0;display:flex;flex-direction:column;justify-content:center}
html body.is-home .a2tg,html body.is-qv .a2tg,html body.is-home .a2code,html body.is-qv .a2code{display:none!important}
html body .brandbar .a2tg #jobName{flex:none!important;width:100%!important;max-width:none!important;height:28px!important;padding:0 4px!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.01em}
.a2sub{padding:0 5px;font-size:13px;line-height:1.2;color:#94A3B8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a2code{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(16,185,129,.4);background:rgba(16,185,129,.16);color:#34D399;font:700 13px/1 Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.a2code svg{width:15px;height:15px}
.a2code.fix{border-color:rgba(250,93,25,.5);background:rgba(250,93,25,.16);color:#FDBA8C}
.a2code.fix svg{display:none}
/* three tabs */
.a2tabs,.a2seg{display:none}
@media (max-width:999px){
html body:not(.is-home):not(.is-qv) .brandbar .bsep,html body:not(.is-home):not(.is-qv) .brandbar .bizslot,html body:not(.is-home):not(.is-qv) .brandbar #saveJob,html body:not(.is-home):not(.is-qv) .brandbar #hNotes,html body:not(.is-home):not(.is-qv) .brandbar #setBtn,html body:not(.is-home):not(.is-qv) .brandbar #homeBtn,html body:not(.is-home):not(.is-qv) .brandbar .pickwrap,html body:not(.is-home):not(.is-qv) .brandbar #newJob{display:none!important}
html body.is-home .brandbar .bsep,html body.is-home .brandbar .bizslot{display:none!important}
html body:not(.is-home):not(.is-qv):not(.fsdraw) .nav2{display:none!important}
html body:not(.is-home):not(.is-qv):not(.fsdraw):not(.dk-desk) .a2tabs{display:flex;position:sticky;top:var(--a1h,64px);z-index:40;height:50px;margin:0 calc(-1*max(12px,env(safe-area-inset-left,0px))) 0;background:#091220;border-bottom:1px solid rgba(255,255,255,.08)}
.a2tabs button{flex:1 1 0;position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:50px;border:0;background:transparent;color:#94A3B8;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;padding:0}
.a2tabs button.on{color:#fff}
.a2tabs button.on::after{content:"";position:absolute;left:14%;right:14%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#FA5D19;box-shadow:0 0 12px rgba(250,93,25,.7)}
.a2tabs i{font:700 11px/1 "JetBrains Mono",ui-monospace,Menlo,monospace;font-style:normal;min-width:20px;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.1);color:#CBD5E1}
.a2tabs button.on i{background:rgba(250,93,25,.2);color:#FDBA8C}
.a2tabs #a2bC{background:rgba(250,93,25,.9);color:#fff}
html body:not(.is-home):not(.is-qv):not(.fsdraw):not(.dk-desk) .a2seg:not([hidden]){display:flex;gap:4px;margin:14px 0 14px;padding:4px;background:#E2E8F0;border-radius:12px}
.a2seg button{flex:1 1 0;min-height:44px;border:0;border-radius:9px;background:transparent;color:#64748B;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;padding:0 6px}
.a2seg button.on{background:#fff;color:#0F172A;box-shadow:0 1px 4px rgba(15,23,42,.12)}
}
/* Home */
.a2stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 16px}
.a2stat{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:14px 16px;box-shadow:0 2px 10px rgba(15,23,42,.05)}
.a2stat .l{font:600 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#64748B}
.a2stat .v{margin-top:6px;font:800 26px/1.1 Inter,system-ui,sans-serif;color:#0F172A;letter-spacing:-.02em}
.a2stat .v.g{color:#10B981;font-size:22px}
html body .home .a1newbtn{background:linear-gradient(135deg,#FA5D19,#E04808)!important;border-radius:14px!important;box-shadow:0 8px 20px rgba(250,93,25,.32)!important;min-height:60px;margin:0 0 24px!important}
html body .home .hjobs h2,html body.is-home .home .hjobs h2{display:flex!important;align-items:baseline;justify-content:space-between;font:700 13px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.08em!important;color:#64748B!important}
html body .home .hjobs h2::after{content:"Tap to open"!important;display:inline!important;position:static!important;width:auto!important;height:auto!important;background:none!important;font:500 13px/1.2 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#94A3B8}
html body .home .hjobs.a2few .hfilt{display:none!important}
html body .home .hjob{border:1px solid #E2E8F0!important;border-radius:14px!important;box-shadow:0 2px 10px rgba(15,23,42,.05)!important;gap:12px!important;color:#0F172A!important}
html body .home .hjob .hico{flex:none;width:44px!important;height:44px!important;border-radius:12px!important;background:#0F1B2D!important;color:#FA5D19!important;display:grid!important;place-items:center!important;border:0!important;box-shadow:none!important}
html body .home .hjob .hico svg{width:24px!important;height:24px!important}
html body .home .hjob b{color:#0F172A!important}html body .home .hjob small{color:#64748B!important}
html body .home .hjob .arr{color:#CBD5E1!important}
.a2n{flex:none;margin-left:auto;padding:5px 9px;border-radius:999px;background:#F1F5F9;color:#64748B;font:600 12px/1 Inter,system-ui,sans-serif;white-space:nowrap}
html body .home .hjob .a2n+.arr{margin-left:0!important}
/* Draw: full blueprint, HUD on top, floating tray */
@media (max-width:999px){
html body.a1-draw:not(.fsdraw):not(.dk-desk){padding-bottom:0!important;background:#091220!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board{position:relative!important;margin:0 calc(-1*max(12px,env(safe-area-inset-left,0px)))!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#091220!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap{--canvas:#091220;--panel:#091220;--wall:#38BDF8;--grid:rgba(56,189,248,.10);--line:rgba(56,189,248,.22);--muted:#94A3B8;--dim:#E2E8F0;--soft:#16253B;--chip:#16253B;background:#091220!important;height:calc(100dvh - var(--a1h,64px) - 50px)!important;min-height:340px!important;max-height:none!important;border:0!important;border-radius:0!important;overflow:hidden!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar{position:absolute!important;top:12px!important;left:12px!important;right:12px!important;z-index:6!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;height:auto!important;pointer-events:none}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar>*{pointer-events:auto}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #msg,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #cdChip,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #layerBtn,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #notesBtn,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #codeBtn{display:none!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #sfTotal{display:inline-flex!important;align-items:center!important;gap:8px!important;height:36px!important;padding:0 12px!important;margin:0!important;border-radius:999px!important;background:rgba(15,27,45,.82)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)!important;color:#E2E8F0!important;font:600 13px/1 "JetBrains Mono",ui-monospace,Menlo,monospace!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #sfTotal::before{content:"";width:8px;height:8px;border-radius:50%;background:#38BDF8;box-shadow:0 0 8px #38BDF8;flex:none}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #moreBtn{margin-left:auto!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:10px!important;background:rgba(15,27,45,.82)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)!important;color:#E2E8F0!important;box-shadow:none!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.zoom{top:58px!important;bottom:auto!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.zoom button{background:rgba(15,27,45,.82)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)!important;color:#E2E8F0!important;box-shadow:none!important;border-radius:10px!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.scale{top:auto!important;bottom:112px!important;left:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#64748B!important;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.itemsrow{position:absolute!important;left:12px!important;right:12px!important;bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;z-index:6!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;display:flex!important;justify-content:center!important;pointer-events:none}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.itemsrow>*{pointer-events:auto}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.itemsrow #itemsBtn,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.itemsrow #dk3dDraw{display:none!important}
html body:not(.fsdraw):not(.dk-desk) #drawbox{border-radius:26px 26px 0 0!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #moreBtn{width:auto!important;min-width:0!important;padding:0 12px!important;font:600 13px/1 Inter,system-ui,sans-serif!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar.more #layerBtn,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar.more #notesBtn,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar.more #codeBtn,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar.more #penBtn,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar.more #lyrBtn,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar.more #revBtn{display:inline-flex!important;align-items:center!important;flex:none!important;height:36px!important;min-height:36px!important;padding:0 10px!important;margin:0!important;border-radius:10px!important;background:rgba(15,27,45,.82)!important;border:1px solid rgba(255,255,255,.12)!important;color:#E2E8F0!important;font:600 13px/1 Inter,system-ui,sans-serif!important;box-shadow:none!important;white-space:nowrap;width:auto!important;min-width:0!important;max-width:none!important;gap:6px!important;position:static!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar.more>button:not(#moreBtn) svg{position:static!important;width:16px!important;height:16px!important;flex:none}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar.more #moreBtn{margin-left:0!important;order:-1;flex:none}html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar.more #sfTotal{order:-2;flex:none}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar{overflow-x:auto;scrollbar-width:none}
html body.a1-draw:not(.fsdraw):not(.dk-desk) #cancelPlace{position:fixed!important;top:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(118px + env(safe-area-inset-bottom,0px))!important;z-index:7!important;min-height:48px!important;padding:0 22px!important;border-radius:999px!important;background:#FA5D19!important;color:#fff!important;border:0!important;font:700 16px/1 Inter,system-ui,sans-serif!important;box-shadow:0 8px 20px rgba(250,93,25,.4)!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.cvtip{top:112px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:calc(100% - 120px);background:rgba(15,27,45,.9)!important;color:#E2E8F0!important;border:1px solid rgba(56,189,248,.35)!important;border-radius:12px!important;box-shadow:none!important;text-align:center}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap{height:calc(100dvh - var(--a1h,64px) - 58px)!important}
/* space list and item editor as a bottom sheet */
html body.a1-draw:not(.fsdraw):not(.dk-desk) #side{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:50!important;width:auto!important;max-width:none!important;max-height:80vh!important;overflow-y:auto!important;margin:0!important;padding:0 16px calc(20px + env(safe-area-inset-bottom,0px))!important;background:#fff!important;border:0!important;border-radius:26px 26px 0 0!important;box-shadow:0 -12px 40px rgba(0,0,0,.4)!important;transform:translateY(105%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
html body.a1-draw.a2-side:not(.fsdraw):not(.dk-desk) #side{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
html body.a1-draw.a2-side:not(.fsdraw):not(.dk-desk) .a1dim{opacity:1;pointer-events:auto;z-index:48}
html body.a1-draw:not(.fsdraw):not(.dk-desk) #side .a2grab{display:block;position:sticky;top:0;z-index:2;width:100%;height:28px;margin:0;padding:0;border:0;background:#fff;cursor:pointer}
html body.a1-draw:not(.fsdraw):not(.dk-desk) #side .a2grab::after{content:"";display:block;width:42px;height:5px;margin:0 auto;border-radius:3px;background:#CBD5E1}
html body:not(.is-home):not(.is-qv) header.brandbar{z-index:45!important}
html body:not(.dk-desk):not(.zz1):not(.zz2):not(.zz3) #toPanel,html body:not(.dk-desk):not(.zz1):not(.zz2):not(.zz3) #plPanel{top:var(--a1h,64px)!important;bottom:0!important;left:0!important;right:0!important;width:auto!important;height:auto!important;max-height:none!important;border-radius:0!important;border:0!important}
}
.a2grab{display:none}
/* Check: banner, order list with check-off */
.a1ban{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;margin:0 0 20px;border-radius:16px;background:linear-gradient(135deg,#0F1B2D,#16253B);color:#fff;box-shadow:0 8px 22px rgba(9,18,32,.22)}
.a1ban h3{margin:0;font:700 18px/1.2 Inter,system-ui,sans-serif;color:#fff}
.a1ban p{margin:4px 0 0;font-size:14px;line-height:1.3;color:#94A3B8}
.a1score{flex:none;padding:8px 12px;border-radius:10px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.4);color:#34D399;font:700 13px/1 "JetBrains Mono",ui-monospace,Menlo,monospace;letter-spacing:.06em;white-space:nowrap}
.a1score.fix{background:rgba(250,93,25,.16);border-color:rgba(250,93,25,.5);color:#FDBA8C}
html body .a1st{display:flex;align-items:baseline;justify-content:space-between;font:700 13px/1.2 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#64748B;margin:4px 0 12px}
.a1st em{font:500 13px/1.2 Inter,system-ui,sans-serif;font-style:normal;letter-spacing:0;text-transform:none;color:#94A3B8}
html body button.a1ci{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:12px 14px;box-shadow:0 2px 10px rgba(15,23,42,.05);margin:0 0 10px;color:#0F172A}
.a1cb{flex:none;width:26px;height:26px;border-radius:8px;border:2px solid #CBD5E1;display:grid;place-items:center;color:transparent;background:#fff}
.a1cb svg{width:16px;height:16px;stroke-width:3}
.a1ci.on .a1cb{background:#10B981;border-color:#10B981;color:#fff}
.a1cx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.a1ci .a1ct{font-size:16px;font-weight:600;color:#0F172A}
.a1ci .a1cs{margin-top:2px;font-size:13px;color:#64748B}
.a1ci.on .a1ct{text-decoration:line-through;color:#94A3B8}
.a1ci .a1cq{flex:none;padding:6px 10px;border-radius:999px;background:#F1F5F9;color:#0F172A;font:700 14px/1 "JetBrains Mono",ui-monospace,Menlo,monospace}
html body .a1all{border-radius:14px;border-color:#E2E8F0}
html body #side .chk{border:1px solid #E2E8F0!important;border-radius:14px!important;box-shadow:0 2px 10px rgba(15,23,42,.05)!important}
html body #side .chk:has(.ic.pass) .x::after,html body #side .chk:has(.ic.ok) .x::after{background:#DCFCE7;color:#166534}
/* Beta 1.1 fix: item bar sits above the tool tray, top buttons share one glass style */
@media (max-width:999px){
html body.a1-draw:not(.fsdraw):not(.dk-desk) #selbar:not([hidden]){position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(116px + env(safe-area-inset-bottom,0px))!important;z-index:7!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;max-height:40vh;overflow-y:auto!important;margin:0!important;padding:10px 12px!important;width:auto!important;max-width:none!important;background:rgba(22,34,54,.94)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(0,0,0,.45)!important;color:#E2E8F0!important;scrollbar-width:none}
html body.a1-draw:not(.fsdraw):not(.dk-desk) #selbar>b{flex:1 0 100%;color:#fff!important;font:700 15px/1.2 Inter,system-ui,sans-serif!important;white-space:nowrap;margin-right:2px}
html body.a1-draw:not(.fsdraw):not(.dk-desk) #selbar>span{flex:none;color:#E2E8F0!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) #selbar button{flex:none!important;min-width:48px!important;min-height:48px!important;height:48px!important;padding:0 14px!important;margin:0!important;border-radius:12px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#E2E8F0!important;font:600 15px/1 Inter,system-ui,sans-serif!important;box-shadow:none!important;white-space:nowrap}
html body.a1-draw:not(.fsdraw):not(.dk-desk) #selbar button.warn{color:#FCA5A5!important;border-color:rgba(248,113,113,.45)!important;background:rgba(248,113,113,.10)!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) #selbar button[data-q="done"]{background:#FA5D19!important;border-color:#FA5D19!important;color:#fff!important;font-weight:700!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) #selbar input{flex:1 0 220px;min-height:48px;border-radius:12px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;padding:0 12px!important;font-size:16px!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.zoom,html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.zoom.undoz{top:64px!important;background:rgba(15,27,45,.82)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.zoom button,html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.zoom.undoz button,html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.zoom.undoz #hNote{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;border-radius:0!important;color:#E2E8F0!important;height:40px!important;font-weight:600!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.zoom:not(.undoz) button+button{border-top:1px solid rgba(255,255,255,.10)!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.zoom.undoz button+button{border-left:1px solid rgba(255,255,255,.10)!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.zoom.undoz #hNote.on{background:#FA5D19!important;color:#fff!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #sfTotal,html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #moreBtn{height:40px!important;min-height:40px!important;border-radius:12px!important;font:600 14px/1 Inter,system-ui,sans-serif!important;color:#E2E8F0!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk) .board>.bar #sfTotal{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace!important}
}

/* Beta 1.2: one hammer button opens the tools, icon categories in the sheet, same look in full screen */
.a2ham{display:none}
@media (max-width:999px){
html body.a1-draw:not(.dk-desk) .a2ham{display:grid;place-items:center;position:absolute;right:16px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:6;width:64px;height:64px;border:0;border-radius:50%;background:linear-gradient(135deg,#FA5D19,#E04808);color:#fff;box-shadow:0 10px 26px rgba(250,93,25,.45),0 0 0 1px rgba(255,255,255,.12) inset;cursor:pointer;padding:0}
.a2ham svg{width:30px;height:30px}
.a2ham:active{transform:scale(.94)}
html body.a1-draw:not(.dk-desk) #cancelPlace{bottom:calc(30px + env(safe-area-inset-bottom,0px))!important}
html body.a1-draw:not(.dk-desk) #selbar:not([hidden]){bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
html body.a1-draw:not(.dk-desk) .cvwrap>.scale{bottom:calc(26px + env(safe-area-inset-bottom,0px))!important;top:auto!important;left:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#64748B!important}
/* category icons inside the tools sheet */
html body:not(.dk-desk) #drawbox #a1Tray{display:flex!important;position:static!important;margin:0!important;padding:12px 16px 4px!important;gap:10px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto!important;backdrop-filter:none!important}
html body:not(.dk-desk) #drawbox #a1Tray button{flex:none!important;min-width:76px!important;width:auto!important;height:68px!important;padding:0 8px!important;border-radius:14px!important;background:#F1F5F9!important;border:1px solid #E2E8F0!important;gap:5px!important;box-shadow:none!important}
html body:not(.dk-desk) #drawbox #a1Tray button.on{background:rgba(250,93,25,.14)!important;border-color:#FA5D19!important}
html body:not(.dk-desk) #drawbox #a1Tray svg{width:24px!important;height:24px!important;color:#FA5D19!important}
html body:not(.dk-desk) #drawbox #a1Tray span{font-size:12px!important;font-weight:600!important;color:#0F172A!important}
/* full screen uses the same glass controls */
html body.fsdraw.fsdraw.fsdraw.fsdraw:not(.dk-desk) #toolsBtn{display:none!important}
html body.fsdraw.fsdraw.fsdraw.fsdraw.a1-draw:not(.dk-desk) .board{background:#091220!important}
html body.fsdraw.fsdraw.fsdraw.fsdraw.a1-draw:not(.dk-desk) .board>.bar{position:absolute!important;top:calc(12px + env(safe-area-inset-top,0px))!important;left:12px!important;right:12px!important;z-index:6!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;height:auto!important;pointer-events:none}
html body.fsdraw.a1-draw:not(.dk-desk) .board>.bar>*{pointer-events:auto}
html body.fsdraw.a1-draw:not(.dk-desk) .board>.bar #msg{display:none!important}
html body.fsdraw.fsdraw.fsdraw.fsdraw.a1-draw:not(.dk-desk) .board>.bar #sfTotal{position:static!important;transform:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important;height:40px!important;padding:0 12px!important;margin:0!important;border-radius:12px!important;background:rgba(15,27,45,.82)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)!important;color:#E2E8F0!important;font:600 14px/1 "JetBrains Mono",ui-monospace,Menlo,monospace!important;box-shadow:none!important}
html body.fsdraw.a1-draw:not(.dk-desk) .board>.bar #sfTotal small{display:none!important}
html body.fsdraw.a1-draw:not(.dk-desk) .board>.bar #sfTotal::before{content:"";width:8px;height:8px;border-radius:50%;background:#38BDF8;box-shadow:0 0 8px #38BDF8;flex:none}
html body.fsdraw.fsdraw.fsdraw.fsdraw.a1-draw:not(.dk-desk) .cvwrap{--canvas:#091220;--panel:#091220;--grid:rgba(56,189,248,.10);--line:rgba(56,189,248,.22);background:#091220!important}
html body.fsdraw.a1-draw:not(.dk-desk) .cvwrap>.zoom,html body.fsdraw.a1-draw:not(.dk-desk) .cvwrap>.zoom.undoz{top:calc(64px + env(safe-area-inset-top,0px))!important;bottom:auto!important;background:rgba(15,27,45,.82)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden!important}
html body.fsdraw.a1-draw:not(.dk-desk) .cvwrap>.zoom button:not(#fsBtn),html body.fsdraw.a1-draw:not(.dk-desk) .cvwrap>.zoom.undoz #hNote:not(.on){background:transparent!important;border:0!important;border-radius:0!important;color:#E2E8F0!important;height:40px!important;font-weight:600!important}
html body.fsdraw.a1-draw:not(.dk-desk) .cvwrap>.zoom.undoz button+button{border-left:1px solid rgba(255,255,255,.10)!important}
html body.fsdraw.a1-draw:not(.dk-desk) .cvwrap>.zoom #fsBtn{height:40px!important;border:0!important;border-radius:0!important}
html body.fsdraw.a1-draw:not(.dk-desk) .cvwrap>.cvtip{top:calc(118px + env(safe-area-inset-top,0px))!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;background:rgba(15,27,45,.9)!important;color:#E2E8F0!important;border:1px solid rgba(56,189,248,.35)!important;border-radius:12px!important;box-shadow:none!important;text-align:center}
html body.fsdraw.a1-draw:not(.dk-desk) #cancelPlace{position:fixed!important;top:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;z-index:7!important;min-height:48px!important;padding:0 22px!important;border-radius:999px!important;background:#FA5D19!important;color:#fff!important;border:0!important;font:700 16px/1 Inter,system-ui,sans-serif!important;box-shadow:0 8px 20px rgba(250,93,25,.4)!important}
html body.fsdraw.a1-draw:not(.dk-desk) #selbar:not([hidden]){position:fixed!important;left:12px!important;right:12px!important;top:auto!important;z-index:7!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;background:rgba(22,34,54,.94)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;color:#E2E8F0!important}
html body.fsdraw.a1-draw:not(.dk-desk) #selbar>b{flex:1 0 100%;color:#fff!important}
html body.fsdraw.a1-draw:not(.dk-desk) #selbar button{min-height:48px!important;min-width:48px!important;padding:0 14px!important;border-radius:12px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#E2E8F0!important}
html body.fsdraw.a1-draw:not(.dk-desk) #selbar button.warn{color:#FCA5A5!important;border-color:rgba(248,113,113,.45)!important}
html body.fsdraw.a1-draw:not(.dk-desk) #selbar button[data-q="done"]{background:#FA5D19!important;border-color:#FA5D19!important;color:#fff!important}
html body.fsdraw.fsdraw.fsdraw.fsdraw.fsdraw:not(.dk-desk) #drawbox{border-radius:26px 26px 0 0!important;background:#fff!important;z-index:80!important;max-height:85vh!important}
.a2addsp{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;margin:0 0 14px;border:1px solid #E2E8F0;border-radius:14px;background:#fff;color:#FA5D19;font:700 16px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 10px rgba(15,23,42,.05)}
}

/* Beta 1.2b: undo row on top, sq ft tag below it; More only shows what works; code dot + bottom sheet; deck questions in app colors */
@media (max-width:999px){
html body.a1-draw:not(.dk-desk):not(.zz1) .cvwrap>.zoom,html body.a1-draw:not(.dk-desk):not(.zz1) .cvwrap>.zoom.undoz{top:calc(12px + env(safe-area-inset-top,0px))!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk):not(.zz1) .cvwrap>.zoom,html body.a1-draw:not(.fsdraw):not(.dk-desk):not(.zz1) .cvwrap>.zoom.undoz{top:12px!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk):not(.zz1) .board>.bar{top:64px!important;right:68px!important}
html body.fsdraw.fsdraw.fsdraw.fsdraw.fsdraw.a1-draw:not(.dk-desk) .board>.bar{top:calc(64px + env(safe-area-inset-top,0px))!important;right:68px!important}
html body.a1-draw:not(.dk-desk):not(.zz1) .board>.bar #moreBtn{margin-left:0!important}
html body.a1-draw:not(.dk-desk):not(.zz1) .cvwrap>.cvtip{top:calc(118px + env(safe-area-inset-top,0px))!important}
html body.a1-draw:not(.dk-desk):not(.zz1):not(.zz2) .board>.bar.more #codeBtn,html body.a1-draw:not(.dk-desk):not(.zz1):not(.zz2) .board>.bar.more #penBtn,html body.a1-draw:not(.dk-desk):not(.zz1):not(.zz2) .board>.bar.more #toBtn,html body.a1-draw:not(.dk-desk):not(.zz1):not(.zz2):not([data-a2ty="kitchen"]) .board>.bar.more #layerBtn{display:none!important}
/* code check sheet from the bottom */
html body:not(.dk-desk):not(.zz1):not(.zz2):not(.zz3) #cdPanel:not([hidden]){position:fixed!important;top:auto!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;max-width:none!important;max-height:82dvh!important;border-radius:26px 26px 0 0!important;border:0!important;z-index:95!important;display:flex!important;box-shadow:0 -12px 40px rgba(0,0,0,.35)!important;padding-bottom:env(safe-area-inset-bottom,0px);animation:a2up .22s ease-out}
html body:not(.dk-desk) #cdPanel .nphead::before{content:"";position:absolute;left:50%;top:8px;width:44px;height:5px;margin-left:-22px;border-radius:99px;background:#CBD5E1}
html body:not(.dk-desk) #cdPanel .nphead{position:relative;padding-top:24px!important}
html body:not(.dk-desk) #cdPanel .npbody{overflow-y:auto}
}
@keyframes a2up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){html body #cdPanel{animation:none!important}}
/* code check in the header: a dot only */
.a2code,.a2code.fix{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;justify-content:center;border:0;background:transparent;border-radius:50%}
.a2code svg,.a2code.fix svg{display:none}
.a2code span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.a2code::before{content:"";width:16px;height:16px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.22),0 0 12px rgba(34,197,94,.8)}
.a2code.fix::before{background:#EF4444;box-shadow:0 0 0 4px rgba(239,68,68,.24),0 0 12px rgba(239,68,68,.85)}
/* deck questions: light page, white cards, like Home */
html body #dwOv{background:#F1F5F9;color:#0F172A}
html body #dwOv .dwstep{color:#64748B;font:700 13px/1 "JetBrains Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em}
html body #dwOv .dwbar{background:#E2E8F0}
html body #dwOv .dwbar i{background:linear-gradient(90deg,#FA5D19,#E04808)}
html body #dwOv .frc{border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 2px 10px rgba(15,23,42,.05);color:#0F172A}
html body #dwOv .frc h2{color:#0F172A}
html body #dwOv .dws,html body #dwOv .dwo small{color:#64748B}
html body #dwOv .dwo{border:1px solid #E2E8F0;background:#fff;color:#0F172A;border-radius:14px}
html body #dwOv .dwo.on{border-color:#FA5D19;background:rgba(250,93,25,.08);box-shadow:0 0 0 1px #FA5D19 inset}
html body #dwOv .dwq button{border-color:#E2E8F0;color:#0F172A}
html body #dwOv .dwq button.on{background:rgba(250,93,25,.10);border-color:#FA5D19;color:#C2410C}
html body #dwOv .dwn{background:#F1F5F9;color:#0F172A}
html body #dwOv .dwn.warn{background:#FEF2F2;color:#B91C1C}
html body #dwOv .dwdraw{background:#091220;border-color:#091220;border-radius:14px}
html body #dwOv .frb{border-color:#E2E8F0;color:#0F172A;border-radius:14px}
html body #dwOv .frb.go{background:linear-gradient(135deg,#FA5D19,#E04808);border-color:#E04808;color:#fff;box-shadow:0 8px 20px rgba(250,93,25,.3)}
html body #dwOv #dwSkip{background:#fff;border:1px solid #E2E8F0;color:#0F172A}
@media (max-width:899px){html body #dwOv .dwnav{background:#F1F5F9;border-top-color:#E2E8F0}}

@media (max-width:999px){html body.a1-draw:not(.fsdraw):not(.dk-desk):not(.zz1) .board>.bar.more{flex-wrap:wrap!important;overflow:visible!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk):not(.zz1) .board>.bar.more>button:not(#moreBtn){height:40px!important;min-height:40px!important;border-radius:12px!important}}

.a2cddim{display:none}
@media (max-width:999px){html body:not(.dk-desk) .a2cddim:not([hidden]){display:block;position:fixed;inset:0;z-index:94;background:rgba(9,18,32,.55)}}

@media (max-width:999px){html body.a1-draw:not(.fsdraw):not(.dk-desk):not(.zz1):not(.zz2) .board>.bar.more>button:not(#moreBtn) svg{display:none!important}
html body.a1-draw:not(.fsdraw):not(.dk-desk):not(.zz1):not(.zz2) .board>.bar.more>button:not(#moreBtn){white-space:nowrap!important;flex-direction:row!important}}

/* Beta 1.3: tools sheet to the bottom edge, hammer centered with 3D beside it, Framing in the app look */
@media (max-width:999px){
html body:not(.dk-desk):not(.is-home):not(.is-qv):not(.zz1):not(.zz2) #drawbox{bottom:0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}
html body.a1-draw:not(.dk-desk) .a2ham{right:auto;left:calc(50% - 32px)}
html body.a1-draw:not(.dk-desk)[data-a2ty="deck"] .a2ham{left:calc(50% - 72px)}
html body.a1-draw:not(.dk-desk)[data-a2ty="deck"] .a2ham.a2d3{left:calc(50% + 8px)}
html body.a1-draw:not(.dk-desk) .a2ham.a2d3{display:none;background:rgba(15,27,45,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);color:#fff;font:800 20px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 10px 26px rgba(0,0,0,.45)}
html body.a1-draw:not(.dk-desk)[data-a2ty="deck"] .a2ham.a2d3{display:grid}
html body.a1-draw:not(.dk-desk)[data-a2pl="1"] .a2ham{display:none!important}
html body.a1-draw:not(.dk-desk) #selbar:not([hidden]){bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
}
html body #frOv{background:#F1F5F9;color:#0F172A}
html body #frOv .frbar{background:#091220;border-bottom:1px solid rgba(255,255,255,.08);min-height:64px;padding-top:8px;padding-bottom:8px}
html body #frOv .frbar .frb{min-height:44px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#E2E8F0;font:600 15px/1 Inter,system-ui,sans-serif}
html body #frOv .frbar .frb.go{background:linear-gradient(135deg,#FA5D19,#E04808);border-color:#E04808;color:#fff;font-weight:700}
html body #frOv .frc{border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 2px 10px rgba(15,23,42,.05);color:#0F172A}
html body #frOv .frc h3{color:#0F172A}
html body #frOv .frc p.n{color:#64748B}
html body #frOv .frview{gap:0;flex-wrap:nowrap;background:#F1F5F9;border-radius:12px;padding:4px;overflow-x:auto;scrollbar-width:none}
html body #frOv .frview button{flex:1 1 auto;min-height:44px;padding:0 8px;white-space:nowrap;border:0;border-radius:9px;background:transparent;color:#64748B;font:600 15px/1 Inter,system-ui,sans-serif}
html body #frOv .frview button.on{background:#fff;color:#0F172A;box-shadow:0 1px 4px rgba(15,23,42,.14),0 0 0 1px #E2E8F0;font-weight:700}
html body #frOv .frdraw{border-color:#E2E8F0;border-radius:14px}
html body #frOv .frdraw.fr3d{background:#091220;border-color:#091220;background-image:linear-gradient(rgba(56,189,248,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.10) 1px,transparent 1px);background-size:24px 24px}
html body #frOv .frb{border-color:#E2E8F0;color:#0F172A}
html body #frOv .frb.go{background:linear-gradient(135deg,#FA5D19,#E04808);border-color:#E04808;color:#fff}
html body #frOv select,html body #frOv .frname,html body #frOv .frfi input,html body #frOv .frstep button{border-color:#E2E8F0;color:#0F172A}
html body #frOv .frseg{border-color:#E2E8F0}
html body #frOv .frseg button.on{background:#FA5D19;color:#fff}
html body #frOv .frfab{background:linear-gradient(135deg,#FA5D19,#E04808);box-shadow:0 10px 26px rgba(250,93,25,.45);width:64px;height:64px}
.a2fr3d{display:none}
@media (max-width:999px){
html body #frOv .frfab{right:auto;left:calc(50% - 72px)}
html body #frOv .a2fr3d{display:grid;place-items:center;position:fixed;z-index:8;left:calc(50% + 8px);bottom:calc(18px + env(safe-area-inset-bottom,0px));width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#0F1B2D;color:#fff;font:800 20px/1 Inter,system-ui,sans-serif;box-shadow:0 10px 26px rgba(0,0,0,.35);cursor:pointer;padding:0}
html body #frOv .a2fr3d.on{background:#FA5D19;border-color:#FA5D19}
html body #frOv .frdial{right:auto;left:16px;justify-items:start}
html body #frOv .frdial button{flex-direction:row-reverse}
html body #frOv .frwrap{padding-bottom:110px}
}

/* Beta 1.4: Framing walls as chips, wall settings in a bottom sheet */
#frOv .frwchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px;margin:0 -4px;padding-left:4px;padding-right:4px}
#frOv .frwchips button{flex:none;min-height:48px;padding:0 16px;border-radius:12px;border:1px solid #E2E8F0;background:#F1F5F9;color:#0F172A;font:600 16px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;max-width:60vw;overflow:hidden;text-overflow:ellipsis}
#frOv .frwchips button.on{background:rgba(250,93,25,.10);border-color:#FA5D19;color:#C2410C;font-weight:700;box-shadow:0 0 0 1px #FA5D19 inset}
#frOv .frwchips button.add{background:#fff;border-style:dashed;border-color:#FA5D19;color:#FA5D19;font-weight:700}
#frOv .frrow{border-color:#E2E8F0;border-radius:14px;color:#0F172A;margin-top:0}
#frOv .frrow+.frrow{margin-top:8px}
#frOv .frrow em{font:700 14px/1 Inter,system-ui,sans-serif;font-style:normal;color:#FA5D19}
#frOv .frrt small{color:#64748B}
#frOv .frgl{margin:18px 0 2px;font:700 12px/1 "JetBrains Mono",ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#64748B}
#frOv .frgl:first-child{margin-top:10px}
#frOv .frr{border-top-color:#F1F5F9}
#frOv .frgl+.frr{border-top:0}
#frOv .frwact{gap:10px}
#frOv .frwact .frb{flex:1}
#frOv .frsheet{border-radius:26px 26px 0 0;color:#0F172A}
#frOv .frsheet .frshh{position:relative;padding-top:22px;border-bottom-color:#F1F5F9}
#frOv .frsheet .frshh::before{content:"";position:absolute;left:50%;top:8px;width:44px;height:5px;margin-left:-22px;border-radius:99px;background:#CBD5E1}
#frOv .frwsheet{max-height:62vh}
#frOv.fr-wopen .frfab,#frOv.fr-wopen .a2fr3d,#frOv.fr-wopen .frdial,#frOv:has(#frSheet:not([hidden])) .a2fr3d{display:none!important}
@media (min-width:1000px){#frOv .frsheet{border-radius:22px}#frOv .frsheet .frshh::before{display:none}#frOv .frsheet .frshh{padding-top:12px}}

/* Beta 1.5: Framing is a full-screen drawing on phones; the hammer opens the menus from the bottom */
#frOv .frfab .frham{display:none}
#frOv .frtools,#frOv .frdim{display:none}
html body #frOv.fr-ph{background:#091220;overflow:hidden;display:flex;flex-direction:column}
html body #frOv.fr-ph[hidden]{display:none!important}
#frOv.fr-ph .frbar{flex:none}
#frOv.fr-ph .frwrap{flex:1;min-height:0;display:block;padding:0;max-width:none;margin:0;width:100%}
#frOv.fr-ph .frmain{display:block;height:100%}
html body #frOv.fr-ph .frc.frstage{position:relative;height:100%;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none;margin:0;padding:12px 12px calc(108px + env(safe-area-inset-bottom,0px));color:#E2E8F0;background:#091220;background-image:linear-gradient(rgba(56,189,248,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.10) 1px,transparent 1px);background-size:24px 24px}
html body #frOv.fr-ph .frstage .frview{flex:none;margin:0 0 6px;background:rgba(15,27,45,.9);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html body #frOv.fr-ph .frstage .frview button{color:#94A3B8}
html body #frOv.fr-ph .frstage .frview button.on{background:rgba(255,255,255,.14);color:#fff;box-shadow:none}
#frOv.fr-ph .frstage .frwarn{order:1;flex:none;font-size:14px;line-height:1.35;margin:0 0 6px;padding:8px 12px}
#frOv.fr-ph .frstage .frdraw{order:2;flex:1;min-height:0;background:transparent!important;border:0!important;padding:0;border-radius:0;display:flex;align-items:center;justify-content:center}
#frOv.fr-ph .frstage .frdraw svg{width:100%;height:100%;max-height:none}
#frOv.fr-ph .frstage .frdraw:not(.fr3d) svg{filter:invert(1) hue-rotate(180deg)}
html body #frOv.fr-ph .frstage p.n{order:1;flex:none;margin:0 0 4px!important;text-align:center;font:500 12px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace;color:#7C8DA6}
html body #frOv.fr-ph .frstage p.n.frcap{position:absolute;left:0;right:0;bottom:calc(8px + env(safe-area-inset-bottom,0px));margin:0!important;font-size:11px;color:#64748B}
html body #frOv.fr-ph .frfab,html body #frOv.fr-ph .a2fr3d{bottom:calc(32px + env(safe-area-inset-bottom,0px))}
#frOv.fr-ph .frfab .frplus{display:none}
#frOv.fr-ph .frfab .frham{display:block;width:30px;height:30px;stroke-width:2;stroke-linejoin:round}
#frOv.fr-ph .frdial{display:none!important}
#frOv.fr-ph.fr-tools .frfab,#frOv.fr-ph.fr-tools .a2fr3d{display:none!important}
#frOv.fr-ph .frdim{display:block;position:fixed;inset:0;z-index:9;background:rgba(2,6,23,.5)}
#frOv.fr-ph .frtools{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:10;max-height:74vh;background:#F1F5F9;color:#0F172A;border-radius:26px 26px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.45);padding-bottom:env(safe-area-inset-bottom,0px);animation:frup .28s ease both}
#frOv.fr-ph .frtools[hidden],#frOv.fr-ph .frdim[hidden]{display:none!important}
#frOv .frth{position:relative;flex:none;display:flex;gap:10px;align-items:center;padding:22px 12px 10px}
#frOv .frth::before{content:"";position:absolute;left:50%;top:8px;width:44px;height:5px;margin-left:-22px;border-radius:99px;background:#CBD5E1}
#frOv .frtt{flex:1;min-width:0;display:flex;background:#E2E8F0;border-radius:12px;padding:4px}
#frOv .frtt button{flex:1;min-height:48px;border:0;border-radius:9px;background:transparent;color:#64748B;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
#frOv .frtt button.on{background:#fff;color:#0F172A;font-weight:700;box-shadow:0 1px 4px rgba(15,23,42,.14)}
#frOv .frth .frb{min-height:48px}
#frOv .frtb{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:2px 12px 20px}
#frOv.fr-ph .frside,#frOv.fr-ph #frLists{display:grid;gap:12px;min-width:0}
#frOv.fr-ph[data-tt="build"] #frLists{display:none}
#frOv.fr-ph[data-tt="cut"] .frside{display:none}
#frOv .frtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#frOv .frtiles button{min-height:88px;display:grid;justify-items:center;align-content:center;gap:6px;padding:10px 4px;border:1px solid #E2E8F0;border-radius:14px;background:#fff;color:#0F172A;font:600 14px/1.15 Inter,system-ui,sans-serif;cursor:pointer}
#frOv .frtiles button:active{background:rgba(250,93,25,.08);border-color:#FA5D19}
#frOv .frtiles .fric{width:40px;height:40px}
@media (prefers-reduced-motion:reduce){#frOv.fr-ph .frtools{animation:none}}

/* Beta 1.6: the deck builder is a full-screen drawing on phones too; the hammer opens the menus from the bottom */
#dkOv .frfab .frham{display:none}
#dkOv .frtools,#dkOv .frdim{display:none}
html body #dkOv.dk-ph{background:#091220;overflow:hidden;display:flex;flex-direction:column}
html body #dkOv.dk-ph[hidden]{display:none!important}
#dkOv.dk-ph .frbar{flex:none}
#dkOv.dk-ph .frwrap{flex:1;min-height:0;display:block;padding:0;max-width:none;margin:0;width:100%}
#dkOv.dk-ph .frmain{display:block;height:100%}
html body #dkOv.dk-ph .frc.dkstage{position:relative;height:100%;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none;margin:0;padding:12px 12px calc(108px + env(safe-area-inset-bottom,0px));color:#E2E8F0;background:#091220;background-image:linear-gradient(rgba(56,189,248,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.10) 1px,transparent 1px);background-size:24px 24px}
html body #dkOv.dk-ph .dkstage .frview{flex:none;margin:0 0 6px;background:rgba(15,27,45,.9);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html body #dkOv.dk-ph .dkstage .frview button{color:#94A3B8}
html body #dkOv.dk-ph .dkstage .frview button.on{background:rgba(255,255,255,.14);color:#fff;box-shadow:none}
#dkOv.dk-ph .dkstage .frwarn{order:1;flex:none;font-size:14px;line-height:1.35;margin:0 0 6px;padding:8px 12px}
#dkOv.dk-ph .dkstage .frdraw{order:2;flex:1;min-height:0;background:transparent!important;border:0!important;padding:0;border-radius:0;display:flex;align-items:center;justify-content:center}
#dkOv.dk-ph .dkstage .frdraw svg{width:100%;height:100%;max-height:none}
#dkOv.dk-ph .dkstage .dkplan svg{filter:invert(1) hue-rotate(180deg)}
html body #dkOv.dk-ph .dkstage p.n{order:1;flex:none;margin:0 0 4px!important;text-align:center;font:500 12px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace;color:#7C8DA6}
html body #dkOv.dk-ph .dkstage p.n.dkstat{position:absolute;left:0;right:0;bottom:calc(8px + env(safe-area-inset-bottom,0px));margin:0!important;font-size:11px;color:#64748B}
html body #dkOv.dk-ph .frfab,html body #dkOv.dk-ph .a2fr3d{bottom:calc(32px + env(safe-area-inset-bottom,0px))}
#dkOv.dk-ph .frfab .frplus{display:none}
#dkOv.dk-ph .frfab .frham{display:block;width:30px;height:30px;stroke-width:2;stroke-linejoin:round}
#dkOv.dk-ph .frdial{display:none!important}
#dkOv.dk-ph.dk-tools .frfab,#dkOv.dk-ph.dk-tools .a2fr3d{display:none!important}
#dkOv.dk-ph .frdim{display:block;position:fixed;inset:0;z-index:9;background:rgba(2,6,23,.5)}
#dkOv.dk-ph .frtools{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:10;max-height:74vh;background:#F1F5F9;color:#0F172A;border-radius:26px 26px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.45);padding-bottom:env(safe-area-inset-bottom,0px);animation:frup .28s ease both}
#dkOv.dk-ph .frtools[hidden],#dkOv.dk-ph .frdim[hidden]{display:none!important}
#dkOv .frth{position:relative;flex:none;display:flex;gap:10px;align-items:center;padding:22px 12px 10px}
#dkOv .frth::before{content:"";position:absolute;left:50%;top:8px;width:44px;height:5px;margin-left:-22px;border-radius:99px;background:#CBD5E1}
#dkOv .frtt{flex:1;min-width:0;display:flex;background:#E2E8F0;border-radius:12px;padding:4px}
#dkOv .frtt button{flex:1;min-height:48px;border:0;border-radius:9px;background:transparent;color:#64748B;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
#dkOv .frtt button.on{background:#fff;color:#0F172A;font-weight:700;box-shadow:0 1px 4px rgba(15,23,42,.14)}
#dkOv .frth .frb{min-height:48px}
#dkOv .frtb{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:2px 12px 20px}
#dkOv.dk-ph .frside,#dkOv.dk-ph #dkLists{display:grid;gap:12px;min-width:0}
#dkOv.dk-ph[data-tt="build"] #dkLists{display:none}
#dkOv.dk-ph[data-tt="cut"] .frside{display:none}
#dkOv .frtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#dkOv .frtiles button{min-height:88px;display:grid;justify-items:center;align-content:center;gap:6px;padding:10px 4px;border:1px solid #E2E8F0;border-radius:14px;background:#fff;color:#0F172A;font:600 14px/1.15 Inter,system-ui,sans-serif;cursor:pointer}
#dkOv .frtiles button:active{background:rgba(250,93,25,.08);border-color:#FA5D19}
#dkOv .frtiles .fric{width:40px;height:40px}
@media (prefers-reduced-motion:reduce){#dkOv.dk-ph .frtools{animation:none}}

@media (max-width:999px){
html body #dkOv .frfab{background:linear-gradient(135deg,#FA5D19,#E04808);box-shadow:0 10px 26px rgba(250,93,25,.45);width:64px;height:64px;right:auto;left:calc(50% - 72px)}
html body #dkOv .a2fr3d{display:grid;place-items:center;position:fixed;z-index:8;left:calc(50% + 8px);width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#0F1B2D;color:#fff;font:800 20px/1 Inter,system-ui,sans-serif;box-shadow:0 10px 26px rgba(0,0,0,.35);cursor:pointer;padding:0}
#dkOv.dk-ph .dkgear,#dkOv.dk-ph.shon .a2fr3d,#dkOv.dk-ph.shon .dkstat,#dkOv.dk-ph.shon .dktip{display:none!important}
html body #dkOv.dk-ph .frview{display:flex;border-radius:14px;padding:4px;gap:4px}
html body #dkOv.dk-ph .frview button{flex:1;border:0;background:transparent;border-radius:10px;font-weight:700}
#dkOv.dk-ph #dkSlot{order:2;flex:1;min-height:0;display:flex;flex-direction:column}
html body #dkOv.dk-ph .dk3d{flex:1;height:auto!important;min-height:0;background:transparent;border:0;border-radius:0}
#dkOv.dk-ph .dk3d p{color:#94A3B8}
#dkOv.dk-ph .dkplan{flex:1}
html body #dkOv.dk-ph .dkstat{order:1;flex:none;display:block;margin:2px 0 0;padding:0 8px;text-align:center;font:500 12px/1.4 "JetBrains Mono",ui-monospace,Menlo,monospace;color:#7C8DA6}
#dkOv.dk-ph .dkplan svg{mix-blend-mode:screen}
html body #dkOv.dk-ph .dkstat b,html body #dkOv.dk-ph .dkstat span{all:unset}
#dkOv.dk-ph .dkstat span::before{content:"\00A0\00B7\00A0"}
html body #dkOv.dk-ph.shon .frc.dkstage{padding-bottom:56vh}
#dkOv.dk-ph #dkSheet{z-index:11}
#dkOv.dk-ph[data-tt="deck"] #dkLists{display:none}
#dkOv.dk-ph[data-tt="lists"] .frside{display:none}
}

/* Beta 1.5: the grid note sits at the very bottom of every drawing; the hammer sits just above it */
html body.a1-draw:not(.fsdraw):not(.dk-desk) .cvwrap>.scale,html body.a1-draw:not(.dk-desk) .cvwrap>.scale{left:0!important;right:0!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;justify-content:center;padding:0!important;font-size:11px!important}
html body.a1-draw:not(.dk-desk) .a2ham{bottom:calc(34px + env(safe-area-inset-bottom,0px))}

/* Beta 1.6: Plans button on Home, room picker, plan set viewer */
.a2stat.a2plans{appearance:none;text-align:left;cursor:pointer;font:inherit;min-height:56px;background:linear-gradient(135deg,#FA5D19,#E04808);border-color:#E04808;color:#fff;box-shadow:0 8px 20px rgba(250,93,25,.3)}
.a2stat.a2plans .l{color:#fff;font-size:15px;font-weight:800;letter-spacing:.1em}
.a2stat.a2plans .v{color:#fff;font-size:15px;font-weight:600;letter-spacing:0;line-height:1.25}
#plOv{position:fixed;inset:0;z-index:9995;font-size:18px}
#plOv[hidden],#plView[hidden]{display:none!important}
#plOv *{box-sizing:border-box}
#plOv .pldim{position:absolute;inset:0;background:rgba(2,6,23,.55)}
#plOv .plsh{position:absolute;left:0;right:0;bottom:0;max-height:86vh;display:flex;flex-direction:column;background:#F1F5F9;color:#0F172A;border-radius:26px 26px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.45);padding-bottom:env(safe-area-inset-bottom,0px);animation:frup .28s ease both}
@media (min-width:1000px){#plOv .plsh{left:50%;right:auto;width:560px;margin-left:-280px;bottom:5vh;border-radius:26px}}
#plOv .plh{flex:none;display:flex;align-items:center;gap:10px;padding:18px 14px 8px}
#plOv .plh h3{flex:1;margin:0;font:800 22px/1.2 Inter,system-ui,sans-serif;min-width:0}
#plOv .plx{flex:none;min-height:48px;padding:0 16px;border-radius:12px;border:1px solid #CBD5E1;background:#fff;color:#0F172A;font:700 16px/1 Inter,system-ui,sans-serif;cursor:pointer}
#plOv .plb{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:4px 14px 16px;display:grid;gap:10px;align-content:start}
#plOv .pln{margin:0 2px 2px;color:#475569;font-size:16px}
#plOv .plempty{margin:0;padding:18px;background:#fff;border-radius:14px;color:#475569}
#plOv button{font-family:Inter,system-ui,sans-serif}
#plOv .plrow,#plOv .pljh,#plOv .plck{width:100%;min-height:64px;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #E2E8F0;border-radius:14px;background:#fff;color:#0F172A;text-align:left;cursor:pointer;font-size:18px}
#plOv .plrow.big{min-height:84px}
#plOv .plt{flex:1;min-width:0;display:grid;gap:2px}
#plOv .plt b{font-weight:800;overflow-wrap:anywhere}
#plOv .plt small{font-size:15px;color:#64748B;font-weight:500}
#plOv .plic{flex:none;width:48px;height:48px;border-radius:12px;background:#FFF3EC;display:grid;place-items:center}
#plOv svg{width:26px;height:26px;fill:none;stroke:#FA5D19;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#plOv .plrow>i,#plOv .pljh>i{flex:none;width:10px;height:10px;border-right:2.500px solid #94A3B8;border-bottom:2.500px solid #94A3B8;transform:rotate(-45deg);margin-right:4px}
#plOv .pljh>i{transform:rotate(45deg)}
#plOv .pljob.op .pljh>i{transform:rotate(-135deg)}
#plOv .pljob{display:grid;gap:8px}
#plOv .pljob.op{padding:8px;border-radius:18px;background:#E2E8F0}
#plOv .plbox{flex:none;width:32px;height:32px;border-radius:9px;border:2px solid #94A3B8;background:#fff;display:grid;place-items:center}
#plOv .plbox svg{stroke:#fff;stroke-width:3;width:22px;height:22px}
#plOv .plck.on{border-color:#FA5D19;background:#FFF3EC}
#plOv .plck.on .plbox{background:#FA5D19;border-color:#FA5D19}
#plOv .plf{flex:none;padding:10px 14px 14px;background:#F1F5F9;border-top:1px solid #E2E8F0}
#plOv .plgo{width:100%;min-height:60px;border:0;border-radius:14px;background:#FA5D19;color:#fff;font:800 18px/1 Inter,system-ui,sans-serif;cursor:pointer}
#plOv .plgo.off{background:#CBD5E1;color:#475569}
#plView{position:fixed;inset:0;z-index:9996;display:flex;flex-direction:column;background:#d9dbe0}
#plView .v2bar{flex:none;display:flex;align-items:center;gap:8px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top,0px));background:#0B0D10;color:#fff}
#plView .v2bar .t{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#plView .v2bar .sp{flex:1}
#plView .v2b{appearance:none;border:0;min-height:48px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
#plView .v2b.go{background:#F37021;color:#111}
#plView .v2b:disabled{opacity:.6}
#plView .plpages{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px 0 30px;display:grid;gap:14px;align-content:start}
#plView .plpg p{margin:0 14px 4px;font:600 14px/1.3 Inter,system-ui,sans-serif;color:#334155}
#plView .plpg iframe{display:block;width:100%;height:min(74vh,calc(100vw * .68));min-height:300px;border:0;background:#d9dbe0}
@media (max-width:699px){#plView .plpg iframe{height:62vh}}
@media (prefers-reduced-motion:reduce){#plOv .plsh{animation:none}}