@import url('/home.css');body{height:100svh;overflow:hidden}header{height:76px;position:relative;padding:0 24px;background:linear-gradient(100deg,#0a121b,#20353c66,#0b131d)}header nav{gap:12px}.brand{font-size:12px}.brand small{letter-spacing:2px}button,.button{border:1px solid #bbdad92e;border-radius:5px;background:linear-gradient(135deg,#ffffff12,#ffffff04);color:#e0eceb;padding:11px 13px;font:inherit;font-size:11px;cursor:pointer;text-align:center}button:hover,.button:hover{background:#a9e9e425;border-color:#a9e9e477}button.active{background:#a9e9e4;color:#10262a}.button{display:inline-block}.wide{width:100%;margin:12px 0}main{height:calc(100svh - 76px);display:grid;grid-template-columns:minmax(0,1fr) 385px}.workspace{position:relative;min-width:0;background:radial-gradient(ellipse,#dae0d7,#a3b3b3);display:flex;flex-direction:column}.tools{padding:12px;display:flex;justify-content:space-between;gap:8px;background:#09141ee8;z-index:2}.tools>div{display:flex;gap:5px}#view,#plan{flex:1;min-height:200px;position:relative;overflow:hidden}#view canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:40% 10%;text-align:center;color:#203439}#plan{background:#10212b;touch-action:none}#plan svg{width:100%;height:100%;display:block;user-select:none}#plan [data-module]{cursor:grab}.workspace-bottom{padding:13px 18px;background:#09141ef0;color:#afc3c8;display:flex;justify-content:space-between;gap:10px;font-size:10px}#warnings{max-height:108px;overflow:auto;background:#312914;color:#f8d797;font-size:11px;padding:0 18px}#warnings p{margin:10px 0}#warnings:empty{display:none}aside{overflow-y:auto;background:linear-gradient(150deg,#15232b,#0b141c 70%);border-left:1px solid #d0e9e826;padding:22px}.intro h1{font-size:28px;letter-spacing:-1px;margin:10px 0}.intro p:not(.eyebrow){font-size:12px;color:#adc0c6;line-height:1.65}.eyebrow{font-size:9px}.tabs{display:flex;gap:4px;position:sticky;top:-22px;background:#0d1922;padding:12px 0;z-index:5}.tabs button{flex:1;padding:12px 5px}.pane>p{font-size:12px;line-height:1.7;color:var(--muted)}details{border-bottom:1px solid #ffffff1c;padding:16px 0}summary{font-size:12px;color:#d3e1de;cursor:pointer;margin-bottom:16px}label{font-size:10px;color:#afc3c8;display:flex;flex-direction:column;gap:7px;margin:9px 0}input,select,textarea{background:#08121bc9;color:#e5eeec;border:1px solid #d3e8e02e;border-radius:4px;font:inherit;font-size:12px;padding:11px 9px;width:100%;min-width:0}input[type=color]{height:40px;padding:4px}input[type=checkbox]{width:auto}select{height:39px}small,.footnote{display:block;font-size:10px;line-height:1.7;color:#8ea4ab;margin:10px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.grid.three{grid-template-columns:repeat(3,1fr)}.check{flex-direction:row;align-items:center}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.templates button{padding:12px 5px;display:grid;gap:9px;justify-items:center;font-size:10px}.templates svg{width:48px;height:34px}#swatches{display:flex;gap:8px;margin:10px 0}#swatches button{width:28px;height:28px;border-radius:50%;padding:0;box-shadow:inset 1px 1px 4px #fff6}h2{font-size:23px;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:10px;margin:16px 0}td,th{padding:10px 5px;border-bottom:1px solid #ffffff22;text-align:left;vertical-align:top}td:last-child,th:last-child{text-align:right}.total{padding:16px;background:#a9e9e418;border:1px solid #a9e9e438;border-radius:5px;font-size:14px}.project{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff20}.project span{flex:1;font-size:12px;overflow-wrap:anywhere}.project button{padding:9px}dialog{border:1px solid #a9e9e450;border-radius:10px;background:linear-gradient(135deg,#1b343f,#09121d);color:var(--ink);max-width:490px;padding:30px}dialog::backdrop{background:#01080bd9;backdrop-filter:blur(8px)}dialog h2{font-size:34px}dialog p:not(.eyebrow){font-size:12px;line-height:1.7;color:#bccdd0}.close{position:absolute;right:12px;top:12px}.footnote{margin-top:24px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;background:#152f39;border:1px solid #a9e9e458;padding:15px 22px;border-radius:6px;max-width:90%;font-size:12px;display:none}[hidden]{display:none!important}@media(max-width:900px){main{grid-template-columns:minmax(0,1fr) 340px}.tools{flex-wrap:wrap}.workspace-bottom{flex-direction:column}}@media(max-width:680px){body{height:auto;overflow:auto}header{height:76px;padding:0 14px}header nav{gap:6px}header nav a{font-size:9px}header nav button{padding:10px 8px}header .brand{font-size:9px}main{height:auto;display:flex;flex-direction:column}.workspace{height:62svh;min-height:420px}aside{overflow:visible;padding:20px;border-left:none}.tools button{font-size:10px;padding:10px}.workspace-bottom{font-size:9px}.tabs{top:0}.grid.three{gap:8px}.templates{grid-template-columns:repeat(3,1fr)}}@media print{body{height:auto;overflow:visible;background:white;color:black}header,.workspace,.intro,.tabs,#design,#projects,.footnote,#rates,#tax,#print,dialog,#toast{display:none!important}main{display:block;height:auto}aside{overflow:visible;border:0;background:white;padding:0}#quote{display:block!important}#quote>label,#quote>p,#quote>.grid{display:none}table{font-size:12px}td,th{border-color:#aaa}small{color:#333}.total{border:1px solid #aaa;background:white}h2{color:black}}

@media(max-width:680px){body>header{height:auto;min-height:104px;gap:12px}body>header nav{width:100%;flex-wrap:wrap;gap:8px;justify-content:space-between}body>header nav a{font-size:10px}body>header nav a:last-child{padding:0}main{height:auto}}