:root{--bg:#101411;--panel:#191e1a;--panel2:#202722;--text:#eff3ed;--muted:#9ba99e;--line:#333d35;--accent:#b7f56b;--ink:#12200c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Arial,Helvetica,sans-serif}body.light{--bg:#f4f6ef;--panel:#fff;--panel2:#e9eee3;--text:#18251b;--muted:#57675b;--line:#d2dbce}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a.button,.import{cursor:pointer}button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:6px;padding:8px 12px}button:hover{border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.button{display:inline-block;border:0;background:var(--accent);color:var(--ink);font-weight:700;padding:15px 22px;border-radius:6px}.small{padding:10px 15px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:1px}.brand>span{background:var(--accent);color:var(--ink);padding:2px 9px;font-size:23px}.thin{font-weight:400;color:var(--muted)}header{max-width:1360px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;gap:28px;font-size:13px}main{max-width:1360px;margin:auto}section{padding:65px 5%}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding-top:75px;padding-bottom:85px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:bold}h1{font-size:clamp(48px,5.6vw,78px);letter-spacing:-4px;line-height:1.04;margin:23px 0}h1 span{color:var(--accent)}p{color:var(--muted)}.hero p{max-width:490px;font-size:17px}.actions{display:flex;gap:18px;align-items:center;margin-top:28px}.textlink{font-size:13px}.micro{font-size:11px;color:var(--muted);margin-top:25px}.micro span{padding:0 8px}.hero-art{border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at center,#253426,#161d18);transform:rotate(-2deg);padding:22px}.art-top,.art-bottom{display:flex;align-items:center;justify-content:space-between;letter-spacing:1px;font-size:11px;color:#c6d2c6}.art-top span{color:var(--accent)}.hero-art svg{width:100%}.art-bottom small{color:#819181}.live-dot{height:7px;width:7px;border-radius:50%;background:var(--accent)}h2{font-size:clamp(27px,3.1vw,42px);letter-spacing:-1.4px;line-height:1.15;margin:15px 0 35px}h3{font-size:20px;line-height:1.35;margin:12px 0}.intro{border-top:1px solid var(--line)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.three article{border-top:1px solid var(--line);padding-top:22px}.three em{font-style:normal;color:var(--accent);font-size:12px}.three p{font-size:14px;max-width:300px}.sectionhead{display:flex;align-items:center;justify-content:space-between}.tag{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:7px 14px;color:var(--muted)}.planner{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workspace{display:grid;grid-template-columns:310px 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg)}aside{padding:24px;border-right:1px solid var(--line)}.steps{display:flex;gap:5px;margin-bottom:25px}.steps button{padding:5px 10px;font-size:12px}.active{background:var(--accent)!important;color:var(--ink)!important}.field{display:block;margin:13px 0;font-size:12px;color:var(--muted)}input:not([type=checkbox]):not([type=file]),select{width:100%;padding:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:5px;margin-top:5px}input[type=checkbox]{accent-color:var(--accent)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks label{display:block;padding:6px 0;font-size:13px}.goalrow{display:flex;align-items:center;gap:6px}.goalrow label{flex:1}.goalrow select{width:55px;padding:4px;margin:0}.save-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.save-tools button,.import{font-size:11px;padding:6px 9px}.import{border:1px solid var(--line);border-radius:5px}.import input{display:none}.fine{font-size:11px}.plan-area{padding:22px;min-width:0}.plan-top{display:flex;justify-content:space-between;gap:12px}.plan-top small{display:block;color:var(--muted);font-size:11px}.tools{display:flex;align-items:center;gap:7px;font-size:11px}.tools button{font-size:11px;padding:6px}.canvas{height:385px;position:relative;margin:20px 0;background:var(--panel);border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center}.canvas svg{width:100%;height:100%;touch-action:none}.empty{position:absolute;text-align:center;color:var(--muted)}.empty small{font-size:11px}.legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.legend i{width:12px;height:12px;background:#b7f56b55;border:1px solid var(--accent)}.legend .dashed{background:none;border-style:dashed}.legend span{margin-left:auto}.variant-tabs{display:flex;gap:8px;margin:23px 0 15px}.variant-tabs button{flex:1;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics div{background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:5px}.metrics small{display:block;color:var(--muted);font-size:10px}.metrics strong{font-size:21px}.list{margin-top:17px}.item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.item>div{flex:1}.item b{font-size:12px}.item small{display:block;color:var(--muted);font-size:10px}.item button{font-size:11px;padding:3px 7px}#warnings{color:#edc98a;font-size:12px}#results>p{font-size:11px}.examples .three button{text-align:left;padding:25px;min-height:205px;background:var(--panel)}.examples span{font-size:10px;color:var(--muted);letter-spacing:1px}.examples strong{font-size:13px;color:var(--accent);display:block;margin-top:25px}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:bold}details p{max-width:850px;font-size:14px}footer{max-width:1360px;margin:auto;padding:35px 5%;border-top:1px solid var(--line);display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--muted)}footer p{margin-right:auto}footer button{background:none;border:0;padding:0;font-size:11px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;max-width:600px;padding:30px}dialog::backdrop{background:#000a}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--ink);padding:10px 20px;border-radius:6px;display:none;font-size:13px}.selected rect:first-child{stroke:#fff;stroke-width:.03} @media(max-width:950px){nav{display:none}.hero{gap:20px}.workspace{grid-template-columns:270px 1fr}.plan-top{flex-direction:column}.canvas{height:330px}h1{letter-spacing:-2px}}@media(max-width:700px){header{padding:18px 5%}.brand{font-size:11px}.thin{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{max-width:450px}.hero p{font-size:15px}.three{grid-template-columns:1fr;gap:20px}section{padding:45px 5%}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}.sectionhead{align-items:flex-start;gap:8px}.tag{white-space:nowrap;font-size:9px}.plan-area{padding:15px}.canvas{height:360px}.metrics strong{font-size:17px}.actions{gap:10px}.button{font-size:12px;padding:12px 16px}.micro{font-size:9px}.legend span{margin-left:0}footer{gap:15px}}@media print{header,.hero,.intro,aside,.examples,#faq,footer,.tools,.variant-tabs,.save-tools,.actions,#toast{display:none!important}body{--bg:white;--panel:white;--text:black;--muted:#444;--line:#bbb;background:white}.planner{padding:0;border:0}.workspace{display:block;border:0}.canvas{height:350px}.sectionhead h2{font-size:24px}.item button{display:none}.plan-area{padding:0}}
/* Independent performance identity */
.hero{min-height:calc(100vh - 95px);position:relative;overflow:hidden;grid-template-columns:1.15fr .85fr;background:radial-gradient(ellipse at 88% 36%,#75a34813,transparent 55%)}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-style:italic;font-size:clamp(54px,6.8vw,96px);letter-spacing:-2px;line-height:.96}h1 span{display:inline-block;transform:translateX(14px)}.hero-art{border-radius:2px;transform:rotate(-7deg);box-shadow:15px 20px 0 #b7f56b0b;position:relative}.art-index{font-size:52px;line-height:1;font-weight:900;font-style:italic;color:#b7f56b18;position:absolute;top:48px;left:18px}.hero-art svg{position:relative;filter:drop-shadow(0 0 15px #b7f56b15)}.button{clip-path:polygon(0 0,100% 0,100% 75%,94% 100%,0 100%);border-radius:0;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #b7f56b22}.eyebrow:before{content:'// ';color:var(--muted)}.three button{transition:transform .3s}.three button:hover{transform:translateY(-8px)}.ticker{padding:14px 0;background:var(--accent);color:var(--ink);overflow:hidden;transform:rotate(-1deg);margin:20px 0;font-size:34px;font-weight:900;font-style:italic;white-space:nowrap}.ticker div{animation:marquee 25s linear infinite;width:max-content}@keyframes marquee{to{transform:translateX(-35%)}}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.plan-controls{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.plan-controls button{font-size:10px}.plan-controls span{font-size:11px;color:var(--accent)}#settings{width:430px}#settings h2{margin-bottom:20px}#mobile-settings{display:none}.compact section{padding-top:32px;padding-bottom:32px}.compact .item{padding:7px 0}.no-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .reveal{opacity:1;transform:none}.checks label{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:8px 10px;margin:3px 0}.checks label:has(input:checked){border-color:var(--accent);background:var(--panel2)}.goalrow select{margin-left:6px}#fields{animation:step-in .25s ease}@keyframes step-in{from{opacity:.5;transform:translateX(8px)}}.hero-art{animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:rotate(-5deg) translateY(-8px)}}input[type=range]{accent-color:var(--accent);width:100%}.compare-table{overflow:auto;margin-top:20px}.compare-table table{width:100%;border-collapse:collapse;font-size:11px}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.compare-table th{color:var(--muted)}@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:auto}h1{font-size:14vw}.hero-art{margin:25px 10px}#mobile-settings{display:block}.hero h1 span{transform:translateX(5px)}.ticker{font-size:25px}header>.small{font-size:10px}.brand{letter-spacing:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media print{.ticker,.plan-controls{display:none!important}.reveal{opacity:1;transform:none}.hero-art{animation:none}}
/* Functional audit fixes: readable SVG, accessible controls and tablet settings. */
[hidden]{display:none!important}button:disabled{opacity:.45;cursor:default;transform:none!important}#form-error{font-size:12px;color:#eab589}#form-error:empty{display:none}.item-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.item>div:first-child{min-width:0;overflow-wrap:anywhere}.item>.item-actions{flex:0 1 auto;max-width:160px}.room-border{stroke:var(--muted)}.grid-line{stroke:var(--muted)}.room-label{fill:var(--text)}.device-body{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke:var(--accent)}.use-zone{stroke:var(--accent);opacity:.8}.device-label{fill:var(--text)}.obstacle{fill:#edaa7533;stroke:#bd7944}.collision .device-body{fill:#e58e6555;stroke:#e58e65}.collision .use-zone{stroke:#e58e65}.device.selected .device-body{stroke:var(--text);stroke-width:.03}.device:focus .device-body{stroke:var(--text);stroke-width:.03}.measure-line{stroke:var(--accent)}.measure-point{fill:var(--accent)}.empty{pointer-events:none}.device{cursor:grab}.device:active{cursor:grabbing}.light .eyebrow,.light .examples strong{color:#34531d}.light .tag{color:#405044}.light #warnings,.light #form-error{color:#81421c}dialog{max-height:90dvh;overflow:auto;width:min(90vw,600px)}.save-tools .import{position:relative}.import input{display:block!important;position:absolute;opacity:0;width:100%;height:100%;left:0;top:0;cursor:pointer}.import:focus-within{outline:2px solid var(--accent);outline-offset:2px}.planning-note{padding:12px;border:1px solid var(--line)}.steps button{min-height:36px}.tools{flex-wrap:wrap}.tools button,.plan-controls button,.item button{min-height:36px}.hero-art{overflow:hidden}.compare-table caption{text-align:left;margin-bottom:8px}#room{overflow:visible}#measurement{overflow-wrap:anywhere}@media(max-width:950px){#mobile-settings{display:block}}@media(max-width:700px){.item{flex-wrap:wrap}.item>div:first-child{flex:1 1 55%}.item>.item-actions{max-width:none;margin-left:auto}.sectionhead{flex-wrap:wrap}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics div{padding:8px}.metrics strong{font-size:clamp(12px,4vw,17px)}header{gap:8px}.brand>span{padding:2px 5px}.plan-controls button{min-width:36px}.save-tools button,.import{min-height:36px}.hero h1{font-size:13.5vw}}
@media print{body{--accent:#355d12;--text:#111;--muted:#444;--panel:#fff}.canvas{overflow:visible;break-inside:avoid}.device-label,.room-label{fill:#111}.device-body{fill:#e4efd9;stroke:#365d14}.use-zone{stroke:#365d14}.item-actions,#addproduct,#addproduct-container,.planning-note,#form-error,#mobile-settings{display:none!important}.field:has(#addproduct){display:none!important}.item,.metrics,.compare-table tr{break-inside:avoid}.hero-art{display:none!important}}