.preview-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.preview-card{height:640px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;overflow:hidden}.preview-actions{display:flex;gap:10px;flex-shrink:0}.updated-preview .view-heading .muted{white-space:normal}.preview-card #model-content{flex:1;min-height:0;display:flex;flex-direction:column}.preview-card .orbit-space{flex:1;height:auto;min-height:0;margin:8px 0;overflow:hidden}.preview-card .rotation{margin:7px 0;flex-wrap:wrap}.preview-card .orbit-help{margin:5px 0;font-size:11px}.mockup-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px}.mockup-heading h2{font-size:22px;margin:0}.mockup-heading button{font-size:12px}.scene-image{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f4f2ed;border-radius:10px;margin-top:14px;touch-action:pan-y}.scene-image img{width:100%;height:100%;object-fit:cover}.scene-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;text-align:center}.scene-navigation p{font-size:13px;margin:0 0 7px}.scene-navigation>button{padding:7px 12px}.scene-navigation #scene-dots{display:flex;justify-content:center;gap:7px}#scene-dots button{border:0;padding:0;width:8px;height:8px;border-radius:50%;background:#d4d1dc}#scene-dots button[aria-pressed=true]{background:#6552ce}.preview-loading{margin:auto;padding:24px;text-align:center;font-size:13px;color:#777}.flat-zoom-stage{flex:1;position:relative;min-height:0;overflow:hidden;touch-action:none;background:#f6f5f2;border-radius:10px;margin-top:14px}.flat-zoom-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;transform-origin:center}.flat-zoom-controls{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:14px}.flat-zoom-controls button{padding:7px 10px;font-size:12px}.flat-zoom-controls output{font-size:12px;min-width:40px;text-align:center}.export-die-preview{display:flex;flex-direction:column;width:100%;height:230px;align-items:center;justify-content:center;background:#f6f5f2;padding:10px;margin-top:18px}.export-die-preview img{width:100%;height:calc(100% - 22px);object-fit:contain}.export-die-preview span{font-size:11px;color:#666;margin-top:5px}dialog.die-preview-dialog{width:min(1100px,95vw)}#large-die{height:70vh;display:flex;flex-direction:column}.die-preview-dialog .modal-body{padding-top:10px}
@media(max-width:899px){.preview-cards{grid-template-columns:1fr;gap:18px}.preview-card{height:590px;padding:14px}.updated-preview .view-heading{align-items:stretch}.preview-actions{width:100%;display:flex;flex-direction:column}.preview-actions button{width:100%}.preview-card .rotation input{min-width:70px}.updated-preview .view-heading h1{overflow-wrap:anywhere}.updated-preview .page{padding:20px}.flat-zoom-controls{gap:5px}}

.table-scene-name{text-align:center;font-size:13px;margin:12px 0 0}
.updated-preview .preview-card #model-content>.preview-model-stage,.updated-preview .preview-card #model-content>.flat-zoom-stage{flex:1;min-height:0;height:auto;margin:14px 0 0;border-radius:10px;background:#f6f5f2;position:relative;overflow:hidden}
.preview-model-stage{position:relative;perspective:none;display:flex;justify-content:center;align-items:center;touch-action:none;user-select:none}
.preview-model-stage #carton{flex:none;margin:0;position:relative;left:auto;top:auto;transition:none;transform-origin:center;translate:0 4px}
.panel-view-chips{position:absolute;top:10px;left:10px;display:flex;gap:4px;z-index:5}.panel-view-chips button{font-size:11px;padding:5px 8px;background:#fff;border:1px solid #e2dfe7;border-radius:6px}.panel-view-chips button[aria-pressed=true]{background:#efedff;color:#6552ce;border-color:#c6bdef}.stage-hint{position:absolute;bottom:10px;left:0;width:100%;text-align:center;font-size:11px;color:#767676;margin:0;pointer-events:none}.updated-preview .flat-zoom-controls{flex:0 0 48px;padding-top:12px}.updated-preview .flat-zoom-controls output{min-width:45px}

.rotation-symbol{position:absolute;right:10px;top:10px;width:44px;height:36px;color:#555;z-index:5;pointer-events:none}.pro-3d{background:#fff;overflow:hidden}.editor-model-host{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 12px 12px}.pro-3d .editor-model-host .preview-model-stage{flex:1;min-height:0;height:auto;margin:10px 0 0;border-radius:10px;background:#f6f5f2;perspective:none;overflow:hidden}.editor-model-host .flat-zoom-controls{flex:0 0 48px;padding-top:12px}.editor-model-host .stage-hint{font-size:10px}.editor-model-host .panel-view-chips{gap:3px;left:8px}.editor-model-host .panel-view-chips button{padding:5px 6px}

.workflow-page .page.updated-preview,.workflow-page .page.compact-export{padding-top:24px;margin-top:0}.updated-preview{--preview-stage-height:max(420px,70vh)}.updated-preview .preview-card{height:auto}.updated-preview .model-panel>.segmented,.updated-preview .mockup-heading{height:40px;min-height:40px;flex:none}.updated-preview .preview-card #model-content{flex:none}.updated-preview .preview-card #model-content>.preview-model-stage,.updated-preview .preview-card #model-content>.flat-zoom-stage,.updated-preview .scene-image{height:var(--preview-stage-height);min-height:var(--preview-stage-height);flex:none;box-sizing:border-box}.updated-preview .table-scene-name{height:48px;margin:0;display:flex;align-items:center;justify-content:center}.mobile-preview-next{display:none}@media(max-width:899px){#header-continue-export{display:none}.mobile-preview-next{display:block;width:100%}.updated-preview .preview-cards{grid-template-columns:minmax(0,1fr)}}

.compact-export .export-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.compact-export .export-die-preview{height:auto;min-height:230px;padding:0;border-radius:10px;overflow:hidden}.compact-export .export-die-preview img{width:100%;height:auto;display:block}.compact-export .export-die-preview span{margin:8px 0 12px}.compact-export #download-project{background:transparent;color:var(--ink,#303030);border:1px solid #ccc}.workflow-page .header-right{gap:6px}.workflow-page .header-right button{padding:8px 9px}

.export-specification .spec-row,.export-specification .helper{font-size:12px}.export-specification .spec-row{gap:12px;align-items:start}.export-specification .spec-row b{font-size:inherit;text-align:right}.compact-export #pdf-progress:empty{display:none}
