.mockup-module__IqkpLa__page{background:var(--cp-color-bg);color:var(--cp-color-text-primary)}.mockup-module__IqkpLa__page :where(button,input,select,summary,a):focus-visible{outline:2px solid var(--cp-color-brand);outline-offset:3px}.mockup-module__IqkpLa__page button{cursor:pointer}.mockup-module__IqkpLa__page button:disabled{cursor:default;opacity:.5}.mockup-module__IqkpLa__hero{padding:2rem 0 3rem}.mockup-module__IqkpLa__back{color:var(--cp-color-text-secondary);margin-bottom:2rem;font-size:.8rem;display:inline-block}.mockup-module__IqkpLa__hero h1{font-size:clamp(2.5rem,4.2vw,4.5rem);font-weight:var(--cp-weight-display);letter-spacing:-.05em;margin:1rem 0 1.5rem;line-height:1.12}.mockup-module__IqkpLa__hero h1 span{color:var(--cp-color-brand)}.mockup-module__IqkpLa__hero p:not(.cp-eyebrow){color:var(--cp-color-text-secondary);font-size:1rem;line-height:1.8}.mockup-module__IqkpLa__workspace{padding-bottom:5rem}.mockup-module__IqkpLa__app{min-width:0}.mockup-module__IqkpLa__toolbar{border-top:var(--cp-border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem 0;display:flex}.mockup-module__IqkpLa__toolbar>div:last-child{flex-wrap:wrap;gap:.5rem;display:flex}.mockup-module__IqkpLa__toolbar p{color:var(--cp-color-text-secondary);margin-top:.4rem;font-size:.85rem}.mockup-module__IqkpLa__badge{letter-spacing:.1em;font-size:.65rem;font-weight:var(--cp-weight-ui);color:var(--cp-color-brand)}.mockup-module__IqkpLa__toolbar button,.mockup-module__IqkpLa__views button,.mockup-module__IqkpLa__animationControls button,.mockup-module__IqkpLa__error button{border:var(--cp-border);border-radius:var(--cp-radius-sm);min-height:var(--cp-hit-target);color:var(--cp-color-text-primary);background:#fff;padding:.65rem .8rem;font-size:.8rem}.mockup-module__IqkpLa__downloadRow>button:not(.cp-button){border:var(--cp-border);border-radius:var(--cp-radius-sm);min-height:var(--cp-hit-target);color:var(--cp-color-text-primary);background:#fff;padding:.65rem .8rem;font-size:.8rem}.mockup-module__IqkpLa__toolbar button:hover,.mockup-module__IqkpLa__views button:hover,.mockup-module__IqkpLa__animationControls button:hover{border-color:var(--cp-color-brand);background:var(--cp-color-brand-soft)}.mockup-module__IqkpLa__layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.mockup-module__IqkpLa__settings{border:var(--cp-border);border-radius:var(--cp-radius-lg);background:#fff;padding:1.5rem}.mockup-module__IqkpLa__app fieldset{border:0;min-width:0;margin:0;padding:0}.mockup-module__IqkpLa__settings legend,.mockup-module__IqkpLa__studioHeading>div>span,.mockup-module__IqkpLa__exportHeading>div>span{letter-spacing:.1em;font-size:.65rem;font-weight:var(--cp-weight-ui);color:var(--cp-color-text-secondary)}.mockup-module__IqkpLa__settings h2,.mockup-module__IqkpLa__studioHeading h2,.mockup-module__IqkpLa__exportHeading h2{font-size:1.2rem;font-weight:var(--cp-weight-heading);margin:.5rem 0 1.25rem;line-height:1.45}.mockup-module__IqkpLa__dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.mockup-module__IqkpLa__app label{font-size:.8rem;font-weight:var(--cp-weight-ui)}.mockup-module__IqkpLa__dimensions label>span{font-size:.65rem;font-weight:var(--cp-weight-body);color:var(--cp-color-text-secondary)}.mockup-module__IqkpLa__app input[type=number],.mockup-module__IqkpLa__app select{border:var(--cp-border);border-radius:var(--cp-radius-sm);width:100%;color:var(--cp-color-text-primary);min-height:var(--cp-hit-target);background:#fff;margin-top:.45rem;padding:.65rem;font-size:.85rem;display:block}.mockup-module__IqkpLa__expected{color:var(--cp-color-text-secondary);margin:1rem 0 1.5rem;font-size:.75rem;line-height:1.7}.mockup-module__IqkpLa__expected strong{color:var(--cp-color-text-primary)}.mockup-module__IqkpLa__pdfInput{margin-top:1.25rem}.mockup-module__IqkpLa__inputTitle{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mockup-module__IqkpLa__inputTitle strong{font-size:.85rem;font-weight:var(--cp-weight-ui)}.mockup-module__IqkpLa__inputTitle button{min-height:2.75rem;color:var(--cp-color-text-secondary);background:0 0;border:0;font-size:.75rem}.mockup-module__IqkpLa__dropzone{background:var(--cp-color-surface-raised);border:1px dashed var(--cp-color-border-strong);border-radius:var(--cp-radius-sm);cursor:pointer;margin-top:.5rem;padding:1rem;display:block;position:relative}.mockup-module__IqkpLa__dropzone[data-drag=true],.mockup-module__IqkpLa__dropzone:focus-within{border-color:var(--cp-color-brand);background:var(--cp-color-brand-soft)}.mockup-module__IqkpLa__dropzone>span{overflow-wrap:anywhere;font-size:.8rem;display:block}.mockup-module__IqkpLa__dropzone small{color:var(--cp-color-text-secondary);font-size:.7rem;font-weight:var(--cp-weight-body);margin-top:.45rem;line-height:1.65;display:block}.mockup-module__IqkpLa__dropzone input{width:100%;color:var(--cp-color-text-secondary);margin-top:.75rem;font-size:.7rem;display:block}.mockup-module__IqkpLa__dropzone input::file-selector-button{border:var(--cp-border);color:var(--cp-color-text-primary);cursor:pointer;background:#fff;border-radius:.35rem;margin-right:.4rem;padding:.4rem .5rem}.mockup-module__IqkpLa__fileStatus{color:var(--cp-color-text-secondary);overflow-wrap:anywhere;margin-top:.5rem;font-size:.7rem;line-height:1.7}.mockup-module__IqkpLa__fileStatus[data-valid=true]{color:var(--cp-color-success)}.mockup-module__IqkpLa__inputError{color:var(--cp-color-warning);margin-top:.45rem;font-size:.7rem;line-height:1.5;display:block}.mockup-module__IqkpLa__pdfPreview{margin:.75rem 0 0}.mockup-module__IqkpLa__pdfPreview canvas{border:var(--cp-border);border-radius:var(--cp-radius-sm);background:#fff;width:100%;height:auto;display:block}.mockup-module__IqkpLa__pdfPreview figcaption{color:var(--cp-color-text-secondary);margin-top:.4rem;font-size:.7rem}.mockup-module__IqkpLa__warnings{color:var(--cp-color-warning);margin-top:.5rem;font-size:.75rem;line-height:1.7}.mockup-module__IqkpLa__warnings summary{cursor:pointer;min-height:2.75rem;padding:.5rem 0}.mockup-module__IqkpLa__warnings p{padding:.4rem 0}.mockup-module__IqkpLa__selectLabel{margin-top:1.5rem;display:block}.mockup-module__IqkpLa__caption{color:var(--cp-color-text-secondary);margin-top:.6rem;font-size:.75rem;line-height:1.75}.mockup-module__IqkpLa__studioPanel{border:var(--cp-border);border-radius:var(--cp-radius-lg);background:#fff;min-width:0;overflow:hidden}.mockup-module__IqkpLa__studioHeading{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.5rem 0;display:flex}.mockup-module__IqkpLa__studioHeading h2{margin-bottom:1rem}.mockup-module__IqkpLa__live{color:var(--cp-color-brand);background:var(--cp-color-brand-soft);border-radius:var(--cp-radius-pill);white-space:nowrap;padding:.35rem .6rem;font-size:.65rem}.mockup-module__IqkpLa__viewer{touch-action:none;height:clamp(380px,38vw,560px);position:relative}.mockup-module__IqkpLa__viewerNotice{pointer-events:none;text-align:center;color:var(--cp-color-text-secondary);border-radius:var(--cp-radius-sm);background:#ffffffdf;padding:.65rem;font-size:.8rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.mockup-module__IqkpLa__loading{min-height:380px;color:var(--cp-color-text-secondary);place-items:center;font-size:.85rem;display:grid}.mockup-module__IqkpLa__gesture{text-align:center;color:var(--cp-color-text-secondary);padding:.85rem 1rem;font-size:.75rem}.mockup-module__IqkpLa__app .mockup-module__IqkpLa__studioControls{padding:0 1.5rem 1.5rem}.mockup-module__IqkpLa__views{flex-wrap:wrap;gap:.4rem;display:flex}.mockup-module__IqkpLa__views button{padding:.55rem .65rem;font-size:.75rem}.mockup-module__IqkpLa__fold{margin:1.25rem 0;display:block}.mockup-module__IqkpLa__fold output{float:right;color:var(--cp-color-brand);font-variant-numeric:tabular-nums}.mockup-module__IqkpLa__fold input{width:100%;accent-color:var(--cp-color-brand);min-height:1.5rem;margin-top:.5rem;display:block}.mockup-module__IqkpLa__animationControls{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.mockup-module__IqkpLa__animationControls label:first-child{flex:1;min-width:160px}.mockup-module__IqkpLa__animationControls label:nth-child(2){min-width:65px}.mockup-module__IqkpLa__animationControls button{font-size:.75rem}.mockup-module__IqkpLa__exportPanel{border-top:var(--cp-border);background:var(--cp-color-surface-raised);padding:1.5rem}.mockup-module__IqkpLa__exportHeading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mockup-module__IqkpLa__exportHeading h2{margin-bottom:1rem}.mockup-module__IqkpLa__mode{border:var(--cp-border);border-radius:var(--cp-radius-sm);background:#fff;padding:.25rem;display:flex}.mockup-module__IqkpLa__mode button{min-height:var(--cp-hit-target);color:var(--cp-color-text-secondary);background:0 0;border:0;border-radius:.35rem;padding:.5rem .8rem;font-size:.8rem}.mockup-module__IqkpLa__mode button[aria-pressed=true]{background:var(--cp-color-brand-soft);color:var(--cp-color-brand)}.mockup-module__IqkpLa__exportOptions{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.mockup-module__IqkpLa__downloadRow{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.mockup-module__IqkpLa__downloadRow progress{min-width:100px;max-width:250px;accent-color:var(--cp-color-brand);flex:1;height:6px}.mockup-module__IqkpLa__downloadRow>span{color:var(--cp-color-brand);font-size:.8rem}.mockup-module__IqkpLa__error{color:var(--cp-color-error);border-radius:var(--cp-radius-sm);background:#fff0ee;margin-top:1rem;padding:1rem;font-size:.85rem;line-height:1.7}.mockup-module__IqkpLa__error button{margin-top:.5rem}.mockup-module__IqkpLa__guide{border-bottom:var(--cp-border);margin-top:1.5rem;padding:1.25rem 0}.mockup-module__IqkpLa__guide summary{cursor:pointer;font-size:.9rem;font-weight:var(--cp-weight-ui);min-height:var(--cp-hit-target)}.mockup-module__IqkpLa__guide p{color:var(--cp-color-text-secondary);max-width:65rem;font-size:.85rem;line-height:1.8}@media (max-width:75rem){.mockup-module__IqkpLa__layout{grid-template-columns:300px minmax(0,1fr);gap:1rem}.mockup-module__IqkpLa__settings,.mockup-module__IqkpLa__exportPanel{padding:1.25rem}.mockup-module__IqkpLa__exportOptions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:60rem){.mockup-module__IqkpLa__layout{grid-template-columns:1fr}.mockup-module__IqkpLa__toolbar{flex-wrap:wrap}.mockup-module__IqkpLa__settings{padding:1.5rem}.mockup-module__IqkpLa__settings fieldset{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.mockup-module__IqkpLa__settings h2,.mockup-module__IqkpLa__dimensions,.mockup-module__IqkpLa__expected,.mockup-module__IqkpLa__selectLabel,.mockup-module__IqkpLa__settings>fieldset>.mockup-module__IqkpLa__caption{grid-column:1/-1}.mockup-module__IqkpLa__expected{margin:0}.mockup-module__IqkpLa__pdfInput{margin-top:0}.mockup-module__IqkpLa__dimensions{max-width:25rem}.mockup-module__IqkpLa__settings legend{margin-bottom:.5rem}.mockup-module__IqkpLa__selectLabel{margin-top:0}}@media (max-width:40rem){.mockup-module__IqkpLa__hero{padding-bottom:2rem}.mockup-module__IqkpLa__hero h1 span{display:block}.mockup-module__IqkpLa__hero p br{display:none}.mockup-module__IqkpLa__toolbar>div:last-child{width:100%}.mockup-module__IqkpLa__toolbar button{flex:1;font-size:.75rem}.mockup-module__IqkpLa__settings{padding:1.25rem}.mockup-module__IqkpLa__settings fieldset{display:block}.mockup-module__IqkpLa__pdfInput{margin-top:1.25rem}.mockup-module__IqkpLa__expected{margin:1rem 0}.mockup-module__IqkpLa__selectLabel{margin-top:1.25rem}.mockup-module__IqkpLa__studioHeading{padding:1.25rem 1rem 0}.mockup-module__IqkpLa__studioHeading h2{font-size:1.05rem}.mockup-module__IqkpLa__live{font-size:.55rem}.mockup-module__IqkpLa__viewer{height:360px}.mockup-module__IqkpLa__gesture{font-size:.65rem}.mockup-module__IqkpLa__app .mockup-module__IqkpLa__studioControls,.mockup-module__IqkpLa__exportPanel{padding:1rem}.mockup-module__IqkpLa__animationControls button{flex:1}.mockup-module__IqkpLa__exportHeading{flex-wrap:wrap;align-items:flex-start}.mockup-module__IqkpLa__exportHeading h2{font-size:1.1rem}.mockup-module__IqkpLa__mode{margin-bottom:1rem}.mockup-module__IqkpLa__downloadRow .cp-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.mockup-module__IqkpLa__app *,.mockup-module__IqkpLa__app :before,.mockup-module__IqkpLa__app :after{transition:none!important;animation:none!important}}
.mockup-module__sPIkGa__animationControls{margin-top:1.25rem}@media (max-width:60rem){.mockup-module__sPIkGa__settings fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:40rem){.mockup-module__sPIkGa__settings fieldset{display:block}}