*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#283b32;background:#f7f7f3}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #477865;outline-offset:2px}.app{min-height:100vh}header{height:79px;background:#fff;border-bottom:1px solid #e7e7df;display:flex;align-items:center;gap:25px;padding:0 27px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brandmark{background:#204a39;color:#fff;width:43px;height:43px;border-radius:10px;display:flex;align-items:center;justify-content:center;font:700 28px Georgia,serif}.brandmark span{color:#d7b47d}.brandtitle{font-size:15px;font-weight:800;letter-spacing:1.1px}.brandtitle span{font-weight:500}.brandsub{color:#8b958f;letter-spacing:2.3px;font-size:9px;margin-top:5px}.header-divider{height:30px;width:1px;background:#e7e9e3}.intro{font-size:13px;color:#819088}.head-actions{display:flex;gap:9px;margin-left:auto}.btn{display:flex;gap:8px;align-items:center;justify-content:center;padding:11px 15px;border-radius:7px;font-size:12px;font-weight:600;border:1px solid #dfe5dc;background:#fff;color:#355344}.btn.primary{background:#27533f;color:#fff;border-color:#27533f}.btn:hover{filter:brightness(.96)}main{height:calc(100vh - 79px);min-height:650px;display:grid;grid-template-columns:276px minmax(350px,1fr) 270px}.catalog,.inspector{background:#fff;padding:26px 18px;overflow:auto}.catalog{border-right:1px solid #e8ebe5}.inspector{border-left:1px solid #e8ebe5;padding:30px 22px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#92a098;font-weight:800}h2{font-size:17px;letter-spacing:-.4px;margin:9px 0;font-weight:700}h3{font-size:14px;margin:11px 0}.aside-hint,.fieldhint{color:#89968d;font-size:12px;line-height:1.6;margin:12px 0 23px}.cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:15px;border-bottom:1px solid #eef0eb}.cats button{background:#f5f6f2;color:#63736b;white-space:nowrap;border:0;border-radius:5px;padding:8px 10px;font-size:11px}.cats button.active{background:#dceae1;color:#24513b;font-weight:700}.catalog-items{padding-top:9px}.furn-option{background:#fff;border:0;border-bottom:1px solid #f0f2ec;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 3px;color:#344c40}.furn-option:hover{background:#f5f9f4}.furn-icon{width:54px;height:49px;background:#f1f5ef;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#578370;flex-shrink:0}.furn-option>span{font-size:12px;font-weight:700;flex:1}.furn-option small{display:block;font-weight:400;font-size:10px;color:#96a29a;margin-top:6px}.furn-option>svg{color:#9fb1a5}.roundshape{height:26px;width:26px;border:3px solid #578370;border-radius:50%}.catalog-footer{display:flex;gap:9px;color:#9ba99e;font-size:11px;line-height:1.5;margin-top:24px;padding:16px 8px;background:#f9faf7;border-radius:8px}.catalog-footer svg{flex-shrink:0}.workspace{display:flex;flex-direction:column;min-width:0}.work-header{height:85px;display:flex;justify-content:space-between;align-items:center;padding:0 26px;border-bottom:1px solid #edf0e8;background:#fff}.plan-title{display:flex;align-items:center;gap:12px}.plan-title input{display:block;width:250px;border:0;padding:5px 0;color:#263e32;font-size:21px;font-weight:700;letter-spacing:-.5px;outline:none}.toolbar{display:flex;align-items:center;gap:5px}.toolbar button,.iconbtn{border:0;background:none;padding:8px;display:flex;align-items:center;justify-content:center;color:#647c6f;border-radius:6px}.toolbar button:hover,.toolbar .is-on{background:#dcece3;color:#27543e}.toolsep{height:19px;width:1px;background:#dfe5dc;margin:0 5px}.zoom-label{color:#7b8c81;font-size:11px;min-width:36px;text-align:center}.drawing-stage{position:relative;flex:1;min-height:420px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f7f8f4;background-image:radial-gradient(#e2e5de 1px,transparent 1px);background-size:18px 18px}.stage-caption{position:absolute;top:21px;left:26px;font-size:10px;color:#9aa99e;letter-spacing:1px;font-weight:700}.stage-caption span{padding:0 7px}.canvas-wrap{width:min(80%,690px);height:min(80%,610px);display:flex;align-items:center;justify-content:center;transition:transform .1s}.canvas{width:100%;height:100%;max-height:100%;overflow:visible;filter:drop-shadow(0 4px 14px rgba(23,54,33,.04));touch-action:none}.canvas-tip{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#fff;padding:10px 15px;border-radius:40px;box-shadow:0 3px 16px #273d3012;color:#829186;font-size:11px;display:flex;align-items:center;gap:9px;white-space:nowrap}.bottom-bar{min-height:60px;border-top:1px solid #e7ebe3;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 22px;font-size:11px;color:#7d8b80}.bottom-bar>div:first-child{display:flex;align-items:center;gap:7px}.bottom-bar>div:first-child svg{color:#528a69}.bottom-bar span{color:#bdc5bd}.bottom-actions{display:flex;gap:6px}.bottom-actions button{display:flex;align-items:center;gap:7px;border:1px solid #e0e6dd;background:#fff;padding:9px 11px;border-radius:6px;font-size:11px;color:#466453}.bottom-actions button:hover{background:#f1f7f2}.inspector .fieldhint{margin-bottom:18px}.dims{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dims label{display:block;font-size:11px;color:#75867b}.dims label>div{margin-top:7px;position:relative}.dims input{width:100%;border:1px solid #e0e7df;border-radius:6px;padding:10px 26px 10px 8px;font-size:14px;font-weight:600;color:#3a5445;background:#fff}.dims label span{position:absolute;right:9px;top:12px;font-size:10px;color:#a0afa4}.conversion{font-size:11px;color:#819387;margin:12px 0}.divider{height:1px;background:#e9ede7;margin:25px 0}.presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.presets button{background:#fff;border:1px solid #e1e8df;border-radius:6px;padding:11px 6px;color:#52705f;font-size:11px}.presets button:hover{background:#edf6ec}.selected-name{margin:12px 0 18px}.rotation-label{display:block;margin-top:18px;font-size:11px;color:#75867b}.rotation-actions,.item-actions{display:flex;gap:8px;margin-top:9px}.rotation-actions button,.item-actions button{flex:1;display:flex;justify-content:center;align-items:center;gap:5px;padding:10px 5px;border-radius:6px;background:#fff;border:1px solid #e1e8df;color:#4c705e;font-size:11px}.item-actions{margin-top:23px}.item-actions .danger{color:#a35a50}.empty-selection{border:1px dashed #e0e8df;border-radius:8px;padding:28px 18px;text-align:center;color:#a2b1a4;margin-top:16px}.empty-selection p{font-size:11px;line-height:1.6}.inspector-note{margin-top:40px;font-size:11px;line-height:1.6;color:#a3afa5}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#24553f;color:#fff;padding:13px 20px;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:0 6px 20px #2223;z-index:20}.hamburger,.mobile-close{display:none}@media (max-width:1150px){main{grid-template-columns:235px minmax(300px,1fr) 235px}.catalog{padding:23px 12px}.inspector{padding:25px 12px}.work-header{padding:0 16px}.intro{display:none}}@media (max-width:900px){main{grid-template-columns:225px minmax(300px,1fr)}.inspector{display:none}}@media (max-width:700px){header{height:67px;padding:0 12px;gap:8px}.brandtitle{font-size:12px}.brandmark{width:36px;height:36px;font-size:24px}.header-divider,.intro{display:none}.btn{padding:9px}.btn span{display:none}main{height:calc(100vh - 67px);display:block;min-height:620px}.workspace{height:100%}.catalog{position:fixed;z-index:12;top:67px;left:0;bottom:0;width:285px;transform:translate(-102%);transition:transform .2s;box-shadow:6px 0 25px #2221}.catalog.mobile-open{transform:translate(0)}.mobile-close,.hamburger{display:flex}.panel-head{display:flex;align-items:start;justify-content:space-between}.work-header{height:75px;padding:0 10px}.plan-title input{font-size:17px;width:160px}.toolbar{gap:0}.toolbar button{padding:6px}.toolbar .zoom-label,.toolbar .toolsep{display:none}.drawing-stage{min-height:390px}.canvas-wrap{width:92%;height:75%}.bottom-bar{padding:12px;flex-wrap:wrap;justify-content:center}.stage-caption{left:14px;top:15px}}@media (max-width:390px){.toolbar button:nth-last-child(-n+3){display:none}}.shape-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.shape-picker button{border:1px solid #dfe7dd;border-radius:7px;background:#fff;color:#537360;padding:9px 3px;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:7px}.shape-picker button[aria-pressed=true]{background:#e8f1e7;border-color:#416d53;color:#254c38}.shape-picker svg{width:42px;height:36px}.room-transforms{display:flex;gap:6px}.room-transforms button,.wall-editor button{border:1px solid #dfe7dd;border-radius:6px;background:#f6f8f3;padding:9px 6px;color:#355a43;font-size:11px;flex:1}.wall-editor{margin-top:20px}.wall-editor .fieldhint{margin:8px 0}.wall-editor label{font-size:11px;color:#647c6b}.wall-editor select,.wall-editor input{width:100%;padding:8px;border:1px solid #dfe7dd;border-radius:5px;background:#fff;color:#355a43;margin:5px 0}.wall-editor form{display:flex;align-items:end;gap:6px}.wall-editor form label{flex:1;min-width:0}.wall-editor form button{flex:0;margin-bottom:5px}.room-warning{font-size:11px;color:#9b5e28;padding:9px;background:#fff4df;border-radius:6px;line-height:1.5}@media (max-width:900px){main{height:auto;min-height:calc(100vh - 79px);grid-template-columns:225px minmax(300px,1fr)}.workspace{min-height:650px}.inspector{display:block;grid-column:1/-1;overflow:visible}.shape-picker{grid-template-columns:repeat(7,1fr)}.room-transforms{max-width:400px}.wall-editor,.dims,.presets{max-width:450px}}@media (max-width:700px){main{height:auto}.workspace{height:calc(100vh - 67px);min-height:620px}.inspector{padding:24px 20px;border-top:1px solid #dfe7dd}.shape-picker{grid-template-columns:repeat(4,1fr)}.drawing-stage{min-height:350px}}.transform-handles,.transform-handles [data-handle]{touch-action:none}.canvas-tip{max-width:95%;white-space:normal;text-align:center}.canvas-tip svg{flex-shrink:0}.opening-library{margin-top:25px;border-top:1px solid #e9ede7;padding-top:20px}.opening-library .fieldhint{margin:8px 0}.opening-library button{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;border:1px solid #dfe7dd;background:#fff;color:#355943;border-radius:7px;padding:12px;font-size:12px}.opening-library small{margin-left:auto;color:#85958a}.wall-editor>button{margin:12px 5px 0 0}
