*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,sans-serif;background:#f4f6f3;color:#173b33}header{display:flex;align-items:center;justify-content:space-between;background:#143e35;color:#fff;padding:15px max(20px,calc((100vw - 1350px)/2));gap:10px}.brand{font-size:23px}.brand small{font-size:10px;margin-left:8px;background:#315b50;padding:5px 9px;border-radius:30px}header select{background:#26564a;border:1px solid #648477;border-radius:8px;padding:8px;color:#fff}main{max-width:1350px;margin:auto;padding:20px}.hero{background:linear-gradient(110deg,#143e35,#386958);border-radius:18px;color:#fff;padding:35px 40px;margin-bottom:20px}.hero h1{font-size:clamp(32px,4vw,53px);line-height:1.1;max-width:620px;letter-spacing:-1.4px;margin:14px 0}.hero p{color:#d3e5da}.kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#ddbc8d}.columns{display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px;align-items:start}.panel{background:#fff;border:1px solid #dce7df;border-radius:16px;padding:20px;margin-bottom:18px;min-width:0}.panel h2{font-size:19px;margin:10px 0 15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:block;font-weight:600;font-size:12px;color:#57736a;margin:8px 0}label span{display:block;margin-bottom:4px}input,label select{display:block;width:100%;font:inherit;color:#173b33;padding:9px 10px;border-radius:9px;border:1px solid #d2e1d8;background:#fff;min-width:0}nav{display:flex;gap:8px;margin-top:18px}button{border:0;background:#174739;color:#fff;padding:11px 15px;border-radius:9px;font-weight:700;cursor:pointer}.light{background:#e5eee7;color:#174739}.heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.heading b{font-size:10px;border-radius:20px;padding:7px 11px}.ok{background:#dff4e7;color:#246c4d}.error{background:#ffefed;color:#ad342d;padding:7px;border-radius:5px}.legend{display:flex;gap:20px;color:#71847b;font-size:12px;margin-bottom:8px}.legend span:first-child{color:#649687}.legend span:last-child{color:#b89160}.diagram{padding:12px;background:#e8eee8;border-radius:12px;overflow:auto}.diagram svg{display:block;width:100%;min-width:420px;height:auto;border:5px solid #486257}.note{font-size:12px;color:#73867b}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.metrics article{background:#fff;border:1px solid #dce7df;border-radius:13px;padding:14px}.metrics small{display:block;color:#71857b}.metrics strong{display:block;font-size:23px}.cost{padding:12px 0;display:flex;justify-content:space-between;border-bottom:1px solid #e3eae5}.grand{font-size:22px;font-weight:800}.scroll{max-height:350px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th,td{padding:10px;border-bottom:1px solid #e6ece7;vertical-align:top}th{position:sticky;top:0;background:#fff}footer{text-align:center;color:#72857b;font-size:11px;letter-spacing:1px;padding:20px}@media(max-width:850px){.columns{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:450px){main{padding:10px}.hero{padding:24px}.brand small{display:none}.panel{padding:15px}.heading{align-items:start;flex-direction:column}}@media print{header,.hero,aside,footer,#download{display:none!important}main{padding:0}.columns{display:block}.panel{break-inside:avoid;border:1px solid #aaa;margin:0 0 6px;padding:10px}.scroll{max-height:none;overflow:visible}.diagram{overflow:visible}.diagram svg{min-width:0;max-height:360px}.metrics{gap:5px}tr{break-inside:avoid}}.scanfit{border:2px solid #c1dcd0}.scanfit .kicker{color:#35866a}.scan-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.scan-button{padding:13px 16px;background:#174739;color:#fff;border-radius:10px;cursor:pointer;font-size:14px}.scan-button.alternative{background:#e5eee7;color:#174739}.scan-photo img{width:100%;max-height:280px;object-fit:contain;border-radius:10px}.scan-photo:empty{display:none}.scanfit textarea{width:100%;min-height:70px;border:1px solid #d2e1d8;border-radius:10px;padding:10px;font:inherit}.scan-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scan-list article{border:1px solid #dce7df;border-radius:10px;padding:12px}.scan-list small{display:block;color:#658077;margin-top:4px}.scanfit .price{font-size:12px;background:#ecf6ed;padding:7px;border-radius:8px}.scanfit #floorfit-recognize:disabled{opacity:.5}@media(max-width:500px){.scan-list{grid-template-columns:1fr}.scan-button{flex:1;text-align:center}}.diagram{overflow:auto;padding:16px;background:#f5f6f2}.diagram svg{min-width:0!important;width:100%!important;height:auto!important;max-height:none!important;border:0!important;display:block;aspect-ratio:auto!important}.floorfit-mobile-nav{display:none}.floorfit-back-top{position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:50;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s,transform .18s;background:#143e35;box-shadow:0 5px 20px #0003}.floorfit-back-top.visible{opacity:1;pointer-events:auto;transform:none}@media(max-width:850px){.floorfit-mobile-nav{display:block;position:sticky;top:0;z-index:40;background:#fff;border:1px solid #dce7df;border-radius:12px;padding:12px;margin:0 0 14px;box-shadow:0 4px 14px #0001;scroll-margin-top:8px}#mobile-heading{display:block;margin-bottom:8px;font-size:14px}#mobile-tabs{display:flex;gap:7px;overflow-x:auto;padding:3px 0 8px;scrollbar-width:thin}#mobile-tabs button{flex:0 0 auto;background:#e9f0ec;color:#174739;padding:8px 11px;white-space:nowrap;font-size:12px}#mobile-tabs button[aria-current=step]{background:#174739;color:#fff}.mobile-actions{display:flex;gap:10px}.mobile-actions button{flex:1;min-height:44px}.mobile-actions button:disabled{opacity:.35}[data-mobile-step]{display:none!important}body[data-mobile-step=room] [data-mobile-step=room],body[data-mobile-step=material] [data-mobile-step=material],body[data-mobile-step=rules] [data-mobile-step=rules],body[data-mobile-step=layout] [data-mobile-step=layout],body[data-mobile-step=budget] [data-mobile-step=budget],body[data-mobile-step=execution] [data-mobile-step=execution],body[data-mobile-step=guide] [data-mobile-step=guide],body[data-mobile-step=scan] [data-mobile-step=scan]{display:block!important}.columns{display:block}.columns>aside{display:block;margin-bottom:0}.diagram{overflow:auto}.diagram svg{min-width:0!important}.hero{padding:20px}.hero h1{font-size:28px}}@media print{.floorfit-mobile-nav,.floorfit-back-top{display:none!important}[data-mobile-step]{display:block!important}}.floorfit-bottom-tabs,.floorfit-mobile-heading{display:none}.floorfit-home{padding:16px;background:#fff;border:1px solid #dce7df;border-radius:14px;margin-bottom:14px}@media(min-width:851px){.floorfit-home{display:none!important}.floorfit-step-section{display:contents}.floorfit-step-section[data-mobile-group=room]>.room-designer{display:block}}@media(max-width:850px){body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.floorfit-mobile-nav{display:none!important}.floorfit-mobile-heading{display:block;font-weight:800;font-size:20px;margin:0 0 12px;padding:4px 2px}.floorfit-bottom-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:1px solid #e0e8e2;box-shadow:0 -4px 15px #0001;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.floorfit-bottom-tabs button{display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;color:#526359;font-size:12px;font-weight:700;min-height:56px;padding:6px 2px;border-radius:12px}.floorfit-bottom-tabs button[aria-current=page]{background:#e2ece5;color:#163e30}.floorfit-tab-icon{font-size:27px;line-height:28px;font-weight:400}.floorfit-back-top{bottom:calc(92px + env(safe-area-inset-bottom));right:12px}.floorfit-home,.floorfit-step-section{display:none}.columns>aside>.floorfit-step-section,.columns>div>[data-mobile-tab]{display:none!important}body[data-mobile-tab=home] .floorfit-home,body[data-mobile-tab=design] .floorfit-step-section{display:block!important}body[data-mobile-tab=design] .columns>div>[data-mobile-tab=design]{display:block!important}body[data-mobile-tab=project] .columns>div>[data-mobile-tab=project]{display:block!important}body[data-mobile-tab=guide] .columns>div>[data-mobile-tab=guide]{display:block!important}.columns{display:block}.columns>aside{padding:0;background:transparent;border:0;margin:0}.floorfit-step-section{background:#fff;border:1px solid #dce7df;border-radius:15px;padding:16px;margin-bottom:14px}.floorfit-step-section>.panel{border:0;padding:0;margin:0}.floorfit-step-section .two{gap:10px}.diagram svg{min-width:0!important}}@media print{.floorfit-bottom-tabs,.floorfit-mobile-heading,.floorfit-home{display:none!important}.floorfit-step-section{display:contents!important}}.measurement-control{display:flex!important;align-items:stretch;gap:5px;margin:0!important;min-width:0}.measurement-control input{flex:1 1 0;min-width:0;width:65%}.measurement-control .field-unit{flex:0 0 65px;width:65px;min-width:0;padding:8px 4px;font-weight:700;background:#edf3ee;color:#173b33}@media(max-width:850px){.measurement-control .field-unit{flex-basis:58px;width:58px}}