@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--accent:#697e65;--ink:#343c32;--paper:#f5f3ee}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:20px 35px;border-bottom:1px solid #deded5;background:#fffdf8;gap:15px}.brand{font-size:35px;letter-spacing:-2px;font-weight:700;color:var(--accent)}.brand span{font-size:20px;letter-spacing:-.5px;margin-left:9px}.brand i{font-size:23px;color:#b19a64;margin-left:12px}.tag,.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#8b927f}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #dcded4;background:#fffdf8;border-radius:7px;padding:10px 14px;color:var(--ink)}button:hover{border-color:var(--accent);background:#f0f3eb}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b9c9b5;outline-offset:2px}#present{background:var(--accent);color:white;border:0}main{padding:30px;max-width:1700px;margin:auto}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:25px}h1{font:500 39px 'Playfair Display',Georgia,serif;margin:12px 0}h2{font:500 23px 'Playfair Display',Georgia,serif;margin:13px 0}p{color:#818575;line-height:1.65}.title p{margin:0}.event{min-width:260px}.event label{display:block;font-size:9px;letter-spacing:1.5px;color:#8b927f}.event input{display:block;background:none;border:0;border-bottom:1px solid #ccd0c2;border-radius:0;padding:9px 0;font-size:17px;width:100%}small{font-size:10px;line-height:1.65;color:#8b907f}.workspace{display:grid;grid-template-columns:210px minmax(350px,1fr) 220px;gap:18px;align-items:start}.library,.inspector{background:#fffdf8;padding:22px 18px;border:1px solid #e3e2d9;border-radius:12px}.library p{font-size:11px}.objects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.objects button{padding:12px 5px;font-size:10px;min-height:90px}.objects span{display:block;color:var(--accent);font-size:27px;margin-bottom:5px}.objects small{display:block;font-size:8px}.field{display:block;font-size:11px;margin:18px 0;color:#686f60}.field input:not([type=color]):not([type=range]),select{width:100%;padding:10px;border:1px solid #dcdfd3;border-radius:6px;background:white;color:var(--ink);margin-top:8px;font-size:11px}input[type=color]{display:block;width:100%;height:35px;margin-top:8px;border:1px solid #ddd;background:white;border-radius:6px;cursor:pointer}input[type=range]{display:block;width:100%;accent-color:var(--accent);margin-top:12px}.secondary,.danger{width:100%;font-size:11px;margin-bottom:10px}.danger{border-color:#e6d3cc;color:#a66e59;background:#fff9f5}.plan{border:1px solid #e3e2d9;border-radius:12px;overflow:hidden;background:#fffdf8}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #e7e4da;font-size:10px}.toolbar button{padding:7px 10px;font-size:10px}.toolbar>span:first-child{color:var(--accent);letter-spacing:1px;font-size:9px}.canvaswrap{width:100%;overflow:auto}svg{display:block;width:100%;min-width:400px;touch-action:none;user-select:none}.dimension{font:10px 'DM Sans',sans-serif;letter-spacing:2px;fill:#9b978b}.exit{font:9px 'DM Sans',sans-serif;fill:#778b70;letter-spacing:1px}.furniture{cursor:grab}.furniture:active{cursor:grabbing}.objectlabel{font:10px 'DM Sans',sans-serif;fill:#3c4338;pointer-events:none;text-anchor:middle}.selection{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:5 4;pointer-events:none}.hint{border-top:1px solid #e7e4da;font-size:9px;color:#969b8e;padding:13px 18px}#status{padding:0 18px 16px;color:var(--accent);font-size:11px}.emptyicon{font-size:55px;text-align:center;color:#b5c0a8;margin-top:20px}#selectionempty p{font-size:12px;text-align:center}.theme{border-top:1px solid #e3e3d8;margin-top:25px}.theme p,.disclaimer{font-size:10px;line-height:1.7}.disclaimer{background:#f1eee4;border-radius:7px;padding:12px;color:#8b8067;margin-top:25px}.swatches{display:flex;gap:9px}.swatches button{width:25px;height:25px;padding:0;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #ddd}.nudge{display:flex;gap:5px;margin-bottom:15px}.nudge button{flex:1;padding:8px}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#999e90;padding:24px 0}body.present .library,body.present .inspector{display:none}body.present .workspace{grid-template-columns:1fr}body.present .furniture{cursor:default}body.present .hint{display:none}body.present .plan{max-width:1100px;margin:auto;width:100%}[hidden]{display:none!important}@media(max-width:1000px){.workspace{grid-template-columns:165px minmax(300px,1fr)}.inspector{grid-column:1/-1}.objects{gap:5px}.tag{display:none}}@media(max-width:650px){main{padding:15px}header{padding:15px}.brand span{font-size:15px}.brand i{display:none}h1{font-size:30px}.title{display:block}.event{margin-top:20px}.workspace{display:flex;flex-direction:column}.library,.plan,.inspector{width:100%}.objects{grid-template-columns:repeat(3,1fr)}.objects button{min-height:70px}.toolbar{flex-wrap:wrap}.library{padding:15px}.title .eyebrow{font-size:8px}footer{flex-wrap:wrap}.present .plan{width:100%}}@media print{header,.library,.inspector,.toolbar,.hint,#status,footer,.event small{display:none!important}.workspace{display:block}.plan{border:0}main{padding:0}.title{margin:0}svg{width:100%;min-width:0}.selection{display:none}}
