:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0a;color:#fff;--accent-lime: #ff6a3d;--accent-lime-soft: #ff3ea6;--accent-gold: #ffbf2f;--accent-pink: #ff7a36;--accent-pink-strong: #ffbf2f;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-pill: 999px}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:#0a0a0a;color:#fff;overflow-x:hidden;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;border:0;cursor:pointer}img{display:block}.miniapp-page{min-height:100%;height:100%;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;padding-bottom:3rem;background:#0a0a0a}.miniapp-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1.5rem;background:#0a0a0a}.miniapp-header h1{margin:0;font-size:1.55rem;font-weight:900;letter-spacing:-.055em;line-height:1}.miniapp-toggle-section{padding:.35rem 1.5rem 0}.miniapp-balance{display:flex;align-items:center;padding:0;border-radius:1rem;overflow:hidden;background:#2d1d1a;border:1px solid rgba(255,135,86,.14);box-shadow:inset 0 1px #ffffff0a}.miniapp-balance__value{display:flex;align-items:center;min-height:2.55rem;padding:0 .9rem 0 .95rem;color:#ffb06e;font-size:1rem;font-weight:900;letter-spacing:-.04em;background:#0000001f}.miniapp-balance__plus{display:flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.55rem;padding:0 .7rem;color:#fff;font-weight:700;font-size:1.7rem;line-height:1;background:linear-gradient(135deg,var(--accent-pink) 0%,var(--accent-pink-strong) 100%);box-shadow:inset 0 1px #fff8eb2e,0 8px 18px #79370c2e;transition:transform .12s ease,filter .12s ease}.miniapp-balance__plus:active{transform:scale(.98)}.tabs-underline{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:flex-end;gap:.55rem;padding:.08rem 0 0}.tabs-underline:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,#ffffff0a,#ffffff24 18%,#ffffff24 82%,#ffffff0a)}.tabs-underline--primary{gap:.7rem}.tabs-underline__button{position:relative;display:flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.14rem 0 .82rem;background:transparent;color:#ffffff7a;text-align:center;font-size:.96rem;font-weight:700;letter-spacing:-.025em;line-height:1;transition:color .14s ease,transform .14s ease}.tabs-underline__button:after{content:"";position:absolute;right:18%;bottom:-1px;left:18%;height:.18rem;border-radius:var(--radius-pill);background:#fff0;transition:background-color .14s ease}.tabs-underline__button--active{color:#fff1e8;font-weight:800}.tabs-underline__button:active{transform:translateY(1px)}.tabs-underline__button--active:after{background:linear-gradient(90deg,var(--accent-lime-soft) 0%,var(--accent-lime) 58%,var(--accent-gold) 100%)}.info-banner{margin:1rem 1.5rem 0;padding:.9rem 1rem;border-radius:var(--radius-lg);background:#1c1c1e;border:1px solid rgba(255,255,255,.05);font-weight:600}.info-banner--error{color:#ffb4b4}.miniapp-content{padding-top:1.35rem}.catalog-block{margin-bottom:2rem}.catalog-block--skeleton{pointer-events:none}.catalog-block__header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;margin-bottom:.9rem}.catalog-block__header h3{margin:0;font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:-.02em}.catalog-block__row{display:flex;gap:.75rem;overflow-x:auto;padding:0 1.5rem .2rem;scrollbar-width:none}.catalog-block__row::-webkit-scrollbar{display:none}.preset-showcase-card{position:relative;flex:0 0 43vw;width:43vw;max-width:12rem;aspect-ratio:3 / 4.2;overflow:hidden;border-radius:var(--radius-md);padding:0;background:#1c1c1e;border:1px solid rgba(255,255,255,.05);text-align:left;transition:transform .12s ease}.preset-showcase-card:active{transform:scale(.98)}.preset-showcase-card--skeleton{background:linear-gradient(90deg,#1c1c1e,#2c2c30,#1c1c1e);background-size:200% 100%;animation:miniapp-shimmer 1.2s linear infinite}.preset-showcase-card__skeleton-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff0a,#0000002e)}.skeleton-line{border-radius:999px;background:linear-gradient(90deg,#1c1c1e,#2c2c30,#1c1c1e);background-size:200% 100%;animation:miniapp-shimmer 1.2s linear infinite}.skeleton-line--title{width:8.5rem;height:1.25rem}.preset-showcase-card__image{width:100%;height:100%;object-fit:cover}.preset-showcase-card__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000003,#0000003d)}.overlay-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 1rem) 1rem calc(env(safe-area-inset-bottom,0px) + 1rem)}.overlay-shell__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preset-detail-sheet,.generation-sheet,.payment-sheet{position:relative;width:min(100%,27.25rem);border-radius:var(--radius-xl);background:#1c1c1e;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #00000073}.preset-detail-sheet{display:grid;grid-template-rows:auto auto auto}.preset-detail-sheet__image-wrap{padding:1rem 1rem .85rem}.preset-detail-sheet__image-frame{position:relative;overflow:hidden;border-radius:var(--radius-xl);aspect-ratio:4 / 4.4;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.preset-detail-sheet__image-frame--dragging{cursor:grabbing}.preset-detail-sheet__image{width:100%;height:100%;object-fit:cover;transition:transform .18s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.preset-detail-sheet__image--dragging{transition:none}.preset-detail-sheet__counter,.preset-detail-sheet__close{position:absolute;top:.9rem;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preset-detail-sheet__counter{left:.9rem;padding:.3rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700}.preset-detail-sheet__close,.generation-sheet__close{display:flex;align-items:center;justify-content:center;right:.9rem;width:2rem;height:2rem;padding:0;border-radius:var(--radius-pill);color:#fff;font-size:1.35rem;line-height:1;transform:translateY(-1px)}.preset-detail-sheet__dots{position:absolute;left:0;right:0;bottom:.9rem;display:flex;justify-content:center;gap:.35rem}.preset-detail-sheet__dot{width:.45rem;height:.45rem;border-radius:999px;background:#fff6}.preset-detail-sheet__dot--active{background:#fff}.preset-detail-sheet__body{padding:.3rem 1.45rem 0}.preset-detail-sheet__body h2,.generation-sheet h3{margin:0;font-size:1.28rem;line-height:1;font-weight:820;letter-spacing:-.03em}.generation-sheet p{margin:.75rem 0 0;color:#ffffffd1;font-size:.96rem;line-height:1.32;font-weight:600}.preset-detail-sheet__error{margin-top:.9rem;color:#ffb4b4;font-size:.92rem;font-weight:700}.preset-detail-sheet__footer{padding:2.1rem 1.15rem 1.55rem}.generation-sheet{padding:1.5rem 1rem 1.2rem}.payment-sheet{width:min(100%,24.5rem);padding:1.1rem 1rem 1rem;overflow:hidden;background:radial-gradient(circle at top center,#ff7a3638,#ff7a3600 54%),radial-gradient(circle at 80% 18%,#ffbf2f29,#ffbf2f00 24%),radial-gradient(circle at 20% 0%,#ffffff0f,#fff0 28%),#1c1c1e}.payment-sheet__close{background:#ffffff0f}.payment-sheet h3{margin:.1rem 0 0;max-width:13rem;font-size:1.46rem;line-height:.98;font-weight:820;letter-spacing:-.04em}.payment-sheet p{margin:.9rem 0 0;max-width:19rem;color:#ffffffc7;font-size:.94rem;line-height:1.42;font-weight:600}.payment-action{position:relative;width:100%;margin-top:1.35rem;height:3.5rem;border-radius:var(--radius-pill);overflow:hidden;color:#fff;font-size:1rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-pink) 0%,var(--accent-pink-strong) 100%);border:1px solid rgba(255,178,74,.34);box-shadow:0 18px 42px #7a3a0a33;transition:transform .12s ease,filter .12s ease}.payment-action:before{content:"";position:absolute;top:0;bottom:0;left:-42%;width:26%;background:linear-gradient(90deg,#fff0,#ffffff85 52%,#fff0);transform:skew(-18deg);animation:payment-cta-shimmer 4.4s linear infinite}.payment-action:active{transform:scale(.985)}.gradient-action{position:relative;width:100%;height:3.82rem;border-radius:var(--radius-pill);overflow:hidden;color:#fff;font-size:1.03rem;font-weight:770;letter-spacing:-.026em;background:linear-gradient(90deg,#ff2f9b,#ff6b3d 52%,#ffbf2f);border:1px solid rgba(255,183,91,.34);box-shadow:0 18px 34px #5c15123d,inset 0 1px #fff0dc3d,inset 0 -16px 22px #ff66291f;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,opacity .12s ease}.gradient-action:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 24%,#ffd67e38,#ffd67e00 22%),radial-gradient(circle at 72% 62%,#ff6e3b2e,#ff6e3b00 26%),radial-gradient(circle at 50% -10%,#fff1e11f,#fff1e100 34%);pointer-events:none}.gradient-action:after{content:"";position:absolute;top:0;bottom:0;left:-42%;width:24%;opacity:0;background:linear-gradient(90deg,#fff0,#fff4df61 52%,#fff0);transform:skew(-18deg);animation:cta-shimmer 4.8s linear infinite}.gradient-action__inner{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.52rem;width:100%;height:100%;text-shadow:0 1px 0 rgba(90,26,18,.18)}.gradient-action__label{color:#fffffff5}.gradient-action__price{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;height:1.75rem;padding:0 .72rem;border-radius:999px;color:#fff6ee;font-size:.92rem;font-weight:760;letter-spacing:-.02em;background:#ffffff24;border:1px solid rgba(255,245,233,.22);box-shadow:inset 0 1px #ffffff1a}.gradient-action:disabled{opacity:.72;cursor:progress;box-shadow:0 10px 20px #00000024,inset 0 -12px 22px #ff662914}.gradient-action:active:not(:disabled){transform:translateY(1px) scale(.987);box-shadow:0 10px 20px #5c151238,0 4px 10px #0000001a,inset 0 1px #fff7ec1f,inset 0 -14px 24px #ff662929}.generation-sheet__close{position:absolute;top:.9rem;background:#00000059}@media (max-width: 520px){.miniapp-toggle-section{padding-right:1.15rem;padding-left:1.15rem}.preset-showcase-card{flex-basis:43vw}}@keyframes miniapp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes cta-shimmer{0%{transform:translateZ(0) skew(-18deg)}to{transform:translate3d(420%,0,0) skew(-18deg)}}@keyframes payment-cta-shimmer{0%{transform:translateZ(0) skew(-18deg)}to{transform:translate3d(520%,0,0) skew(-18deg)}}@keyframes cta-shimmer{0%,68%{left:-34%;opacity:0}72%{opacity:1}88%{left:108%;opacity:1}89%,to{left:108%;opacity:0}}