.mockup-page_workspace__ED8Ts{height:calc(100dvh - var(--mobile-bar-height, 0px));background:#f7f9fc}.mockup-page_studio__1TorY,.mockup-page_workspace__ED8Ts{display:grid;grid-template-rows:minmax(0,1fr);min-height:0}.mockup-page_studio__1TorY{--studio-background:#e5e7eb;--viewport-safe-left:calc(76px + 336px - 2px);position:relative;grid-template-columns:76px minmax(292px,336px) minmax(0,1fr);height:100%;overflow:hidden;background:var(--studio-background);isolation:isolate}.mockup-page_rail___oe18{position:relative;z-index:8;display:flex;grid-column:1;grid-row:1;width:max-content;flex-direction:column;gap:8px;margin:22px 0 22px 18px;padding:10px 8px;border:1px solid rgba(255,255,255,.82);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(27,40,70,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-self:start;justify-self:start}.mockup-page_railButton__PXkpK{display:flex;width:50px;min-height:62px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px 4px;border:0;border-radius:14px;color:#667085;background:transparent;cursor:pointer;font-size:12px;font-weight:750;transition:color .16s ease,background .16s ease,transform .16s ease}.mockup-page_railButton__PXkpK:focus-visible,.mockup-page_railButton__PXkpK:hover{color:#0753f4;background:#eef5ff}.mockup-page_railButtonActive__rN4QE{color:#0753f4;background:#eaf3ff}.mockup-page_panel__WTknT{position:relative;z-index:7;grid-column:2;grid-row:1;align-self:start;max-height:calc(100% - 44px);margin:22px 14px 22px 18px;overflow:auto;border:1px solid rgba(255,255,255,.88);border-radius:24px;color:#172033;background:rgba(255,255,255,.94);box-shadow:0 20px 55px rgba(26,38,68,.14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mockup-page_panel__WTknT::-webkit-scrollbar{width:8px}.mockup-page_panel__WTknT::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:rgba(111,128,163,.28);background-clip:padding-box}.mockup-page_panelHeader__qZjmL{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:22px 22px 15px;border-bottom:1px solid rgba(218,226,240,.78);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mockup-page_mobilePanelClose__jXW3U{display:none;border:0;cursor:pointer;color:#536176;background:#eef3fa}.mockup-page_panelTitle__uI33w{margin:0;color:#172033;font-size:20px;font-weight:820}.mockup-page_panelSubtitle__gV82k{margin:7px 0 0;color:#748198;font-size:13px;line-height:1.45}.mockup-page_panelBody__eZU56{display:grid;grid-gap:14px;gap:14px;padding:16px 18px 22px}.mockup-page_section__GMxIz{display:grid;grid-gap:12px;gap:12px;padding:15px;border:1px solid #e6ebf3;border-radius:18px;background:#fff}.mockup-page_sectionHeading__80_ft{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mockup-page_sectionHeading__80_ft h3{margin:0;color:#202a3c;font-size:15px;font-weight:800}.mockup-page_sectionHeading__80_ft span{flex:1 1;color:#7a879d;font-size:12px;line-height:1.35;text-align:right}.mockup-page_bottomButton__IAKdb,.mockup-page_primaryButton__qVXSO,.mockup-page_secondaryButton__oWsTm{border:0;cursor:pointer}.mockup-page_primaryButton__qVXSO,.mockup-page_secondaryButton__oWsTm{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:12px;font-size:14px;font-weight:780}.mockup-page_primaryButton__qVXSO{color:#fff;background:linear-gradient(135deg,#0776ff,#0753f4);box-shadow:0 10px 24px rgba(7,83,244,.2)}.mockup-page_secondaryButton__oWsTm{color:#32415c;background:#eef3fa}.mockup-page_buttonRow__fYZLE{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.mockup-page_modelGrid__nVBIj{display:grid;grid-gap:12px;gap:12px}.mockup-page_libraryTabs__FMSNG{display:flex;gap:4px;margin:16px 18px 0;padding:4px;border-radius:12px;background:#eef3fa}.mockup-page_libraryTab__qBTon{flex:1 1;min-width:0;min-height:40px;border:0;border-radius:9px;background:transparent;color:#64748b;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.mockup-page_libraryTabActive__wN4is{color:#0753f4;background:#fff;box-shadow:0 2px 8px rgba(26,38,68,.08)}.mockup-page_libraryTab__qBTon:focus-visible{outline:2px solid #0776ff;outline-offset:2px}.mockup-page_libraryMessage__GcJeZ{margin:0;color:#64748b;font-size:13px;line-height:1.7}.mockup-page_modelCopy___X5rm{min-width:0;overflow-wrap:anywhere}.mockup-page_modelCopy___X5rm time{display:block;margin-top:5px;color:#748198;font-size:11px}.mockup-page_modelCard__1ZVUn{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;grid-gap:13px;gap:13px;padding:12px;border:1px solid #e2e8f2;border-radius:16px;cursor:pointer;color:#243047;background:#fff;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.mockup-page_modelCard__1ZVUn:focus-visible,.mockup-page_modelCard__1ZVUn:hover{border-color:#9ac1ff;box-shadow:0 10px 24px rgba(32,74,145,.1);transform:translateY(-1px)}.mockup-page_modelCardActive__3TQmB{border-color:#0776ff;box-shadow:0 0 0 2px rgba(7,118,255,.12)}.mockup-page_modelPreview__xW17_{position:relative;display:grid;width:78px;height:68px;place-items:center;overflow:hidden;border-radius:12px;color:#52627e;background:linear-gradient(145deg,#f9fbff,#edf3fb)}.mockup-page_modelPreviewPhoto__k7p2d{background-color:#eff4e7;background-position:50%;background-repeat:no-repeat;background-size:cover}.mockup-page_modelCopy___X5rm span,.mockup-page_modelCopy___X5rm strong{display:block}.mockup-page_modelCopy___X5rm strong{color:#202a3d;font-size:14px}.mockup-page_modelCopy___X5rm span{margin-top:5px;color:#7b879b;font-size:12px;line-height:1.4}.mockup-page_segmented__ERe5t{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;padding:4px;border-radius:12px;background:#edf2f8}.mockup-page_segmentButton__kiX_a{min-height:34px;padding:0 5px;border:0;border-radius:9px;cursor:pointer;color:#68758d;background:transparent;font-size:13px;font-weight:750}.mockup-page_segmentActive__N_GGY{color:#14213a;background:#fff;box-shadow:0 4px 12px rgba(34,52,86,.09)}.mockup-page_field__wUA21 input:disabled,.mockup-page_primaryButton__qVXSO:disabled,.mockup-page_secondaryButton__oWsTm:disabled{cursor:not-allowed;opacity:.58}.mockup-page_colorControl__DIwyX{display:grid;grid-gap:10px;gap:10px}.mockup-page_surfaceColorRow__znR5S{display:grid;grid-template-columns:68px minmax(0,1fr);grid-gap:10px;gap:10px}.mockup-page_colorField__oYprM,.mockup-page_field__wUA21,.mockup-page_rangeField__MdkKP{display:grid;grid-gap:6px;gap:6px;color:#67758c;font-size:11px;font-weight:720}.mockup-page_field__wUA21 input{width:100%;min-width:0;height:38px;padding:0 9px;border:1px solid #dce4ef;border-radius:10px;outline:none;color:#26324a;background:#f9fbfd;font-size:13px;font-weight:720}.mockup-page_field__wUA21 input:focus{border-color:#6ca8ff;box-shadow:0 0 0 3px rgba(7,118,255,.1)}.mockup-page_error__xo6V2{margin:0;color:#b42318;font-size:12px;line-height:1.4}.mockup-page_rangeField__MdkKP input[type=range]{width:100%;accent-color:#0776ff}.mockup-page_rangeValue__05ny6{color:#26334b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mockup-page_backgroundPresets__QD11R{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.mockup-page_backgroundPreset__vz0_E{aspect-ratio:1;border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px #dbe2ed}.mockup-page_backgroundPresetActive__3_2cN{box-shadow:0 0 0 2px #0776ff}.mockup-page_colorRow__UJ9Hj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.mockup-page_colorField__oYprM input[type=color]{width:100%;height:42px;padding:4px;border:1px solid #dce4ef;border-radius:11px;cursor:pointer;background:#fff}.mockup-page_canvasArea__E2mBG{position:relative;z-index:0;grid-column:1/-1;grid-row:1;min-width:0;min-height:0;overflow:hidden}.mockup-page_canvasFrame__SvCu1{position:absolute;inset:0}.mockup-page_canvasError__GN_Ad{padding:14px;border-radius:12px;color:#9e3429;text-align:center;background:rgba(248,250,253,.48)}.mockup-page_canvasError__GN_Ad,.mockup-page_fontStatus__Q7QOY{position:absolute;z-index:5;top:16px;right:16px;left:calc(var(--viewport-safe-left) + 16px);pointer-events:none}.mockup-page_fontStatus__Q7QOY{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;color:#64748b;font-size:12px}.mockup-page_fontStatus__Q7QOY button{pointer-events:auto}.mockup-page_bottomToolbar__3Zj6O{position:absolute;z-index:6;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.91);box-shadow:0 14px 36px rgba(25,40,70,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);bottom:24px;right:0;left:var(--viewport-safe-left);display:flex;width:max-content;align-items:center;gap:6px;margin-inline:auto;padding:7px;border-radius:16px}.mockup-page_bottomButton__IAKdb{display:inline-flex;flex-shrink:0;min-width:42px;height:42px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:11px;color:#3e4c64;background:transparent;font-size:13px;font-weight:760;white-space:nowrap}.mockup-page_bottomButton__IAKdb:focus-visible:not(:disabled),.mockup-page_bottomButton__IAKdb:hover:not(:disabled){color:#0753f4;background:#edf5ff}@container workspace-content (max-width: 1120px){.mockup-page_studio__1TorY{--viewport-safe-left:calc(72px + 310px - 2px);grid-template-columns:72px minmax(270px,310px) minmax(0,1fr);min-height:0}.mockup-page_panel__WTknT{margin-left:14px}.mockup-page_rail___oe18{margin-left:12px}.mockup-page_canvasArea__E2mBG{min-height:0}}@container workspace-content (max-width: 780px){.mockup-page_studio__1TorY{--viewport-safe-left:0px;display:block;min-height:0}.mockup-page_canvasArea__E2mBG{height:100%;min-height:0}.mockup-page_rail___oe18{position:absolute;top:12px;left:12px;display:grid;grid-template-columns:repeat(2,1fr);margin:0;padding:6px;border-radius:15px}.mockup-page_railButton__PXkpK{width:52px;min-height:48px;font-size:10px}.mockup-page_panel__WTknT{position:fixed;z-index:14;grid-column:auto;grid-row:auto;right:0;bottom:0;left:0;max-height:min(58dvh,560px);margin:0;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px rgba(21,36,64,.2)}.mockup-page_panelMobileClosed__u_896{display:none}.mockup-page_panelHeader__qZjmL{position:relative;padding:17px 20px 12px}.mockup-page_mobilePanelClose__jXW3U{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;border-radius:10px}.mockup-page_panelSubtitle__gV82k,.mockup-page_panelTitle__uI33w{padding-right:38px}.mockup-page_panelBody__eZU56{padding:13px 14px max(22px,env(safe-area-inset-bottom,0px))}.mockup-page_bottomToolbar__3Zj6O{bottom:max(16px,env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100% - 24px)}}@container workspace-content (max-width: 480px){.mockup-page_modelCard__1ZVUn{grid-template-columns:66px minmax(0,1fr)}.mockup-page_modelPreview__xW17_{width:66px}.mockup-page_backgroundPresets__QD11R{grid-template-columns:repeat(4,44px)}}@media (prefers-reduced-motion:reduce){.mockup-page_modelCard__1ZVUn,.mockup-page_railButton__PXkpK{transition:none}}