*{box-sizing:border-box}.dt3d-page{--dt-primary:#e51c23;--dt-primary-dark:#c9141b;--dt-primary-soft:#fff1f2;--dt-bg:#f5f6f8;--dt-panel:#fff;--dt-border:#e2e5e9;--dt-border-dark:#d3d7dc;--dt-text:#16181c;--dt-muted:#6d737c;--dt-light:#f0f2f4;background:var(--dt-bg);width:100%;min-height:100vh;color:var(--dt-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5}.dt3d-header{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1500px;margin:0 auto;padding:28px 28px 20px;display:flex}.dt3d-eyebrow{color:var(--dt-primary);letter-spacing:1.4px;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.dt3d-header h1{letter-spacing:-.8px;margin:0;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.15}.dt3d-header p{color:var(--dt-muted);margin:7px 0 0;font-size:15px}.dt3d-project-name{border:1px solid var(--dt-border);width:210px;height:42px;color:var(--dt-text);background:#fff;border-radius:9px;outline:none;padding:0 13px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}.dt3d-project-name:focus{border-color:var(--dt-primary);box-shadow:0 0 0 3px #e51c231a}.dt3d-ad{color:#9aa0a8;letter-spacing:.5px;text-transform:uppercase;background:#fafafa;border:1px dashed #d8dce1;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:1500px;min-height:90px;margin:0 auto 18px;padding:12px;font-size:11px;display:flex}.dt3d-bottom-ad{margin-top:24px}.dt3d-toolbar{border:1px solid var(--dt-border);background:#fff;border-bottom:0;border-radius:10px 10px 0 0;align-items:center;gap:5px;width:100%;max-width:1500px;min-height:52px;margin:0 auto;padding:7px 10px;display:flex;overflow-x:auto}.dt3d-toolbar button,.dt3d-file-button{color:#40454d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;min-height:34px;padding:0 11px;font-size:12px;font-weight:650;transition:background .15s,color .15s,border-color .15s}.dt3d-toolbar button:hover,.dt3d-file-button:hover{background:var(--dt-light)}.dt3d-toolbar button.active{background:var(--dt-primary-soft);color:var(--dt-primary);border-color:#ffd0d3}.dt3d-toolbar button:disabled{opacity:.35;cursor:not-allowed}.dt3d-divider{background:var(--dt-border);flex:none;width:1px;height:26px;margin:0 5px}.dt3d-grow{flex:1}.dt3d-file-button{justify-content:center;align-items:center;display:inline-flex}.dt3d-file-button input,.dt3d-mobile-nav{display:none}.dt3d-editor{border:1px solid var(--dt-border);background:#fff;grid-template-columns:250px minmax(0,1fr) 300px;width:100%;max-width:1500px;height:720px;min-height:0;margin:0 auto;display:grid;overflow:hidden}.dt3d-panel{background:var(--dt-panel);min-width:0}.dt3d-left-panel{border-right:1px solid var(--dt-border)}.dt3d-properties{border-left:1px solid var(--dt-border);overflow-y:auto}.dt3d-panel-title{border-bottom:1px solid var(--dt-border);align-items:center;height:52px;padding:0 16px;font-size:13px;font-weight:800;display:flex}.dt3d-layers-title{justify-content:space-between;margin-top:6px}.dt3d-layers-title span{background:var(--dt-light);min-width:22px;height:22px;color:var(--dt-muted);border-radius:20px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;display:inline-flex}.dt3d-object-grid{grid-template-columns:repeat(2,1fr);gap:7px;padding:12px;display:grid}.dt3d-object-grid button,.dt3d-image-add{border:1px solid var(--dt-border);color:#4b5057;cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:68px;padding:8px 5px;font-size:11px;font-weight:650;transition:transform .15s,border-color .15s,background .15s,color .15s;display:flex}.dt3d-object-grid button:hover,.dt3d-image-add:hover{background:var(--dt-primary-soft);color:var(--dt-primary);border-color:#ffb5ba;transform:translateY(-1px)}.dt3d-object-grid button strong,.dt3d-image-add strong{background:var(--dt-light);color:#555b64;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.dt3d-object-grid button:hover strong,.dt3d-image-add:hover strong{color:var(--dt-primary);background:#fff}.dt3d-image-add{position:relative}.dt3d-image-add input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dt3d-layers{max-height:350px;padding:7px;overflow-y:auto}.dt3d-layer{color:#444950;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:39px;padding:5px 8px;display:flex}.dt3d-layer:hover{background:var(--dt-light)}.dt3d-layer.selected{background:var(--dt-primary-soft);color:var(--dt-primary);border-color:#ffd0d3}.dt3d-layer>span{text-align:center;flex:0 0 24px;width:24px;font-size:12px}.dt3d-layer strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.dt3d-layer small{color:#9298a0;font-size:10px}.dt3d-empty{color:#9aa0a8;text-align:center;padding:24px 10px;font-size:12px}.dt3d-quick-actions{border-top:1px solid var(--dt-border);grid-template-columns:1fr 1fr;gap:7px;padding:10px;display:grid}.dt3d-quick-actions button{border:1px solid var(--dt-border);color:#555b63;cursor:pointer;background:#fff;border-radius:7px;height:34px;font-size:11px;font-weight:700}.dt3d-quick-actions button:hover{background:var(--dt-light)}.dt3d-quick-actions button:disabled{opacity:.4;cursor:not-allowed}.dt3d-viewport{background:#eef1f4;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.dt3d-viewport-top{border-bottom:1px solid var(--dt-border);z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:12px;height:46px;padding:0 10px 0 14px;display:flex;position:relative}.dt3d-viewport-top>span{color:var(--dt-muted);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:750}.dt3d-viewport-top>div{gap:4px;display:flex}.dt3d-viewport-top button{color:#666b73;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;height:29px;padding:0 8px;font-size:10px;font-weight:700}.dt3d-viewport-top button:hover{background:var(--dt-light)}.dt3d-viewport-top button.active{background:var(--dt-primary-soft);color:var(--dt-primary)}.dt3d-canvas{flex:1;min-height:570px;position:relative;overflow:hidden}.dt3d-canvas canvas{outline:none;display:block;width:100%!important;height:100%!important}.dt3d-canvas-message{pointer-events:none;text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dt3d-canvas-message strong{margin-bottom:3px;font-size:16px;font-weight:800}.dt3d-canvas-message span{color:var(--dt-muted);font-size:12px}.dt3d-viewport-bottom{border-top:1px solid var(--dt-border);background:#fff;align-items:center;gap:5px;min-height:45px;padding:6px 10px;display:flex;overflow-x:auto}.dt3d-viewport-bottom button{border:1px solid var(--dt-border);color:#60656d;white-space:nowrap;cursor:pointer;background:#fff;border-radius:6px;height:30px;padding:0 9px;font-size:10px;font-weight:700}.dt3d-viewport-bottom button:hover{background:var(--dt-light)}.dt3d-viewport-bottom button:disabled{opacity:.4;cursor:not-allowed}.dt3d-scene-popup{border:1px solid var(--dt-border);z-index:20;background:#fff;border-radius:10px;width:230px;padding:0;position:absolute;top:58px;right:12px;overflow:hidden;box-shadow:0 15px 45px #14191e29}.dt3d-popup-head{border-bottom:1px solid var(--dt-border);justify-content:space-between;align-items:center;min-height:45px;padding:0 12px;display:flex}.dt3d-popup-head strong{font-size:12px}.dt3d-popup-head button{color:#777;cursor:pointer;background:0 0;border:0;border-radius:6px;width:28px;height:28px;font-size:18px}.dt3d-popup-head button:hover{background:var(--dt-light)}.dt3d-scene-popup>label{color:#555a62;border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 12px;font-size:11px;font-weight:650;display:flex}.dt3d-scene-popup input[type=number]{border:1px solid var(--dt-border);border-radius:6px;outline:none;width:90px;height:30px;padding:0 8px}.dt3d-scene-popup input[type=number]:focus{border-color:var(--dt-primary)}.dt3d-scene-popup input[type=color]{border:1px solid var(--dt-border);cursor:pointer;border-radius:6px;width:40px;height:28px;padding:2px}.dt3d-property-header{border-bottom:1px solid var(--dt-border);justify-content:space-between;align-items:center;min-height:60px;padding:10px 14px;display:flex}.dt3d-property-header>div{min-width:0}.dt3d-property-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.dt3d-property-header small{color:var(--dt-muted);text-transform:uppercase;margin-top:1px;font-size:10px;display:block}.dt3d-property-header button{color:#777;cursor:pointer;background:0 0;border:0;border-radius:6px;width:28px;height:28px;font-size:18px}.dt3d-property-header button:hover{background:var(--dt-light)}.dt3d-property-section{border-bottom:1px solid var(--dt-border);padding:14px}.dt3d-property-section h3{text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:11px;font-weight:800}.dt3d-property-section label{color:#646a72;margin-bottom:11px;font-size:10px;font-weight:700;display:block}.dt3d-property-section label:last-child{margin-bottom:0}.dt3d-property-section input:not([type=range]):not([type=color]):not([type=checkbox]),.dt3d-property-section textarea{border:1px solid var(--dt-border);width:100%;color:var(--dt-text);background:#fff;border-radius:6px;outline:none;margin-top:5px;padding:8px 9px;font-family:inherit;font-size:11px}.dt3d-property-section input:focus,.dt3d-property-section textarea:focus{border-color:var(--dt-primary);box-shadow:0 0 0 2px #e51c2314}.dt3d-property-section textarea{resize:vertical;min-height:70px}.dt3d-control{margin-bottom:12px}.dt3d-control:last-child{margin-bottom:0}.dt3d-control-label{color:#646a72;margin-bottom:5px;font-size:10px;font-weight:700}.dt3d-vector{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.dt3d-vector label{margin:0;position:relative}.dt3d-vector label span{color:#9a9fa6;pointer-events:none;font-size:9px;font-weight:800;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.dt3d-vector input{width:100%!important;margin:0!important;padding-left:20px!important}.dt3d-dimensions{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.dt3d-dimensions label{margin:0}.dt3d-dimensions input{text-align:center;padding:7px!important}.dt3d-color{justify-content:space-between;align-items:center;min-height:34px;display:flex!important}.dt3d-color input[type=color]{border:1px solid var(--dt-border);cursor:pointer;background:#fff;border-radius:6px;width:52px;height:32px;margin:0;padding:2px}.dt3d-range{margin-bottom:13px!important}.dt3d-range>span{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.dt3d-range b{color:#8b9097;font-size:9px}.dt3d-range input[type=range]{width:100%;height:4px;accent-color:var(--dt-primary);cursor:pointer;margin:0}.dt3d-canvas{flex:auto;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.dt3d-canvas>div{width:100%!important;height:100%!important}.dt3d-canvas canvas{outline:none;max-width:100%;max-height:100%;display:block;width:100%!important;height:100%!important}@media (max-width:900px){.dt3d-editor{border-radius:0 0 9px 9px;width:calc(100% - 24px);height:680px;min-height:0;display:block;overflow:hidden}.dt3d-viewport,.dt3d-canvas{width:100%;height:100%;min-height:0}.dt3d-mobile-hide{display:none!important}}.dt3d-action-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.dt3d-action-grid button{border:1px solid var(--dt-border);color:#555b63;cursor:pointer;background:#fff;border-radius:7px;min-height:34px;font-size:10px;font-weight:750}.dt3d-action-grid button:hover{background:var(--dt-light)}.dt3d-action-grid button.danger{color:var(--dt-primary);border-color:#ffd0d3}.dt3d-action-grid button.danger:hover{background:var(--dt-primary-soft)}.dt3d-no-selection{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:30px 20px;display:flex}.dt3d-no-selection>div{background:var(--dt-primary-soft);width:50px;height:50px;color:var(--dt-primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;font-size:22px;display:flex}.dt3d-no-selection strong{font-size:12px}.dt3d-no-selection span{max-width:190px;color:var(--dt-muted);margin-top:4px;font-size:11px}.dt3d-export{border:1px solid var(--dt-border);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1500px;margin:18px auto 0;padding:17px 20px;display:flex}.dt3d-export strong{font-size:13px;display:block}.dt3d-export span{color:var(--dt-muted);margin-top:2px;font-size:11px;display:block}.dt3d-export>div:last-child{gap:6px;display:flex}.dt3d-export button{border:1px solid var(--dt-border);color:#555b63;cursor:pointer;background:#fff;border-radius:7px;min-width:58px;height:34px;padding:0 10px;font-size:10px;font-weight:800}.dt3d-export button:hover{border-color:var(--dt-primary);background:var(--dt-primary-soft);color:var(--dt-primary)}.dt3d-seo{width:100%;max-width:1050px;margin:38px auto 0;padding:0 22px}.dt3d-seo h2{margin:28px 0 9px;font-size:22px;font-weight:800;line-height:1.25}.dt3d-seo h2:first-child{margin-top:0}.dt3d-seo p,.dt3d-seo li{color:#5f656d;font-size:14px;line-height:1.75}.dt3d-seo ol{padding-left:22px}.dt3d-seo li{margin-bottom:4px}.dt3d-shortcuts{flex-wrap:wrap;gap:7px;display:flex}.dt3d-shortcuts span{border:1px solid var(--dt-border);color:#646a72;background:#fff;border-radius:7px;padding:7px 10px;font-size:11px}.dt3d-shortcuts b{color:var(--dt-text);margin-right:3px}.dt3d-seo details{border:1px solid var(--dt-border);background:#fff;border-radius:8px;margin-bottom:8px;overflow:hidden}.dt3d-seo summary{cursor:pointer;padding:13px 15px;font-size:13px;font-weight:750}.dt3d-seo details p{margin:0;padding:0 15px 14px}.dt3d-page *{scrollbar-width:thin;scrollbar-color:#cfd3d8 transparent}.dt3d-page ::-webkit-scrollbar{width:7px;height:7px}.dt3d-page ::-webkit-scrollbar-track{background:0 0}.dt3d-page ::-webkit-scrollbar-thumb{background:#cfd3d8;border-radius:20px}.dt3d-page ::-webkit-scrollbar-thumb:hover{background:#b8bdc4}@media (max-width:1150px){.dt3d-header,.dt3d-toolbar,.dt3d-editor,.dt3d-export,.dt3d-ad{width:calc(100% - 24px)}.dt3d-editor{grid-template-columns:215px minmax(350px,1fr) 270px}.dt3d-object-grid{grid-template-columns:repeat(2,1fr)}.dt3d-toolbar{overflow-x:auto}}@media (max-width:900px){.dt3d-header{flex-direction:column;align-items:flex-start;padding-top:20px}.dt3d-project-name{width:100%}.dt3d-mobile-nav{border:1px solid var(--dt-border);background:#fff;border-bottom:0;border-radius:9px 9px 0 0;grid-template-columns:repeat(3,1fr);gap:4px;width:calc(100% - 24px);margin:0 auto;padding:5px;display:grid}.dt3d-mobile-nav button{color:#686d75;cursor:pointer;background:0 0;border:0;border-radius:6px;height:36px;font-size:11px;font-weight:750}.dt3d-mobile-nav button.active{background:var(--dt-primary-soft);color:var(--dt-primary)}.dt3d-editor{border-radius:0 0 9px 9px;width:calc(100% - 24px);min-height:650px;display:block}.dt3d-left-panel,.dt3d-properties{border:0}.dt3d-mobile-hide{display:none!important}.dt3d-viewport{min-height:650px}.dt3d-canvas{min-height:550px}.dt3d-export{flex-direction:column;align-items:flex-start}.dt3d-export>div:last-child{width:100%}.dt3d-export button{flex:1}}@media (max-width:600px){.dt3d-page{font-size:13px}.dt3d-header,.dt3d-toolbar,.dt3d-editor,.dt3d-export,.dt3d-ad,.dt3d-mobile-nav{width:calc(100% - 16px)}.dt3d-header{padding:18px 4px 15px}.dt3d-header h1{font-size:25px}.dt3d-header p{font-size:13px}.dt3d-ad{min-height:70px}.dt3d-toolbar{border-radius:8px 8px 0 0}.dt3d-editor,.dt3d-viewport{min-height:600px}.dt3d-canvas{min-height:500px}.dt3d-viewport-top{padding-left:10px}.dt3d-viewport-top>div{overflow-x:auto}.dt3d-viewport-top button{padding:0 6px}.dt3d-object-grid{grid-template-columns:repeat(3,1fr)}.dt3d-object-grid button,.dt3d-image-add{min-height:62px}.dt3d-property-section{padding:12px}.dt3d-seo{padding:0 12px}.dt3d-seo h2{font-size:20px}.dt3d-seo p,.dt3d-seo li{font-size:14px}.dt3d-export{padding:14px}.dt3d-export>div:last-child{grid-template-columns:repeat(4,1fr);display:grid}.dt3d-export button{min-width:0;padding:0 5px}}@media (max-width:400px){.dt3d-header h1{font-size:22px}.dt3d-object-grid{grid-template-columns:repeat(2,1fr)}.dt3d-vector{gap:3px}.dt3d-export>div:last-child{grid-template-columns:repeat(2,1fr)}}