:root{--studio-scene-pearl:linear-gradient(150deg,#f5f7ff 0%,#dde2f6 100%);--studio-scene-slate:radial-gradient(ellipse 60% 60% at 50% 45%,#1e1e28 0%,#0d0d11 100%);--studio-scene-paper:#f4efe6;--studio-scene-ink:#0a0a0a;--studio-scene-snow:var(--color-white)}.studio-admin-light{--theme-background:var(--color-white-5);--theme-background-overlay:var(--color-white-4);--theme-foreground:#0000000f;--theme-foreground-secondary:#0000001c;--theme-text:var(--color-black-100);--theme-text-subdued:#00000073;--theme-text-on-light:var(--color-black);--theme-border:var(--color-gray-1);--theme-border-subdued:#0000001f;--theme-border-box:var(--color-gray-20);--theme-button:var(--color-black-100);--theme-button-text:var(--color-white);--theme-primary:var(--color-blue-60);--theme-input-active:var(--color-blue-20-5);--theme-success:var(--color-green-60);--theme-success-subdued:#1980381f;--theme-error:var(--color-red-60);--theme-error-subdued:#da1e281a;--theme-box-shadow-button:0 1px 2px #00000026;background:var(--theme-background);min-height:100vh;color:var(--theme-text)}
.MockupStudioSection-module__WncYqG__page{background:var(--color-black);height:100dvh;color:var(--color-white);flex-direction:column;display:flex;overflow:hidden}.MockupStudioSection-module__WncYqG__main{flex:1;min-height:0;display:flex;overflow:hidden}.MockupStudioSection-module__WncYqG__canvasCol{background:#09090c;flex:1;min-width:0;position:relative;overflow:hidden}.MockupStudioSection-module__WncYqG__deepLinkLoading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.MockupStudioSection-module__WncYqG__deepLinkLoading i{color:var(--color-gray-40,#9a9a9a);font-size:28px;animation:.8s linear infinite MockupStudioSection-module__WncYqG__studioSpin}@keyframes MockupStudioSection-module__WncYqG__studioSpin{to{transform:rotate(360deg)}}.MockupStudioSection-module__WncYqG__packEditor{scrollbar-width:none;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0;overflow:hidden;container-type:size}.MockupStudioSection-module__WncYqG__packEditor::-webkit-scrollbar{display:none}.MockupStudioSection-module__WncYqG__packEditor>div{width:min(100cqw,calc(100cqh*var(--mockup-aspect,1.6)));max-width:1200px}.MockupStudioSection-module__WncYqG__noCursor,.MockupStudioSection-module__WncYqG__noCursor *{cursor:none}.MockupStudioSection-module__WncYqG__packFade{-webkit-user-select:none;user-select:none;animation:.26s both MockupStudioSection-module__WncYqG__packFadeIn}.MockupStudioSection-module__WncYqG__packFade img,.MockupStudioSection-module__WncYqG__packFade video{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@keyframes MockupStudioSection-module__WncYqG__packFadeIn{0%{opacity:0}to{opacity:1}}.MockupStudioSection-module__WncYqG__packPanel{background:var(--color-black);border-left:1px solid var(--theme-border-subdued,#ffffff14);flex-direction:column;flex-shrink:0;gap:14px;width:320px;padding:16px 14px 32px;display:flex;overflow-y:auto}.MockupStudioSection-module__WncYqG__packSection{flex-direction:column;gap:10px;display:flex}.MockupStudioSection-module__WncYqG__packLabel{font-family:var(--font-family-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray-60);margin:0 0 8px;font-size:10px;font-weight:700}.MockupStudioSection-module__WncYqG__packEyebrow{font-family:var(--font-family-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray-60);margin:0 0 4px;font-size:10px;font-weight:700}.MockupStudioSection-module__WncYqG__packMediaActions{gap:8px;display:flex}.MockupStudioSection-module__WncYqG__packMediaRow{align-items:center;gap:10px;display:flex}.MockupStudioSection-module__WncYqG__packMediaThumb{border:1px solid var(--color-gray-80);border-radius:var(--border-radius-tiny);background:var(--color-gray-120,#0c0c0e);flex-shrink:0;width:32px;height:32px;overflow:hidden}.MockupStudioSection-module__WncYqG__packMediaThumb img,.MockupStudioSection-module__WncYqG__packMediaThumb video{object-fit:cover;width:100%;height:100%;display:block}.MockupStudioSection-module__WncYqG__packMediaInfo{flex-direction:column;gap:7px;min-width:0;display:flex}.MockupStudioSection-module__WncYqG__packMediaName{font-family:var(--font-family-mono);font-size:var(--type-scale-fixed-tiny);text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-40);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.MockupStudioSection-module__WncYqG__packMediaReplace{color:var(--color-gray-40);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:5px;padding:0;font-size:10px;display:inline-flex}.MockupStudioSection-module__WncYqG__packMediaReplace:hover{color:var(--color-white)}.MockupStudioSection-module__WncYqG__packMediaReplace:disabled{opacity:.4;cursor:not-allowed}.MockupStudioSection-module__WncYqG__packOutlineBtn{border:1px solid var(--color-gray-80);border-radius:var(--border-radius-tiny);width:100%;height:34px;color:var(--color-white);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;gap:6px;font-size:10px;transition:border-color .15s;display:flex}.MockupStudioSection-module__WncYqG__packOutlineBtn:hover{border-color:var(--color-white)}.MockupStudioSection-module__WncYqG__packOutlineBtn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-gray-80)}.MockupStudioSection-module__WncYqG__packOutlineBtn .ri-upload-2-line{position:relative;top:-2px}.MockupStudioSection-module__WncYqG__exitPack{border:1px solid var(--color-gray-80);border-radius:var(--border-radius-tiny);width:100%;height:34px;color:var(--color-white);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:10px;transition:border-color .15s;display:inline-flex}.MockupStudioSection-module__WncYqG__exitPack:hover{border-color:var(--color-white)}@media (min-width:1051px){.MockupStudioSection-module__WncYqG__exitPack{margin-bottom:20px}.MockupStudioSection-module__WncYqG__packTitle{margin-bottom:12px}.MockupStudioSection-module__WncYqG__packHint{display:none}}.MockupStudioSection-module__WncYqG__packHint{font-family:var(--font-family-mono);font-size:var(--type-scale-fixed-small);line-height:var(--line-height-small);color:var(--color-gray-60);margin:0}.MockupStudioSection-module__WncYqG__sheetBackdrop,.MockupStudioSection-module__WncYqG__mobileUploadBtn{display:none}@media (max-width:1050px){.MockupStudioSection-module__WncYqG__main{flex-direction:column}.MockupStudioSection-module__WncYqG__canvasCol{flex:1;width:100%;min-height:0}.MockupStudioSection-module__WncYqG__packPanel{width:100%;max-height:45dvh;padding-bottom:8px}.MockupStudioSection-module__WncYqG__packOutlineBtn{height:44px}.MockupStudioSection-module__WncYqG__exitPack{display:none}.MockupStudioSection-module__WncYqG__mobileUploadBtn{background:var(--color-white);height:44px;color:var(--color-black);border:1px solid var(--color-white);border-radius:var(--border-radius-tiny);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin:8px 12px 4px;font-size:10px;display:flex}.MockupStudioSection-module__WncYqG__sheetBackdrop{z-index:40;background:#00000073;display:block;position:fixed;inset:0}}
.BottomBar-module__ZDAGTW__bar{background:var(--color-black);border-top:1px solid var(--theme-border-subdued,#ffffff14);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:4px 16px 0;display:flex}.BottomBar-module__ZDAGTW__left,.BottomBar-module__ZDAGTW__right{align-items:center;gap:12px;display:flex}.BottomBar-module__ZDAGTW__left{flex:0 0 224px}.BottomBar-module__ZDAGTW__right{flex:0 0 320px;justify-content:flex-end}.BottomBar-module__ZDAGTW__bar .BottomBar-module__ZDAGTW__right button{min-width:150px;height:48px;min-height:48px}.BottomBar-module__ZDAGTW__center{flex:1;justify-content:center;align-items:center;display:flex}.BottomBar-module__ZDAGTW__projectChip{border:1px solid var(--theme-border-subdued,#ffffff14);border-radius:var(--border-radius-tiny);font-family:var(--font-family-mono);font-size:var(--type-scale-fixed-small);color:var(--color-white);background:#ffffff08;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.BottomBar-module__ZDAGTW__zoom{font-family:var(--font-family-mono);font-size:var(--type-scale-fixed-small);color:var(--color-gray-40);align-items:center;gap:6px;display:inline-flex}.BottomBar-module__ZDAGTW__output{font-family:var(--font-family-mono);font-size:var(--type-scale-fixed-small);color:var(--color-gray-40)}.BottomBar-module__ZDAGTW__divider{background:var(--theme-border-subdued,#ffffff1a);width:1px;height:20px}@media (max-width:1050px){.BottomBar-module__ZDAGTW__bar{z-index:50;border-top:none;gap:8px;height:auto;padding:8px 12px;position:relative}.BottomBar-module__ZDAGTW__barFlush{padding-top:4px}.BottomBar-module__ZDAGTW__left{display:none}.BottomBar-module__ZDAGTW__center,.BottomBar-module__ZDAGTW__right{flex:1;gap:0}.BottomBar-module__ZDAGTW__center:empty,.BottomBar-module__ZDAGTW__output,.BottomBar-module__ZDAGTW__divider{display:none}.BottomBar-module__ZDAGTW__bar .BottomBar-module__ZDAGTW__right button{width:100%;height:48px;min-height:48px}}
.RatioDropdown-module__SHPDmq__root{position:relative}.RatioDropdown-module__SHPDmq__trigger{border:1px solid var(--color-gray-80);border-radius:var(--border-radius-tiny);height:48px;color:var(--color-white);font-family:var(--font-family-mono);font-size:var(--type-scale-fixed-small);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#ffffff0a;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.RatioDropdown-module__SHPDmq__trigger:hover{border-color:var(--color-gray-50)}.RatioDropdown-module__SHPDmq__triggerLabel{color:var(--color-white);position:relative;top:2px}.RatioDropdown-module__SHPDmq__triggerValue{color:var(--color-gray-40);position:relative;top:2px}.RatioDropdown-module__SHPDmq__preview{background:var(--color-white);border-radius:1px;display:block}.RatioDropdown-module__SHPDmq__menu{scrollbar-width:none;background:var(--color-black);border:1px solid var(--theme-border-subdued,#ffffff1f);border-radius:var(--border-radius-tiny);z-index:20;flex-direction:column;gap:1px;min-width:160px;max-height:320px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;overflow-y:auto;transform:translate(-50%)}.RatioDropdown-module__SHPDmq__menu::-webkit-scrollbar{display:none}.RatioDropdown-module__SHPDmq__item{border-radius:var(--border-radius-tiny);width:100%;color:var(--color-gray-40);font-family:var(--font-family-mono);font-size:var(--type-scale-fixed-small);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:7px 10px;display:flex}.RatioDropdown-module__SHPDmq__item:hover{color:var(--color-white);background:#ffffff0f}.RatioDropdown-module__SHPDmq__itemActive{color:var(--color-white)}.RatioDropdown-module__SHPDmq__previewBox{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}@media (max-width:1050px){.RatioDropdown-module__SHPDmq__root{width:100%}.RatioDropdown-module__SHPDmq__trigger{width:100%;font-size:var(--type-scale-fixed-tiny);justify-content:center}.RatioDropdown-module__SHPDmq__menu{scrollbar-width:none;width:100%;left:0;right:0;transform:none}.RatioDropdown-module__SHPDmq__menu::-webkit-scrollbar{display:none}}
.UpgradeModal-module____xdwq__overlay{z-index:var(--z-index-mega,200);-webkit-backdrop-filter:blur(10px);background:#000000ad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.UpgradeModal-module____xdwq__modal{background:var(--theme-modal-surface);border:1px solid var(--theme-modal-border);border-radius:var(--border-radius-small);text-align:left;width:440px;max-width:100%;padding:24px}.UpgradeModal-module____xdwq__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.UpgradeModal-module____xdwq__title{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-white);margin:0;font-size:13px;line-height:1.2}.UpgradeModal-module____xdwq__close{color:var(--color-gray-40);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;height:24px;margin-right:-2px;padding:0;font-size:18px;display:inline-flex}.UpgradeModal-module____xdwq__close:hover{color:var(--color-white)}.UpgradeModal-module____xdwq__caption{font-family:var(--font-family-mono);text-transform:uppercase;color:var(--color-gray-40);margin:0 0 18px;font-size:12px;line-height:1.4}.UpgradeModal-module____xdwq__captionLink{color:var(--color-white);text-underline-offset:2px;text-decoration:underline}.UpgradeModal-module____xdwq__captionLink:hover{opacity:.8}.UpgradeModal-module____xdwq__previews{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.UpgradeModal-module____xdwq__preview{border-radius:var(--border-radius-tiny);background-color:var(--color-gray-90,#141414);min-width:0;height:110px;box-shadow:inset 0 0 0 1px var(--color-white-08);background-position:50%;background-size:cover;display:block}.UpgradeModal-module____xdwq__previewProduct{text-decoration:none}.UpgradeModal-module____xdwq__cta{width:100%}
.MobileToggles-module__qNh69G__bar{display:none}@media (max-width:1050px){.MobileToggles-module__qNh69G__bar{background:var(--color-black);z-index:50;flex-shrink:0;gap:8px;padding:0 12px;display:flex;position:relative}.MobileToggles-module__qNh69G__toggle{border:1px solid var(--color-gray-80);border-radius:var(--border-radius-tiny);height:44px;color:var(--color-white);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#ffffff0a;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:10px;transition:border-color .15s,background .15s;display:inline-flex}.MobileToggles-module__qNh69G__active{background:var(--color-white);border-color:var(--color-white);color:var(--color-black)}.MobileToggles-module__qNh69G__toggle .ri-stack-line{position:relative;top:-1px}}