.mockup-card{margin-top:16px;border:1px solid #375a73;border-radius:15px;padding:18px;background:#0a1929;max-width:100%;box-sizing:border-box}.mockup-card h3{margin:0 0 10px}.mockup-status{color:#b6d9ee}.mockup-card progress{width:min(100%,420px);height:9px;accent-color:#60cef6}.mockup-captures{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;align-items:start;margin:15px 0}.mockup-captures figure{margin:0;min-width:0}.mockup-captures figcaption{font-size:12px;color:#b6d9ee;margin-bottom:8px}.mockup-captures img{display:block;width:100%;max-height:420px;object-fit:contain;object-position:top;border:1px solid #375a73;border-radius:9px;background:#06111d}.mockup-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.mockup-editor textarea{width:100%;box-sizing:border-box;min-height:85px;margin:8px 0}.mockup-error{color:#ff9292}.mockup-dialog{width:calc(100vw - 50px);max-width:1540px;height:90vh;box-sizing:border-box;border:1px solid #375a73;border-radius:15px;background:#071321;color:#eff7ff;padding:16px}.mockup-dialog::backdrop{background:#000b}.mockup-viewport{height:calc(100% - 110px);overflow:auto;background:#1c2b3d;padding:10px;box-sizing:border-box}.mockup-viewport iframe{display:block;width:1440px;max-width:none;height:100%;min-height:600px;border:0;background:white;margin:0 auto}.mockup-card details{font-size:12px;margin-top:15px}.mockup-card details p{margin:8px 0}@media(max-width:620px){.mockup-card{padding:12px}.mockup-captures{grid-template-columns:minmax(0,1fr)}.mockup-captures img{max-height:420px}.mockup-dialog{width:calc(100vw - 16px);padding:10px}.mockup-actions .btn{padding:10px 12px;font-size:12px}}