@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#15211e;background:#f5f5f1;margin:0;font-family:Manrope,Arial,sans-serif}main{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{color:#eaf0e9;background:#14211d;padding:34px 24px}.brand{align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand svg{color:#d5ee68}aside p{color:#aebcb6;margin-top:28px;font-size:13px;line-height:1.65}.projects{gap:8px;margin-top:54px;display:grid}.projects span,small,.meta span{letter-spacing:.12em;color:#93a29b;font:10px DM Mono}.projects button{color:#dce5df;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:11px}.projects button.selected,.projects button:hover{background:#263832}section{padding:35px 5vw}header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}h1{margin:5px 0;font-size:29px}h2{margin:0 0 20px;font-size:15px}button{font:600 13px Manrope}.primary,.outline{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;display:flex}.primary{color:#fff;background:#15211e;border:1px solid #15211e}.outline{color:#15211e;background:0 0;border:1px solid #c7cfca;width:100%;margin-top:22px}.primary:disabled,.outline:disabled{opacity:.55}.workspace{grid-template-columns:minmax(310px,430px) 1fr;gap:28px;display:grid}form,.preview{background:#fff;border:1px solid #e2e5e0;border-radius:12px;padding:27px}label{gap:7px;margin-top:16px;font-size:12px;font-weight:700;display:grid}input,select{color:#15211e;background:#fff;border:1px solid #d6ddd8;border-radius:6px;width:100%;padding:11px;font:500 14px Manrope}.grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.unit{position:relative}.unit input{padding-right:30px}.unit span{color:#74817b;font:10px DM Mono;position:absolute;top:12px;right:8px}.color{height:43px;padding:4px}hr{border:0;border-top:1px solid #e6e9e5;margin:28px 0}.drop{text-align:center;color:#597069;cursor:pointer;border:1px dashed #aab7af;border-radius:7px;padding:18px}.drop svg{margin:auto}.drop input{display:none}.three-preview{aspect-ratio:4/3;background:#14221e;border-radius:8px;width:100%;min-height:380px;max-height:70vh;position:relative;overflow:hidden}.three-preview canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.preview-title{color:#edf3e8;pointer-events:none;gap:3px;display:grid;position:absolute;bottom:18px;left:20px}.preview-title span{letter-spacing:.12em;color:#d5ee68;font:10px DM Mono}.preview-title strong{font-size:16px}.preview-title small{color:#b7c6c0;letter-spacing:0;font:10px Manrope}.meta{padding:18px 0 0}.meta strong{margin-top:5px;font:500 14px DM Mono;display:block}.render{background:#eff4dc;border-radius:7px;gap:10px;margin-top:20px;padding:14px;font-size:13px;display:grid}.render.failed{background:#fff0ed}.render video{border-radius:5px;width:100%}.message{color:#4a6657;font-size:13px}.hint{color:#74817b;margin:-8px 0 0;font-size:11px}.grid.faca{grid-template-columns:repeat(2,1fr);gap:10px}.projects button.new{color:#d5ee68;border:1px dashed #3c524a;align-items:center;gap:7px;margin-bottom:6px;display:flex}.dieline-report{background:#fafbf7;border:1px solid #e2e5e0;border-radius:8px;gap:6px;margin-top:18px;padding:14px;display:grid}.dieline-report span{letter-spacing:.12em;color:#74817b;font:10px DM Mono}.dieline-report p{color:#3c4c46;margin:0;font-size:12px;line-height:1.5}.dieline-report .outline{margin-top:8px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=850px){main{grid-template-columns:1fr}aside{padding:18px}.projects{margin-top:16px}.workspace{grid-template-columns:1fr}section{padding:24px}header{align-items:flex-end;gap:15px}.three-preview{min-height:280px}}