*{box-sizing:border-box}body{margin:0;background:#f3f2ec;color:#283c33;font:14px/1.5 system-ui}header{display:flex;align-items:center;gap:14px;padding:15px 28px;background:#fff;border-bottom:1px solid #d5dcd3}header img{width:55px;height:55px;border-radius:50%}header strong{font-size:27px;color:#173b50}header small{display:block;font-size:10px;letter-spacing:2px}header>span{margin-left:auto;color:#577752;font-size:12px}main{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1800px;margin:auto}aside{padding:24px;height:calc(100vh - 86px);overflow:auto;background:#fff}h1{font:30px/1.15 Georgia}h2{font:22px Georgia;margin-top:30px}h3{font-size:15px}p,.hint{color:#788176}.hint{font-size:11px}label{display:block;margin:12px 0}input,select,button{font:inherit}input[type=number],select{width:100%;padding:9px;border:1px solid #ccd5c8;border-radius:6px;background:#fafbf8}input[type=color]{width:100%;height:40px;border:0}button,.import{border:1px solid #cbd4c7;border-radius:6px;padding:9px 12px;color:#304d3b;background:#fff;cursor:pointer;margin:4px 2px}button:hover,button.active{background:#355940;color:#fff}button:disabled{opacity:.5;cursor:default}#complete,#add{background:#355940;color:#fff;width:100%}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dimensions label{font-size:11px}#reference{width:100%;max-height:170px;object-fit:contain}#stages{display:grid;grid-template-columns:1fr 1fr}#stages button{text-align:left;font-size:12px}.workspace{padding:20px;min-width:0}.toolbar,.bottom{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.toolbar label{font-size:12px;margin-left:10px}#viewport{height:calc(100vh - 300px);min-height:420px;border:1px solid #d1d9cc;background:#e8ede4;border-radius:12px;overflow:hidden;position:relative}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#status{min-height:36px;padding:5px;color:#97632a;font-size:12px}.bottom>span{margin-right:auto}#load{display:none}#items{list-style:none;padding:0}#items button{width:100%;text-align:left}#selected{background:#eff3eb;padding:12px;border-radius:8px}[hidden]{display:none!important}@media(max-width:850px){main{grid-template-columns:1fr}aside{height:auto}.workspace{grid-row:1}#viewport{height:420px}header>span{display:none}.toolbar button{font-size:12px}.bottom{font-size:12px}}
.material-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:18px 0}.material-swatch{padding:4px!important;margin:0!important;overflow:hidden;text-align:left;font-size:10px;line-height:1.3}.material-swatch img{width:100%;height:62px;object-fit:cover;border-radius:3px}.material-swatch span{display:block;padding:4px}input[type=range]{display:block;width:100%;accent-color:#3c674e}label small{display:block;font-size:10px;color:#7e847a}.toolbar select{font-size:11px;padding:5px}.toolbar label{max-width:145px}.toolbar{row-gap:0}#final-render{background:#325b43;color:white}#final-output{margin-top:28px;padding:22px;background:#fff;border:1px solid #d3dbce;border-radius:12px}#final-image{display:block;width:100%;border-radius:6px}.final-title{display:flex;align-items:center;justify-content:space-between}.final-title h2{margin:0}.download{display:inline-block;padding:10px 14px;background:#325b43;color:white;border-radius:6px;text-decoration:none;font-size:12px}#final-output .bottom{margin-top:16px}#final-note{font-size:12px}
.workflow{display:flex;gap:8px;padding:10px 28px;flex-wrap:wrap;background:#e8ede3;border-bottom:1px solid #d0d8cc}.workflow button.active{background:#365e45;color:white}#library-panel{max-width:1000px;margin:20px auto;padding:22px;background:white;border-radius:12px}#library-panel input,#view-name,#project-name{padding:10px;border:1px solid #cbd3c6;border-radius:5px;width:100%}#project-list{display:flex;gap:10px;flex-wrap:wrap}.opening-row{padding:8px;background:#edf0e8;margin:5px 0;font-size:12px}.opening-row button{font-size:11px;padding:5px}#design-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px}.design-card{margin:0;padding:4px;font-size:11px;text-align:left}.design-card canvas{width:100%;height:auto}.design-card span{display:block;padding:5px}aside{height:calc(100vh - 145px)}#review-issues{padding:12px;background:#eef0e6;font-size:12px}#saved-views button{width:100%}#approve-design{background:#365e45;color:white}@media(max-width:850px){aside{height:auto}.workflow{padding:10px}.workflow button{font-size:11px}}