.deliverable-preview{color:#202126;min-width:0;font-family:Inter,system-ui,sans-serif}.deliverable-preview-toolbar{background:#fff;border:1px solid #e4e6eb;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.deliverable-preview-toolbar>span{font-size:12px;font-weight:650}.deliverable-preview-toolbar>div{gap:4px;display:flex}.deliverable-preview-toolbar button{color:#202126;cursor:pointer;background:#fff;border:0;border-radius:6px;min-width:44px;min-height:44px;padding:8px 10px;font-size:12px}.deliverable-preview-toolbar button[aria-pressed=true]{color:#fff;background:#202126}.deliverable-preview-stage{background:#e4e6eb;justify-content:center;padding:16px;display:flex}.deliverable-preview .quick-confirm-render-frame{background:#fff;border:1px solid #e4e6eb;border-radius:4px;min-width:0;max-width:100%;height:720px;min-height:500px;display:block}.deliverable-preview>p{color:#676b75;background:#fff;margin:0;padding:10px 12px;font-size:11px;line-height:1.6}@media (width<=600px){.deliverable-preview-stage{padding:5px}.deliverable-preview-toolbar{flex-wrap:wrap}.deliverable-preview .quick-confirm-render-frame{height:620px}}.quick-confirm-render-surface .quick-confirm-frame-wrap{height:auto;min-height:0;box-shadow:none;border-radius:10px;overflow:visible}.deliverable-preview .quick-confirm-render-frame{pointer-events:auto;transform:none}.deliverable-preview{--deliverable-frame-height:720px}.deliverable-preview-toolbar>span{flex-shrink:0}.deliverable-preview-toolbar small{color:#676b75;font-variant-numeric:tabular-nums;margin-top:3px;font-size:10px;font-weight:400;display:block}.deliverable-preview-viewport{max-width:100%;height:calc(var(--deliverable-frame-height) * var(--deliverable-scale));background:#fff;flex:none;overflow:hidden;box-shadow:0 4px 20px #20212612}.deliverable-preview .deliverable-preview-viewport .quick-confirm-render-frame{min-width:0;max-width:none;min-height:0;height:var(--deliverable-frame-height);transform-origin:0 0;border:0;border-radius:0}@media (width<=600px){.deliverable-preview{--deliverable-frame-height:620px}.deliverable-preview-toolbar{gap:8px;padding:10px}.deliverable-preview-toolbar>span{justify-content:space-between;align-items:center;width:100%;display:flex}.deliverable-preview-toolbar small{margin:0}.deliverable-preview-toolbar>div{width:100%}.deliverable-preview-toolbar button{flex:1}}
