@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#243d36;background:#fafbf8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #38755c}button{color:inherit}header{height:88px;padding:0 34px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #e3e7df;background:#fff}a.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.2px;text-decoration:none;color:inherit}.brand-icon{display:grid;place-items:center;background:#284e3e;color:#e3f0bf;width:34px;height:38px;border-radius:9px 9px 2px 9px;font-size:26px;font-weight:500}.tag{font:600 9px 'DM Sans',sans-serif;letter-spacing:1.4px;background:#f0f2ec;padding:5px 7px;border-radius:4px;margin:4px 0 0 2px}.header-note{margin-left:auto;font-size:12px;color:#7c8880;display:flex;align-items:center;gap:8px}i,.active-dot{display:inline-block;width:6px;height:6px;background:#8aab68;border-radius:50%}.primary{background:#294d3d;border:1px solid #294d3d;color:#fff;padding:12px 20px;border-radius:7px;font-size:12px;font-weight:600}.primary:hover{background:#3d634d}main{display:grid;grid-template-columns:264px minmax(300px,1fr) 240px;min-height:720px;height:calc(100dvh - 130px)}.sidebar{padding:31px 24px 20px;border-right:1px solid #e3e7df;display:flex;flex-direction:column}.section-label{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8a9589}.section-label span{font-size:10px;letter-spacing:0;color:#a6afa2}h1{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-1.5px;font-size:32px;line-height:1.25;margin:24px 0 12px}.intro{color:#849084;font-size:12px;line-height:1.8;margin:0 0 27px}.upload{background:#f1f4eb;border:1px dashed #b6c3a8;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:21px 7px 17px;gap:9px;width:100%}.upload:hover{background:#e7eddd}.upload-icon{font-size:22px;border:1px solid #d6dfcc;border-radius:8px;width:37px;height:37px;background:#f9fbf5}.upload strong{font-size:12px;font-weight:600}.upload span:not(.upload-icon){font-size:9px;color:#84907e}.upload small{font-size:8px;letter-spacing:1px;color:#9aa58e;margin-top:3px}.folder-button{background:none;border:0;font-size:10px;color:#81917a;padding:11px}.model-label{margin-top:29px;margin-bottom:15px}.model-card{display:flex;align-items:center;gap:10px;padding:11px;background:white;border:1px solid #e3e7dd;border-radius:7px}.cube{font-size:26px;color:#6f8756;background:#eef1e8;width:34px;height:36px;text-align:center;border-radius:5px}.model-card div{min-width:0;flex:1}.model-card strong,.model-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-card strong{font-size:11px;font-weight:600}.model-card small{font-size:9px;color:#95a08e;margin-top:5px}dl{margin:15px 2px 24px;font-size:10px}dl div{display:flex;justify-content:space-between;padding:7px 0;gap:5px}dt{color:#929b8b}dd{margin:0;color:#61705a;text-align:right;font-variant-numeric:tabular-nums}.privacy{margin-top:auto;display:flex;gap:9px;color:#94a088}.privacy>span{font-size:20px}.privacy p{font-size:9px;line-height:1.8;margin:0}.privacy strong{display:block;color:#718367;font-weight:500}.text-button{background:none;border:0;text-align:left;padding:20px 0 0;font-size:10px;color:#75886a}.workspace{background:#e9ede9;position:relative;overflow:hidden;min-height:500px}.workspace-top{position:absolute;left:30px;right:28px;top:27px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:2}.eyebrow{font-size:8px;letter-spacing:2px;color:#7e9082}h2{font-family:Manrope,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.5px;margin:7px 0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-badge{font-size:8px;letter-spacing:1px;padding:8px 10px;background:#ffffff70;border:1px solid #ffffff90;border-radius:5px;display:flex;align-items:center;gap:6px}#viewport{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.view-tabs{position:absolute;left:50%;transform:translateX(-50%);bottom:79px;display:flex;padding:5px;background:#ffffffd9;box-shadow:0 4px 20px #263d3610;border:1px solid #ffffff;border-radius:9px;backdrop-filter:blur(10px)}.view-tabs button{font-size:10px;padding:10px 14px;border:0;background:transparent;color:#7e8d80;border-radius:5px}.view-tabs button.selected{background:#e7eddf;color:#3b543b}.tools{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;padding:5px;background:#ffffffc9;border-radius:9px;border:1px solid #fff}.tools button{background:none;border:0;width:34px;height:37px;font-size:23px;border-radius:5px;color:#6f8072}.tools button:hover,.tools button[aria-pressed=true]{background:#dce6d2}.tools>span{border-top:1px solid #e5e8df;margin:5px}.canvas-bottom{position:absolute;bottom:25px;left:25px;right:22px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px;color:#809083;pointer-events:none}.canvas-bottom b{margin:0 5px 0 12px;font-size:11px}.axis{white-space:nowrap}.axis b{color:#748f60}.axis em{color:#7899b0;font-style:normal}.axis strong{color:#b7887c}#status{position:absolute;left:24px;right:24px;top:100px;z-index:6;padding:12px 16px;font-size:12px;background:#ffffffeb;border:1px solid #d9e1d6;border-radius:6px;line-height:1.5}#status:empty{display:none}#status.error{color:#9a433c;background:#fff6f0;border-color:#dfb7a7}#drop-overlay{position:absolute;inset:12px;z-index:7;background:#edf3e9ed;border:2px dashed #73905c;border-radius:12px;align-content:center;text-align:center;font-size:25px;pointer-events:none}#drop-overlay span{display:block;font-size:12px;margin-top:14px}.settings{padding:32px 22px;border-left:1px solid #e3e7df;background:#fdfefa}.settings h3{font-size:11px;font-weight:400;color:#9ba48f;margin:12px 0 35px}.setting-title{display:block;font-size:11px;color:#52664c;margin-bottom:13px;font-weight:500}.setting-title output{float:right;color:#8e9f7c;font-size:10px}select{font-size:10px;border:1px solid #e0e6d8;border-radius:5px;background:#fff;padding:11px 8px;width:100%;color:#718263}.divider{border-top:1px solid #e8ecdf;margin:25px 0}input[type=range]{width:100%;accent-color:#759056;height:3px;margin:6px 0 15px}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#a2ad96}.swatches{display:flex;gap:12px}.swatch{background:var(--swatch);width:29px;height:29px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e1e5d9}.swatch.active{box-shadow:0 0 0 2px #7c9160}.toggle-row{display:flex;align-items:center;gap:10px;font-size:11px;color:#718263;margin:20px 0;cursor:pointer}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle{margin-left:auto;width:28px;height:16px;background:#dce3d5;border-radius:20px;padding:3px}.toggle:before{content:'';display:block;width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .2s}input:checked+.toggle{background:#869f69}input:checked+.toggle:before{transform:translateX(12px)}input:focus-visible+.toggle{outline:2px solid #294d3d;outline-offset:4px}.secondary{width:100%;margin-top:10px;padding:8px;background:#edf2e6;border:0;border-radius:4px;font-size:10px}button:disabled,select:disabled{opacity:.45;cursor:default}.tip{background:#eff3e8;border:1px solid #e6ebdd;border-radius:7px;padding:16px;margin-top:30px}.tip>span{font-size:8px;letter-spacing:1.4px;color:#8b9c72}.tip p{font-family:Manrope,sans-serif;font-size:13px;line-height:1.7;color:#6d8058}.tip small{font-size:9px;line-height:1.8;display:block;color:#93a17f}kbd{padding:1px 4px;background:#fff;border:1px solid #dbe3ce;border-radius:3px}footer{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-top:1px solid #e3e7df;color:#8b9585;font-size:9px}footer>span:first-child{letter-spacing:.4px}.muted{padding:0 10px;color:#c0c8b8}.workspace.dark h2,.workspace.dark .eyebrow,.workspace.dark .canvas-bottom{color:#d8e4d4}.workspace.dark .live-badge{color:#23392d}@media(min-width:1500px){main{grid-template-columns:290px minmax(400px,1fr) 260px}.sidebar{padding:35px 30px}.settings{padding:35px 26px}h1{font-size:38px}}@media(max-width:1100px){main{grid-template-columns:220px minmax(280px,1fr) 195px}.sidebar,.settings{padding-left:17px;padding-right:17px}h1{font-size:29px}.canvas-bottom>span:first-child{max-width:230px;line-height:1.8}.view-tabs button{padding:10px}.tip{padding:12px}}@media(max-width:820px){header{height:72px;padding:0 18px}.header-note,.tag{display:none}.primary{margin-left:auto}main{grid-template-columns:200px 1fr;height:auto;min-height:0}.workspace{min-height:620px}.settings{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;padding:24px}.settings .section-label{grid-column:1/-1}.settings h3,.settings .divider,.settings .tip,.range-labels{display:none}.settings .setting-title{margin:0;align-self:center}.toggle-row{margin:0}.settings input[type=range]{align-self:center;margin:0}.swatches{align-items:center}footer{font-size:8px;padding:0 18px}}@media(max-width:550px){a.brand{font-size:21px}.brand-icon{width:29px;height:32px}.primary{font-size:10px;padding:11px}header{gap:10px}main{display:flex;flex-direction:column}.sidebar{padding:18px;display:block;border-right:0}.sidebar .section-label,.sidebar h1,.intro,.privacy,.model-label,dl,.model-card,.text-button,.folder-button{display:none}.upload{padding:12px;display:grid;grid-template-columns:30px 1fr;gap:3px 10px;text-align:left}.upload-icon{grid-row:1/3;width:30px!important;height:30px!important;font-size:20px}.upload small{display:none}.upload strong,.upload span{text-align:left}.workspace{min-height:540px}.workspace-top{left:20px}.settings{display:grid}.view-tabs{bottom:70px}.canvas-bottom{left:10px;font-size:7px}.canvas-bottom b{margin-left:4px}.tools{right:12px}footer>span:last-child{display:none}}