.canvas-app{--canvas-nav-height:72px;min-height:100dvh;background:#f4f6f3;color:#183a34;display:flex;flex-direction:column;padding-bottom:var(--canvas-nav-height);position:relative}.canvas-topbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid #d8e1dc;position:sticky;top:0;z-index:20;min-height:68px}.canvas-app button,.canvas-app input{font:inherit}.canvas-logo{width:44px;height:44px;flex:none;border:0;border-radius:14px;background:#245c50;color:#fff;font-size:22px;font-weight:750;cursor:pointer}.canvas-logo span{color:#c5ddc4}.canvas-identity{display:flex;align-items:center;gap:8px;min-width:0;flex:1;border:0;background:transparent;text-align:start;cursor:pointer;min-height:44px}.canvas-project-name{max-width:min(24vw,180px);color:#64756c;font-size:14px;flex-shrink:2}.canvas-project-name,.canvas-room-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-room-name{font-size:20px;min-width:0;flex:1}.canvas-icon-button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid transparent;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.canvas-icon-button:hover{background:#edf3ee}.canvas-back svg,.canvas-icon-button svg{width:24px;height:24px}.canvas-search{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid #d8e1dc;position:relative;z-index:21}.canvas-search input{min-width:0;flex:1;min-height:44px;border:1px solid #bdcdc2;border-radius:12px;padding:8px 12px}.canvas-search-results{flex-basis:100%;display:grid;gap:4px}.canvas-search-results button{padding:12px;text-align:start;border:0;background:#f2f6f2;min-height:44px;cursor:pointer}.canvas-status{font-size:13px;min-height:26px;padding:4px 20px;color:#4d6256;background:#f4f6f3}.canvas-main{flex:1;min-height:0}.canvas-centered{min-height:calc(100dvh - 180px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;gap:22px;text-align:center}.canvas-centered h1{font-size:clamp(1.5rem,3.5vw,2.2rem);line-height:1.2;margin:0;max-width:720px}.canvas-centered p{margin:0;max-width:620px;line-height:1.55}.canvas-square-choices{display:flex;gap:24px;justify-content:center;width:100%;max-width:680px}.canvas-choice{width:clamp(140px,28vw,240px);aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border:1px solid #aec6b7;background:#fff;color:#1e5144;border-radius:24px;box-shadow:0 8px 24px #163e2a08;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:650;padding:16px;cursor:pointer}.canvas-choice:hover,.canvas-goal:hover{border-color:#245c50;background:#edf4ed}.canvas-choice svg{width:52px;height:52px}.canvas-back{display:flex;align-items:center;gap:6px;background:transparent;border:0;min-height:44px;padding:8px 16px;color:inherit;cursor:pointer;margin:8px 8px 0}.canvas-design-view .canvas-centered{min-height:calc(100dvh - 232px)}.canvas-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,760px)}.canvas-goal{min-height:142px;padding:22px;background:#fff;border:1px solid #b7ccbd;border-radius:20px;text-align:start;display:flex;flex-direction:column;justify-content:center;gap:12px;cursor:pointer;color:inherit}.canvas-goal strong{font-size:19px}.canvas-goal span{font-size:15px;line-height:1.45;color:#506458}.canvas-goal-selected h1{color:#245c50}.canvas-pdf>svg{width:52px;height:52px}.canvas-pdf{max-width:780px;margin:auto}.canvas-bottom-nav{height:var(--canvas-nav-height);padding-bottom:env(safe-area-inset-bottom,0);position:fixed;bottom:0;inset-inline:0;z-index:40;display:flex;justify-content:center;background:#fff;border-top:1px solid #d6e0d8;box-shadow:0 -4px 18px #193d2e08}.canvas-bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;max-width:220px;color:#607166;cursor:pointer;font-size:13px}.canvas-bottom-nav svg{width:24px;height:24px}.canvas-bottom-nav button[aria-current=page]{color:#205b48;background:#eaf2e9;font-weight:700}.canvas-room-switch{position:fixed;bottom:calc(var(--canvas-nav-height) + 12px);inset-inline-start:50%;transform:translateX(-50%);z-index:25;min-height:58px;min-width:220px;border:1px solid #bacdc0;box-shadow:0 6px 24px #1e3e2b18;background:#fff;border-radius:18px;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:10px 16px;color:inherit;font-weight:650;cursor:pointer}.canvas-room-switch span{font-size:12px;color:#617467;font-weight:400}.canvas-sheet{position:fixed;bottom:var(--canvas-nav-height);inset-inline:0;margin:auto;z-index:35;width:min(100%,640px);max-height:55dvh;overflow:auto;padding:24px 24px 20px;background:#fff;border:1px solid #cbdacf;border-radius:24px 24px 0 0;box-shadow:0 -8px 30px #213d2a18}.canvas-sheet-handle{width:44px;height:5px;border-radius:5px;background:#bac9be;margin:-13px auto 12px}.canvas-sheet-close{position:absolute;inset-inline-end:8px;top:8px}.canvas-sheet h2{font-size:21px;margin:6px 34px 20px 0}.canvas-sheet label{display:grid;gap:7px;margin:12px 0;font-weight:600}.canvas-sheet input{border:1px solid #b4c8b9;padding:10px 12px;min-height:44px;border-radius:10px;width:100%}.canvas-sheet>.button{margin-inline-end:8px;margin-top:12px}.canvas-room-list{display:grid;gap:6px;margin-bottom:12px}.canvas-room-list button{display:flex;justify-content:space-between;align-items:center;min-height:52px;text-align:start;padding:10px 12px;background:#f2f6f1;border:1px solid transparent;border-radius:10px;cursor:pointer;color:inherit}.canvas-room-list button[aria-current=true]{border-color:#4e7e61}.canvas-room-list small{color:#627569}.canvas-help{font-size:13px;color:#647468}.canvas-app :focus-visible{outline:3px solid #477cce;outline-offset:3px}.canvas-loading{align-items:center;justify-content:center;font-size:28px}.canvas-measure-view{padding-bottom:90px}.canvas-measure-view[hidden]{display:none}@media(max-width:480px){.canvas-topbar{padding:8px;gap:3px}.canvas-project-name{max-width:64px;font-size:12px}.canvas-room-name{font-size:18px}.canvas-identity{gap:5px}.canvas-square-choices{gap:14px}.canvas-choice{width:calc((100vw - 54px)/2);min-width:0;max-width:190px;border-radius:20px;padding:12px;font-size:17px;gap:14px}.canvas-choice svg{width:40px;height:40px}.canvas-goals{gap:10px}.canvas-goal{min-height:150px;padding:14px}.canvas-goal strong{font-size:16px}.canvas-goal span{font-size:13px}.canvas-centered{padding:20px 16px}.canvas-sheet{padding:24px 16px 18px}.canvas-sheet h2{font-size:20px}.canvas-app{--canvas-nav-height:72px}}@media(prefers-reduced-motion:reduce){.canvas-app *{scroll-behavior:auto!important}}.canvas-adoption{margin:12px 16px;padding:14px 16px;background:#fff7df;border:1px solid #d9c780;border-radius:12px}.canvas-adoption p{margin:0 0 12px}.canvas-adoption .button{margin-inline-end:8px}.canvas-online-list{border-block:1px solid #dbe5dc;margin-block:16px;padding-block:12px}.canvas-online-list h3{font-size:16px}.canvas-online-list h4{margin:12px 0 6px}.canvas-online-list .button,.canvas-sheet details .button{margin:4px 6px 4px 0}.canvas-sheet details{margin-block:12px}.canvas-app{height:100dvh;min-height:0;overflow:hidden}.canvas-main{overflow:auto;overscroll-behavior:contain;scroll-padding-block:16px}.canvas-status,.canvas-topbar{flex:none}.canvas-room-switch{position:relative;bottom:auto;inset-inline-start:auto;transform:none;flex:none;margin:8px auto 12px;max-width:calc(100% - 32px)}.canvas-measure-view{max-width:1200px;margin:auto;padding:12px 16px 28px}.canvas-app~.app-version-footer{display:none}@media(min-width:900px){.canvas-measure-view>section{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);-moz-column-gap:22px!important;column-gap:22px!important;align-items:start}.canvas-measure-view>section>div:first-child{grid-column:1/-1}.canvas-measure-view>section>svg{grid-column:1;grid-row:2/span 9;position:sticky;top:12px;height:min(65vh,580px);max-height:none!important}.canvas-measure-view>section>:not(svg):not(:first-child){grid-column:2}.canvas-measure-view>section>p{margin-block:0}}