/* Editor layout: model library, dieline and generous live 3D preview. */
#arac.container{max-width:1600px;width:calc(100% - 32px)}
.dg-app{grid-template-columns:62px 270px minmax(260px,1fr) minmax(320px,1fr);height:780px}
.dg-card .thumb{height:112px;background:linear-gradient(145deg,#faf9f6,#efede7)}
.dg-card .thumb svg{width:100%;height:100%;max-height:none}
.dg-card .thumb img,.project-open .thumb img{display:block;width:100%;height:100%;object-fit:contain}
.dg-grid{gap:8px;grid-auto-rows:min-content}
.dg-card{min-height:154px}
.dg-card{min-height:180px;text-align:left}
.model-mode{display:block;padding:0 9px 9px;font-size:10px;color:#68717e;font-weight:500}
.library-filters{padding:0 12px 10px}.library-filters label{display:block;font-size:11px;margin-bottom:5px;color:#637084}.library-filters select{width:100%;padding:9px;border:1px solid #d9dfe8;border-radius:8px;background:white;color:#253044}.library-filters p{font-size:11px;color:#667085;margin:8px 0 0}
.dg-search[hidden],.library-filters[hidden]{display:none}
.dg-slider[hidden]{display:none}
.dg-projects{overflow:auto;text-align:left;padding:12px;flex:1;min-height:0}
.project-help,.project-empty{font-size:12px;line-height:1.6;color:#667085}
.project-card{border:1px solid #e1e5ed;background:#fff;border-radius:12px;margin-bottom:12px;overflow:hidden}
.project-open{border:0;background:none;width:100%;padding:10px;text-align:left;cursor:pointer}.project-open .thumb{height:120px;background:#f5f3ee;border-radius:8px}.project-open svg{width:100%;height:100%}.project-open strong,.project-open span{display:block;overflow-wrap:anywhere;margin-top:8px}.project-open span{font-size:11px;color:#667085}.project-remove,.project-undo{margin:0 10px 10px;border:1px solid #ddd;border-radius:7px;background:#fff;padding:6px 10px;color:#9d2854;cursor:pointer}
.project-save{padding:12px;border:1px solid #e4e7ec;border-radius:10px;margin-bottom:18px}.project-save label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.project-save input{width:100%;padding:9px;border:1px solid #d9dfe8;border-radius:6px}.project-save button{width:100%;margin-top:8px;background:#e6005c;color:white;border:0;border-radius:7px;padding:10px;font-weight:700;cursor:pointer}#projectStatus{font-size:12px;margin:8px 0 0;color:#586473}
.preview-only-note{padding:26px;max-width:400px;background:#fff;border:1px dashed #cbd2df;border-radius:14px;line-height:1.6;color:#596579}.preview-only-note b{color:#192334;font-size:18px}.preview-only-note a{color:#b4004a}.dg-fbtn:disabled{opacity:.4;cursor:not-allowed}.model-note{font-size:11px;max-width:320px;color:#7b5b33}
.dg-card .cap{min-height:42px;text-align:left;font-size:12px}
.dg-right{padding:14px;gap:20px}
.dg-3d{background:radial-gradient(ellipse at 50% 40%,#fff 5%,#f3f1eb 90%);border:1px solid #e8e5de;padding:14px}
.dg-3d #isoView{height:320px;cursor:grab;touch-action:none;outline-offset:2px}
.dg-3d #isoView:active{cursor:grabbing}
.preview-heading{display:flex;flex-direction:column;gap:8px}
.preview-heading strong{font-size:18px;color:#202431}
.preview-badge{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#8d6840}
.preview-help{font-size:11px;color:#626878;text-align:center;margin:4px 0 14px}
.preview-actions{display:flex;gap:5px;flex-wrap:wrap}
.preview-actions button,.preview-actions select{background:#fff;border:1px solid #d9dce3;border-radius:7px;padding:8px;font:inherit;font-size:11px;cursor:pointer;color:#303949}
.preview-actions button:focus-visible,.dg-card:focus-visible{outline:2px solid #e6005c;outline-offset:2px}
.dg-slider{margin-top:20px}.dg-slider input{min-width:30px}.dg-slider output{font-variant-numeric:tabular-nums}
.dg-canvas{background-color:#f6f7fa;background-image:radial-gradient(#dce0e8 .8px,transparent .8px);background-size:18px 18px}
.dg-cvtop{background:#ffffffdd}.dg-legend{gap:9px;font-size:10px}
@media(max-width:1250px) and (min-width:761px){.dg-app{grid-template-columns:56px 230px minmax(0,1fr);height:auto}.dg-rail{grid-row:1/3;flex-direction:column}.dg-lib{grid-row:1/3}.dg-canvas{grid-column:3;grid-row:2;min-height:360px}.dg-right{grid-column:3;grid-row:1;border-top:1px solid #eee}.dg-3d #isoView{height:280px}.dg-grid{max-height:850px}}
@media(max-width:760px){#arac.container{width:calc(100% - 20px)}.dg-app{display:flex;flex-direction:column;height:auto}.dg-rail{flex-direction:row}.dg-lib{order:1}.dg-right{order:2}.dg-canvas{order:3;min-height:380px}.dg-grid{max-height:290px;grid-template-columns:repeat(3,minmax(0,1fr))}.dg-card .thumb{height:85px;padding:3px}.dg-card .cap{font-size:10px;padding:7px}.dg-3d #isoView{height:290px}.dg-pbody{max-height:440px}.dg-railbtn{width:60px;flex:none}.dg-get{display:none}}

/* Real 3D stage is the primary workspace, with the flat template alongside. */
#real3dView{display:none;height:400px;width:100%;overflow:hidden;border-radius:10px;touch-action:none}
#real3dView canvas{display:block;width:100%;height:100%;cursor:grab;outline-offset:-3px}
#real3dView canvas:active{cursor:grabbing}
.webgl-ready #real3dView{display:block}.webgl-ready #isoView{display:none}
#real3dStatus{font-size:10px;letter-spacing:.5px;color:#737775;margin:9px 0 0}
.dg-3d{background:#f3f3f1;border-color:#e3e3df;padding:16px}
.preview-badge{color:#656b70}.dg-card .thumb{padding:0;background:#f3f3f1;height:126px}
.dg-card{min-height:194px}.dg-grid{gap:12px}
@media(min-width:1251px){.dg-app{grid-template-columns:62px 300px minmax(380px,1fr) 300px;height:900px}.dg-right{grid-column:3;grid-row:1}.dg-canvas{grid-column:4;grid-row:1}.dg-rail{grid-row:1}.dg-lib{grid-column:2;grid-row:1}}
@media(max-width:760px){#real3dView{height:330px}.dg-card .thumb{height:95px}.dg-card{min-height:160px}}