@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#20352d;background:#f5f7f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:76px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e6eae4}.brand{display:flex;gap:11px;align-items:center;color:#1c3c31;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.7px}.brand small{display:block;font:600 9px DM Sans,sans-serif;letter-spacing:1.7px;color:#849188;margin-top:2px}.brand-mark{width:39px;height:39px;border-radius:12px;background:#1e493b;color:#fff;display:grid;place-items:center}.top-actions{display:flex;align-items:center;gap:22px}.online{font-size:12px;color:#738077;display:flex;align-items:center;gap:7px}.online i,.status-dot{width:7px;height:7px;background:#51a77a;border-radius:50%;display:inline-block}.language{border:1px solid #dfe5de;background:#fff;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:8px;color:#324a3f;font-size:12px;font-weight:700}main{max-width:1500px;margin:auto;padding:0 clamp(18px,4vw,60px) 42px}.hero{display:flex;align-items:center;justify-content:space-between;min-height:260px;padding:34px 0 38px;gap:28px}.hero-copy{max-width:690px}.eyebrow{display:flex;align-items:center;gap:7px;color:#438066;font-size:10px;font-weight:800;letter-spacing:1.7px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(29px,3.3vw,45px);line-height:1.13;letter-spacing:-1.8px;margin:15px 0 12px;color:#183a2e;max-width:650px}.hero p{font-size:14px;line-height:1.7;color:#77837a;max-width:600px;margin:0}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-chips span{border:1px solid #dce5dc;background:#fff;border-radius:30px;padding:8px 11px;font-size:11px;color:#52675a;display:flex;align-items:center;gap:6px}.hero-graphic{width:300px;height:190px;position:relative;display:grid;place-items:center;flex-shrink:0}.blueprint-card{width:235px;height:160px;background:#1e493b;border-radius:14px;padding:15px 17px;color:#dbe9df;box-shadow:0 18px 40px #173e2c24;transform:rotate(-4deg)}.blueprint-top,.blueprint-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;opacity:.9}.mini-plan{height:100px;margin:8px auto;width:145px;border:2px solid #d9e8dc;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;position:relative}.mini-plan i{border:1px solid #a9c8b6}.mini-plan i:nth-child(1){grid-row:span 2}.mini-plan i:nth-child(4){grid-column:span 2}.mini-plan b{position:absolute;right:0;top:0;width:38px;height:27px;border-left:2px solid #d9e8dc;border-bottom:2px solid #d9e8dc}.blueprint-bottom{font-size:8px}.floating-compass{position:absolute;right:1px;top:9px;width:57px;height:57px;border-radius:50%;background:#f3d8a5;color:#264a3b;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #233e2b20}.floating-compass b{font-size:9px;position:absolute;top:7px}.workspace{display:grid;grid-template-columns:minmax(290px,365px) minmax(0,1fr);align-items:start;gap:22px}.sidebar,.preview-area{background:#fff;border:1px solid #e4e9e2;border-radius:16px}.sidebar{padding:23px 22px;box-shadow:0 8px 26px #20352d05}.panel-heading{display:flex;align-items:center;gap:11px;margin:0 0 18px}.step-number{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e9f2eb;color:#2d6a4d;font-size:11px;font-weight:800}.panel-heading h2{font-family:Manrope,sans-serif;font-size:14px;margin:0 0 3px;letter-spacing:-.3px}.panel-heading p{font-size:10px;color:#8b958d;margin:0}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr;margin-bottom:13px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#58695e}.sidebar input[type=number],.sidebar select{width:100%;border:1px solid #dfe6de;background:#fbfcfa;border-radius:8px;min-height:39px;padding:0 10px;color:#294437;font-size:12px;outline:none}.sidebar input:focus,.sidebar select:focus{border-color:#5c9675;box-shadow:0 0 0 3px #5c96751a}.full-label{margin:15px 0 16px}.direction-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.direction-picker button{border:1px solid #e1e7df;background:#fbfcfa;border-radius:8px;padding:8px 3px 7px;font-size:10px;color:#67766b;display:flex;flex-direction:column;align-items:center;gap:4px}.direction-picker button span{font-size:17px;line-height:1}.direction-picker button.selected{border-color:#367453;background:#eaf3eb;color:#235c3f;box-shadow:inset 0 0 0 1px #367453}.metric-row{display:grid;grid-template-columns:1fr 1fr;background:#f6f8f4;border-radius:10px;padding:13px;margin-top:15px;gap:12px}.metric-row>div{display:flex;flex-direction:column;gap:6px}.metric-row span,.summary-card>span{font-size:10px;color:#7d897f}.metric-row strong{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.7px}.metric-row small{font:500 10px DM Sans,sans-serif;color:#77837a;letter-spacing:0}.section-rule{height:1px;background:#edf0eb;margin:23px 0}.hint{font-size:10px;line-height:1.5;color:#9b7746;margin:-4px 0 12px}.range-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:17px 0 6px}.range-label strong{background:#edf5ee;color:#2f704c;border-radius:6px;padding:4px 9px}.range{width:100%;accent-color:#397956;margin:3px 0 15px}.count-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.count-control{border:1px solid #e2e8e0;border-radius:9px;padding:10px}.count-control>span{font-size:10px;color:#66756a}.count-control>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.count-control button{width:25px;height:25px;border:1px solid #e0e7df;border-radius:6px;background:#f9fbf8;color:#335842;font-size:17px;line-height:1}.count-control b{font-size:13px}.toggle-list{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;row-gap:14px}.toggle{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:8px;font-size:11px;font-weight:500;color:#5e7064;cursor:pointer}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle i{display:block;width:30px;height:17px;background:#d9e0d8;border-radius:12px;position:relative;flex-shrink:0;transition:.15s}.toggle i:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:.15s}.toggle input:checked+i{background:#39805a}.toggle input:checked+i:after{left:15px}.toggle input:focus-visible+i{outline:2px solid #4b8b68;outline-offset:2px}.vastu-toggle{margin:0 0 13px}.vastu-tip{display:flex;gap:9px;align-items:flex-start;background:#f7f6ed;border:1px solid #ece8d7;border-radius:9px;padding:10px;color:#9b824d}.vastu-tip svg{flex-shrink:0;margin-top:2px}.vastu-tip p{font-size:10px;line-height:1.55;color:#786d51;margin:0}.generate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:#1f4a38;color:#fff;border-radius:10px;padding:14px 13px;margin-top:19px;font-size:12px;font-weight:700;box-shadow:0 5px 12px #234d3820}.generate-btn:hover{background:#286045}.generate-btn svg:last-child{margin-left:auto}.privacy-note{display:flex;align-items:flex-start;gap:6px;color:#89948b;font-size:9px;line-height:1.5;margin:12px 0 0}.privacy-note svg{flex-shrink:0;color:#50906a}.error{display:flex;gap:7px;align-items:center;color:#a34b3d;background:#fff1ed;padding:9px;border-radius:7px;font-size:11px;margin-top:12px}.preview-area{padding:24px;min-width:0}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.muted{color:#87948a}.preview-header h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.6px;margin:8px 0 5px}.preview-header p{font-size:11px;color:#879188;margin:0;line-height:1.5}.style-switch{display:flex;border:1px solid #e3e9e1;background:#f7f9f6;padding:3px;border-radius:9px;flex-shrink:0}.style-switch button{border:0;background:transparent;color:#748176;font-size:10px;font-weight:700;border-radius:6px;padding:8px 10px}.style-switch button.active{background:#fff;color:#285d42;box-shadow:0 1px 4px #213f2c12}.floor-tabs{display:flex;gap:7px;overflow-x:auto;margin:23px 0 13px;padding-bottom:2px}.floor-tabs button{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #e3e9e1;border-radius:8px;background:#fff;color:#7a877d;padding:9px 12px;font-size:10px}.floor-tabs button span{font-size:9px;color:#9aa39a}.floor-tabs button.active{background:#eaf2eb;border-color:#b8d1be;color:#285d42;font-weight:700}.drawing-canvas{border:1px solid #e0e6de;border-radius:11px;overflow:hidden;background:#fcfdfb}.drawing-toolbar,.drawing-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;font-size:9px;color:#7c887f;background:#f8faf7}.drawing-toolbar{border-bottom:1px solid #edf0eb}.drawing-toolbar span:first-child{display:flex;align-items:center;gap:6px;font-weight:800;letter-spacing:.7px;color:#9b7c47}.svg-wrap{padding:9px 10px 0;display:flex;justify-content:center;overflow:hidden}.svg-wrap svg{display:block;width:100%;height:auto;max-height:560px}.drawing-footer{border-top:1px solid #edf0eb;flex-wrap:wrap}.drawing-footer span{display:flex;align-items:center;gap:5px}.drawing-footer svg{color:#5d826a}.drawing-footer b{color:#45594b}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 21px}.summary-card{border:1px solid #e4e9e2;border-radius:9px;padding:13px;display:flex;flex-direction:column;gap:5px}.summary-card strong{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.7px}.summary-card small{font-size:9px;color:#879188}.export-panel{border:1px solid #e1e8df;border-radius:11px;padding:16px}.export-title{display:flex;justify-content:space-between;align-items:center;color:#48725a}.export-title h3,.notes-title h3{font-family:Manrope,sans-serif;color:#243f30;font-size:13px;margin:0 0 4px}.export-title p{font-size:10px;color:#879188;margin:0}.export-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.export-buttons button{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e2e8e0;background:#fbfcfa;border-radius:8px;padding:11px 9px;color:#467257;min-width:0}.export-buttons button>span{display:flex;flex-direction:column;gap:4px;color:#344f3d;font-size:10px;font-weight:700;flex:1}.export-buttons button small{font-size:8px;color:#8b968c;font-weight:400;white-space:normal}.export-buttons button:hover{border-color:#9ebca4;background:#f3f8f2}.notes-panel{margin-top:14px;padding:14px 16px;background:#fcf8ef;border:1px solid #eee5d2;border-radius:10px}.notes-title{display:flex;align-items:center;gap:8px;color:#9a7b41}.notes-title h3{margin:0}.notes-panel ul{margin:10px 0 0;padding-left:19px;color:#807761;font-size:10px;line-height:1.7}.notes-panel li+li{margin-top:4px}footer{max-width:1500px;margin:auto;padding:19px clamp(18px,4vw,60px) 25px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e4e9e2;color:#8a958c;font-size:10px}footer button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#65776a;font-size:10px}@media(max-width:1050px){.workspace{grid-template-columns:310px minmax(0,1fr);gap:14px}.sidebar{padding:18px 15px}.preview-area{padding:17px}.hero-graphic{width:230px}.export-buttons{grid-template-columns:1fr}.export-buttons button{padding:10px 12px}.export-buttons button small{font-size:9px}}@media(max-width:760px){.topbar{height:64px;padding:0 16px}.online{display:none}main{padding:0 12px 25px}.hero{padding:28px 5px 25px;min-height:unset}.hero-graphic{display:none}.hero h1{font-size:31px;letter-spacing:-1.2px}.hero p{font-size:12px}.hero-chips{gap:6px}.hero-chips span{font-size:9px;padding:7px 8px}.workspace{grid-template-columns:1fr;gap:13px}.sidebar{padding:20px 17px;order:1}.preview-area{padding:16px;order:0}.preview-header{flex-direction:column}.style-switch{align-self:flex-start}.svg-wrap{padding:5px}.svg-wrap svg{width:100%;max-height:none}.drawing-toolbar{font-size:8px}.drawing-footer{justify-content:flex-start}.summary-card{padding:10px}.summary-card strong{font-size:17px}.summary-card>span{font-size:9px}.summary-card small{font-size:8px}.export-buttons{grid-template-columns:1fr}.export-buttons button{padding:11px}.export-buttons button small{font-size:9px}.preview-header h2{font-size:18px}.floor-tabs{margin-top:17px}footer{padding:17px 15px;flex-wrap:wrap}footer span:last-of-type{display:none}}@media(max-width:380px){.direction-picker{gap:3px}.direction-picker button{font-size:9px}.form-grid.two{gap:8px}.preview-area{padding:12px}.drawing-toolbar span:last-child{display:none}.hero h1{font-size:27px}}