@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#283d38;font-synthesis:none;background:#f6f7f3;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}#app{height:100dvh;min-height:700px;display:flex}aside{background:#fbfcf9;border-right:1px solid #dde2da;flex-direction:column;flex-shrink:0;width:290px;padding:30px 26px 20px;display:flex;overflow:auto}.brand{color:inherit;letter-spacing:1.2px;white-space:nowrap;align-items:center;gap:12px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.brandmark{letter-spacing:-5px;font:38px Georgia}.brandmark span{color:#b59d74}.brand small{letter-spacing:1.8px;color:#89918a;margin-top:6px;font-size:8px;display:block}.project{margin-top:43px}.eyebrow{letter-spacing:1.7px;color:#8a948b;font-size:9px;font-weight:650}h1{letter-spacing:-1.2px;margin:16px 0;font-family:Manrope,sans-serif;font-size:30px;font-weight:500;line-height:1.25}p{color:#859087;font-size:12px;line-height:1.7}.project p{max-width:220px;margin-bottom:28px}section h2{letter-spacing:1.8px;color:#959e96;margin:0 0 12px;font-size:9px;font-weight:600}nav{flex-direction:column;gap:3px;display:flex}nav button{text-align:left;color:#6b7870;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;padding:11px 12px;font-size:12px;display:flex}nav button .room-icon{color:#8a978f;width:20px;font-size:16px}nav button small{opacity:.6;margin-left:auto;font-size:9px}nav button.active{color:#314c3d;background:#e7eee5;font-weight:600}nav button:hover{background:#eef1eb}.display{border-top:1px solid #e4e8e0;margin-top:25px;padding-top:22px}.display label{color:#6e7a70;justify-content:space-between;align-items:center;margin:13px 0;font-size:11px;display:flex}.display select{color:#5e7064;background:#fff;border:1px solid #dde2d9;border-radius:4px;padding:5px;font-size:10px}.display input{accent-color:#486c53;width:15px;height:15px}.revision{color:#546c58;margin-top:auto;padding-top:25px;font-size:10px}.dot,.live-dot{background:#7f9b77;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.revision strong{font-weight:600}.revision p{margin:8px 0 20px;font-size:10px}.fine{color:#9aa299;font-size:9px;line-height:1.6}.fine:last-child{margin-bottom:0}main{flex-direction:column;flex:1;min-width:0;display:flex}header{align-items:center;gap:23px;height:102px;padding:0 35px;display:flex}header h2{letter-spacing:-.5px;margin:7px 0 0;font:500 19px Manrope,sans-serif}.view-switch{border:1px solid #dae0d7;border-radius:6px;margin-left:auto;padding:3px;display:flex}.view-switch button{color:#929b91;background:0 0;border:0;border-radius:3px;padding:8px 15px;font-size:10px}.view-switch button.active{color:#35533e;background:#fff;box-shadow:0 1px 4px #203b1710}.icon-button{color:#67796a;background:0 0;border:0;font-size:12px}.icon-button span{margin-left:4px;font-size:10px}#viewport{background:radial-gradient(at 50% 44%,#f4f3ed,#e9ede5);flex:1;min-height:380px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}#loading{color:#71836d;place-content:center;font-size:13px;display:grid;position:absolute;inset:0}.corner-info{letter-spacing:1.3px;color:#7b897a;pointer-events:none;font-size:8px;position:absolute;top:24px;left:30px}.divider{color:#b4beb0;margin:0 10px}.compass{color:#81917c;pointer-events:none;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:24px;right:31px}.compass span{letter-spacing:1px;font-size:8px}.compass b{font-size:34px;font-weight:400}.tools{background:#fffc;border:1px solid #dde3d6;border-radius:6px;flex-direction:column;display:flex;position:absolute;bottom:64px;right:25px;box-shadow:0 4px 16px #26361c08}.tools button{color:#60735b;background:0 0;border:0;width:35px;height:35px;font-size:19px}.tools button+button{border-top:1px solid #e8ece3}.gesture{text-align:center;letter-spacing:.2px;color:#8a9586;pointer-events:none;font-size:9px;position:absolute;bottom:22px;left:0;right:0}.gesture span{color:#b4bdb0;margin:0 10px}footer{border-top:1px solid #e1e5db;justify-content:space-between;align-items:center;height:98px;padding:22px 35px;display:flex}footer p{margin:7px 0 0;font-size:11px}footer button{color:#788773;white-space:nowrap;background:0 0;border:0;font-size:10px}footer button span{margin-left:15px}#room-labels{pointer-events:none;position:absolute;inset:0}.room-label{letter-spacing:1px;color:#435541;text-align:center;white-space:nowrap;background:#fafbf4db;border:1px solid #d6dfce;border-radius:4px;padding:6px 9px;font-size:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #18221308}.room-label small{color:#8b9785;letter-spacing:.4px;margin-top:3px;font-size:7px;display:block}dialog{color:#304331;background:#fafbf7;border:1px solid #dce2d6;border-radius:12px;max-width:min(1100px,94vw);max-height:92dvh;padding:25px}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#172a2370}.dialog-head{justify-content:space-between;align-items:center;gap:30px;display:flex}.dialog-head h2{font:500 23px Manrope,sans-serif}.close{color:#758470;background:0 0;border:0;font-size:26px}.reference-tabs{flex-wrap:wrap;gap:5px;margin-bottom:15px;display:flex}.reference-tabs button{color:#586e51;background:#f1f4ed;border:1px solid #d9e0d3;border-radius:4px;padding:7px 10px;font-size:10px}.reference-tabs button.active{color:#fff;background:#3d593e}#reference-image{width:100%;display:block}.notes-content{max-width:620px;padding-right:15px}.notes-content h3{margin-top:25px;font-size:14px}.notes-content p{color:#74816f;font-size:12px}@media (height>=950px){.project{margin-top:60px}nav button{padding:14px 12px}.display{margin-top:35px}}@media (width<=900px){aside{width:225px;padding:22px 16px}.brand{font-size:9px}.project{margin-top:25px}h1{font-size:26px}header{gap:12px;padding:0 22px}.view-switch button{padding:8px 10px}.icon-button span{display:none}footer{padding:18px 22px}.corner-info{left:20px}}@media (width<=650px){#app{flex-direction:column;height:100dvh;min-height:700px}aside{border-bottom:1px solid #dde2da;border-right:0;width:100%;padding:14px 16px 10px;display:block;overflow:visible}.brand{font-size:9px}.brandmark{font-size:26px}.brand small{margin-top:2px;font-size:7px}.project,.display,.revision,aside>.fine,aside section h2{display:none}aside section{margin-top:12px}nav{flex-direction:row;gap:3px;overflow:auto}nav button{white-space:nowrap;padding:8px;font-size:10px}nav button .room-icon,nav button small{display:none}main{min-height:0}header{height:80px;padding:10px 16px}header h2{font-size:15px}header .eyebrow{font-size:7px}.view-switch button{padding:7px 8px;font-size:9px}.icon-button{padding:0}#viewport{min-height:360px}footer{height:90px;padding:15px 16px}footer p{max-width:230px;font-size:10px}.corner-info{font-size:7px;top:18px}.compass{top:18px;right:18px}.gesture{font-size:8px}.gesture span{margin:0 4px}.room-label{padding:4px;font-size:7px}.room-label small{font-size:6px}}@media (width>=651px) and (height<=900px){aside{padding-top:22px;padding-bottom:16px}.project{margin-top:22px}.project h1{margin:12px 0;font-size:26px}.project p{margin-bottom:20px;font-size:11px;line-height:1.6}nav button{min-height:34px;padding:8px 12px;font-size:11px}.display{margin-top:18px;padding-top:17px}.display label{margin:8px 0}.display h2{margin-bottom:10px}.revision{padding-top:18px}.revision p{margin-bottom:14px}}@media (width>=651px) and (height<=850px){.project{margin-top:18px}.project p{display:none}.project h1{margin-bottom:22px}nav button{padding:6px 12px}.display{margin-top:14px;padding-top:14px}.revision{padding-top:13px}.revision p{margin-bottom:12px}.project .eyebrow{font-size:8px}}.mobile-settings{display:none}#settings-dialog{width:330px}#settings-dialog .display{border:0;margin:0 0 24px;padding:0;display:block}#settings-dialog .display label{margin:20px 0;font-size:12px}#settings-dialog .display h2{display:none}@media (width<=650px){.mobile-settings{font-size:20px;display:block}header{gap:8px}header h2{font-size:14px}.view-switch button{padding:7px 6px}.view-switch{margin-left:auto}.icon-button{font-size:12px}.mobile-settings{font-size:20px}.corner-info .divider,#mode-note{display:none}}@media (width>=651px){aside{padding:24px 26px 18px}.project{margin-top:28px}.project h1{margin:14px 0;font-size:28px}.project p{margin:0 0 24px;font-size:11px;line-height:1.6}nav button{min-height:35px;padding:7px 12px;font-size:11px}.display{margin-top:22px;padding-top:18px}.display label{margin:9px 0}.revision{padding-top:20px}.revision p{margin-bottom:15px}}@media (width>=651px) and (height<=850px){aside{padding-top:20px;padding-bottom:14px}.project{margin-top:17px}.project h1{margin:12px 0 20px;font-size:25px}.project p{display:none}nav button{min-height:31px;padding:5px 12px}.display{margin-top:15px;padding-top:14px}.display label{margin:6px 0}.revision{padding-top:13px}.revision p{margin-bottom:12px}}.edit-toggle{color:#49623e;white-space:nowrap;background:#f9fbf4;border:1px solid #cbd6c2;border-radius:5px;padding:9px 12px;font-size:10px}.edit-toggle.active{color:#fff;background:#3b583e;border-color:#3b583e}header{gap:16px}#furniture-editor{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#43553c;background:#fbfcf7f5;border:1px solid #d7dfce;border-radius:9px;width:258px;max-height:calc(100% - 125px);padding:17px;position:absolute;top:56px;right:20px;overflow-y:auto;box-shadow:0 8px 32px #23351c15}#furniture-editor[hidden],#furniture-editor [hidden]{display:none!important}.editor-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.editor-heading h3{margin:6px 0 0;font:600 16px Manrope,sans-serif}.editor-heading .eyebrow{letter-spacing:1.5px;font-size:7px}.editor-heading button{color:#7b8973;background:0 0;border:0;padding:0 0 8px 12px;font-size:24px}.editor-item-label{color:#89947e;margin-bottom:7px;font-size:10px;display:block}#editor-item{color:#4d6344;background:#fff;border:1px solid #d6dfcc;border-radius:4px;width:100%;padding:9px 7px;font-size:10px}#editor-empty{color:#87947d;margin:16px 0;font-size:11px;line-height:1.6}.editor-fields{gap:10px;margin-top:17px;display:flex}.editor-fields label,.editor-rotation label{color:#87947d;flex:1;font-size:9px}.editor-fields input,.editor-rotation input{color:#405a35;background:#fff;border:1px solid #d7dfce;border-radius:4px;width:100%;min-width:0;margin-top:5px;padding:8px;font-size:11px;display:block}.editor-rotation{align-items:flex-end;gap:8px;margin:12px 0 8px;display:flex}.editor-rotation label{width:65px}.editor-rotation button,.editor-actions button{color:#526d45;white-space:nowrap;background:#f1f5e9;border:1px solid #d8e0cf;border-radius:4px;padding:8px;font-size:10px}.editor-rotation button{height:33px}.editor-text-button{color:#778c67;text-align:left;background:0 0;border:0;padding:5px 0;font-size:9px}.editor-snap{color:#6c805d;align-items:center;gap:7px;margin:15px 0;font-size:10px;display:flex}.editor-snap input{accent-color:#58794a;margin:0}.editor-actions{border-top:1px solid #e2e7d9;gap:7px;padding-top:14px;display:flex}.editor-actions button{flex:1}.editor-actions button:disabled{opacity:.4;cursor:default}#editor-save{color:#fff;background:#3e5c3d;border-color:#3e5c3d}.editor-bottom{flex-direction:column;gap:6px;margin-top:12px;display:flex}#editor-status{color:#809171;font-size:9px;line-height:1.6}.editor-help{color:#94a087;margin:13px 0 0;font-size:8px;line-height:1.7}.view-switch{flex-shrink:0}@media (width<=1050px) and (width>=651px){header{gap:12px;padding:0 22px}.icon-button span{display:none}.edit-toggle{padding:9px 8px;font-size:9px}}@media (width<=650px){header{flex-wrap:wrap;gap:8px;height:104px;padding:9px 16px}header>div:first-child{flex:1;min-width:150px}.view-switch{margin-left:0}.edit-toggle{order:5;width:100%;padding:6px;font-size:10px;line-height:1.3}#furniture-editor{width:auto;max-height:260px;padding:13px;inset:auto 61px 47px 12px}.editor-heading{margin-bottom:10px}.editor-heading h3{font-size:14px}.editor-fields{margin-top:10px}.editor-help{display:none}.editor-snap{margin:10px 0}.editor-actions{padding-top:10px}.editor-bottom{margin-top:8px}.editor-heading .eyebrow{display:none}.editor-item-label{margin-bottom:4px;font-size:9px}.editor-rotation{margin-top:8px}.editor-fields input{padding:7px}.gesture{font-size:7px}}canvas:focus-visible{outline-offset:-2px;outline:2px solid #78925c}