:root{--blue: #1265f1;--cyan: #29b9ae;--orange: #ff6b00;--text: #151515;--muted: #6b7280;--line: #e9edf3;--soft: #f5f7fb;--shadow: 0 16px 40px rgba(15, 23, 42, .1)}*{box-sizing:border-box}body{margin:0;background:#eef4ff;color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;background:#fff}.page,.topbar,.product-page{width:min(100%,560px);margin:0 auto;background:#fff}.page{padding:18px 20px 112px}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:60px 1fr 60px;align-items:center;min-height:68px;padding:8px 18px;border-bottom:1px solid rgba(229,231,235,.8)}.topbar h1,.topbar p{margin:0;text-align:center}.topbar h1{font-size:28px;font-weight:900}.topbar p{margin-top:3px;color:#535b68;font-size:12px;font-weight:700}.avatar{display:grid;width:54px;height:54px;place-items:center;border-radius:999px;background:var(--blue);color:#fff;font-size:30px;font-weight:900}.back-btn,.hamburger,.modal-close{border:0;background:transparent}.back-btn{color:#111827;font-size:48px;line-height:1}.hamburger{display:grid;justify-self:end;gap:7px;width:44px;padding:8px}.hamburger span{height:5px;border-radius:999px;background:#777}.entry-transition-stage{position:relative;width:min(100%,560px);height:100dvh;margin:0 auto;overflow:hidden;background:#fff}.login-screen{position:relative;width:min(100%,560px);height:100dvh;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 83% 0%,rgba(255,238,202,.98),transparent 34%),radial-gradient(circle at 44% 29%,rgba(203,88,71,.86),transparent 41%),radial-gradient(circle at 2% 25%,rgba(24,64,184,.92),transparent 45%),radial-gradient(circle at 82% 72%,rgba(220,238,255,.76),transparent 42%),linear-gradient(155deg,#0756ec 8%,#faac77 52%,#e9ffff)}.entry-transition-stage>.login-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.home-entry-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;height:100dvh;overflow:hidden;background:#fff;pointer-events:none;transform:translate3d(0,100%,0);will-change:transform}.entry-transition-stage.is-entering-home>.login-screen{pointer-events:none;animation:loginPageLift 1.12s cubic-bezier(.65,0,.18,1) both}.entry-transition-stage.is-entering-home .home-entry-layer{pointer-events:auto;animation:homePageLift 1.12s cubic-bezier(.65,0,.18,1) both}@keyframes loginPageLift{to{transform:translate3d(0,-100%,0)}}@keyframes homePageLift{to{transform:translateZ(0)}}.login-hero{display:grid;height:70dvh;place-items:center;padding:34px 38px 5vh}.loading-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding-bottom:13vh;background:radial-gradient(circle at 83% 0%,rgba(255,238,202,.98),transparent 34%),radial-gradient(circle at 44% 29%,rgba(203,88,71,.86),transparent 41%),radial-gradient(circle at 2% 25%,rgba(24,64,184,.92),transparent 45%),radial-gradient(circle at 82% 72%,rgba(220,238,255,.76),transparent 42%),linear-gradient(155deg,#0756ec 8%,#faac77 52%,#e9ffff);opacity:1;transition:opacity .62s ease,visibility .62s step-end}.loading-layer.is-finished{visibility:hidden;opacity:0;pointer-events:none}.loading-layer.is-finished .loading-spinner i{animation:spinnerPieceOut .3s ease both;animation-delay:calc(var(--spinner-index) * 25ms)}.loading-card{display:grid;place-items:center;gap:22px;color:#fff;font-weight:900}.loading-card p{margin:0;font-size:16px;letter-spacing:-.02em}.loading-spinner{position:relative;width:78px;height:78px;animation:loginSpin 2.6s linear infinite}.loading-spinner i{position:absolute;top:50%;left:50%;width:8px;height:23px;margin:-11.5px 0 0 -4px;border-radius:999px;background:#fff;opacity:.22;transform:rotate(calc(var(--spinner-index) * 30deg)) translateY(-29px);animation:spinnerBlink 1.05s ease-in-out infinite;animation-delay:calc(var(--spinner-index) * .0875s)}@keyframes loginSpin{to{transform:rotate(360deg)}}@keyframes spinnerBlink{0%,18%{opacity:1}50%,to{opacity:.2}}@keyframes spinnerPieceOut{to{opacity:0;scale:.2}}.hello-card{width:min(420px,90vw);color:#fff;text-align:center;text-shadow:0 8px 24px rgba(0,55,155,.16);opacity:0}.hello-card.is-visible{opacity:1}.hello-card strong{display:flex;justify-content:center;font-size:clamp(58px,13vw,72px);font-weight:900;letter-spacing:-.055em;line-height:.94}.hello-letter{display:inline-block;opacity:0;transform:translateY(28px) scale(.42) rotate(-8deg)}.hello-card.is-visible .hello-letter{animation:helloBubble .68s cubic-bezier(.2,1.45,.35,1) both;animation-delay:calc(var(--letter-index) * .14s)}@keyframes helloBubble{0%{opacity:0;transform:translateY(28px) scale(.42) rotate(-8deg)}68%{opacity:1;transform:translateY(-7px) scale(1.09) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.hello-card p{margin:9px 0 0;color:#fff;font-size:15px;font-weight:800;opacity:0;transform:translateY(10px)}.hello-card.is-visible p{animation:welcomeFade .58s ease 1.05s both}@keyframes welcomeFade{to{opacity:1;transform:translateY(0)}}.login-panel{position:absolute;z-index:3;right:0;bottom:0;left:0;display:grid;gap:11px;height:clamp(260px,30dvh,310px);padding:28px clamp(28px,13vw,70px) max(16px,env(safe-area-inset-bottom));border-radius:44px 44px 0 0;background:#fff;box-shadow:0 -20px 45px #0f172a24;opacity:0;pointer-events:none;transform:translateY(105%);transition:transform .92s cubic-bezier(.16,1,.3,1),opacity .42s ease}.login-panel.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.blue-btn,.soft-btn,.orange-btn,.blue-pill{min-height:50px;border:0;border-radius:8px;font-weight:900}.blue-btn,.blue-pill{background:var(--blue);color:#fff}.soft-btn{background:#edf4ff;color:var(--blue)}.login-panel .blue-btn,.login-panel .soft-btn{min-height:62px;border-radius:999px}.login-panel .blue-btn{font-size:27px;letter-spacing:-.04em;box-shadow:0 10px 24px #1265f133}.login-panel .soft-btn{border:1.4px solid #202020;background:#fff;color:#111;font-size:18px;font-weight:800}.login-connect{display:grid;place-items:center;margin-top:13px;color:#111;line-height:1}.login-connect p{margin:0 0 8px;font-size:12px}.social-icons{display:flex;align-items:center;gap:7px;min-height:17px;font-weight:900}.social-icons span{display:inline-grid;width:15px;height:15px;place-items:center;border-radius:50%;font-size:13px}.social-icons span:nth-child(2){background:#111;color:#fff;font-size:10px}.login-connect small{margin-top:5px;font-size:9px}.orange-btn{display:inline-grid;place-items:center;padding:0 26px;background:var(--orange);color:#fff;text-decoration:none}.wide{width:100%}.search{display:flex;align-items:center;min-height:56px;margin:8px 0 20px;padding:0 14px 0 18px;border:1px solid #b7b7b7;border-radius:999px;color:#858585}.search input{flex:1;min-width:0;border:0;outline:0}.search button{border:0;background:transparent;color:#8a8a8a;font-size:40px}.progress-card{display:grid;width:100%;min-height:272px;place-items:center;padding:18px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--cyan) 58%,#1455e9);color:#fff;text-align:center;box-shadow:var(--shadow)}.progress-card b{font-size:32px}.progress-card strong{font-size:17px}.progress-card p{margin:0;font-size:12px;font-weight:800}.truck{position:relative;width:130px;height:76px}.truck:before{position:absolute;right:14px;bottom:14px;width:54px;height:34px;border:5px solid #fff;border-radius:8px;content:""}.truck:after{position:absolute;right:30px;top:0;width:54px;height:54px;border:5px solid #fff;border-bottom-color:transparent;border-radius:999px;content:""}.truck i{position:absolute;left:0;top:34px;width:62px;height:5px;border-radius:999px;background:#fff;box-shadow:16px 15px #fff,-14px 15px #fff,28px 30px #fff}.truck span{position:absolute;right:8px;bottom:0;width:74px;height:16px;background:radial-gradient(circle at 14px 8px,#fff 0 7px,transparent 8px),radial-gradient(circle at 60px 8px,#fff 0 7px,transparent 8px)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.section-title h2{margin:0;color:#414141;font-size:26px;font-weight:900}.section-title button{border:0;background:transparent;color:#444;font-weight:800}.horizontal,.template-strip{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.product-tile,.folder-tile,.template-strip button{position:relative;flex:0 0 138px;border:0;background:transparent;text-align:left;scroll-snap-align:start}.product-tile em,.cart-discount{position:absolute;z-index:2;border-radius:6px;background:var(--orange);color:#fff;font-size:11px;font-style:normal;font-weight:900}.product-tile em{top:0;left:0;right:0;padding:6px;text-align:center}.product-tile span{display:block;margin-top:8px;font-weight:900}.mock{display:grid;height:138px;place-items:center;border-radius:8px;background:#f1f1f1;box-shadow:inset 0 0 0 1px #ececec}.mock span{display:grid;width:72px;min-height:92px;place-items:center;padding:8px;border-radius:6px;background:#70bd48;color:#fff;font-size:11px;font-weight:900;text-align:center;transform:rotate(-10deg)}.asset-image{display:block;width:100%;height:138px;border-radius:8px;object-fit:cover;box-shadow:inset 0 0 0 1px #ececec}.mock-1 span{background:#111827}.mock-2 span{background:#1f76ff}.mock-3 span{background:var(--orange)}.folder-tile{flex-basis:160px}.folder-tile .mock,.folder-tile .asset-image{height:112px;border:1px solid #eee;border-radius:8px}.folder-tile span{display:block;margin-top:8px;font-weight:900}.header-media{display:grid;min-height:440px;place-items:center;background:#d1d5db;color:#fff;font-size:32px;font-weight:900}.header-media img,.bottom-banner img,.template-preview img{width:100%;height:100%;object-fit:cover}.media-dots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.media-dots span{display:grid;min-height:42px;place-items:center;border-radius:6px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:800}.knowledge{padding:24px 0 20px;text-align:center}.knowledge p,.knowledge h2{margin:0}.knowledge p{font-size:30px;font-weight:900}.knowledge h2{margin-bottom:14px;font-family:cursive;font-size:48px;font-weight:400}.template-strip button{flex-basis:132px;text-align:center}.template-mock{display:grid;height:144px;place-items:center;border:1px solid #ececec;border-radius:8px}.template-mock span{color:#fff;font-weight:900}.tone-black,.tone-charcoal{background:linear-gradient(135deg,#fff 0,#fff 48%,#111827 49%)}.tone-navy{background:linear-gradient(135deg,#f8fafc 0,#f8fafc 42%,#17325c 43%)}.tone-green{background:linear-gradient(135deg,#f8fafc 0,#f8fafc 45%,#70bd48 46%)}.tone-cream{background:linear-gradient(135deg,#fbf3df 0,#fbf3df 48%,#fff 49%)}.blue-pill{min-height:42px;padding:0 24px;border-radius:999px}.bottom-banner{display:grid;min-height:520px;place-items:center;align-content:center;gap:18px;background:var(--orange);color:#fff;text-align:center}.bottom-banner strong{font-size:32px}.bottom-banner p{font-size:20px;font-weight:900}.buy-area{display:grid;place-items:center;padding:28px}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 4px;padding-top:110px}.folder-grid button{border:0;background:transparent;text-align:left}.folder-cover{position:relative;display:grid;height:150px;place-items:center;background:#f1f1f1;color:#fff;font-size:26px;font-weight:900;overflow:hidden;border-radius:8px}.folder-cover .mock,.folder-cover .asset-image{width:100%;height:100%;border-radius:8px}.folder-cover b{position:absolute;right:14px;bottom:4px;color:var(--blue);font-size:52px}.folder-grid p{display:grid;gap:6px;margin:10px 0 0;font-weight:900}.folder-grid i{width:16px;height:16px;border:2px solid #111827;border-radius:999px}.empty-assets{grid-column:1 / -1;display:grid;min-height:150px;place-items:center;padding:22px;border:2px dashed #cbd5e1;border-radius:16px;background:#f8fafc;color:#64748b;font-weight:800;text-align:center}.empty-assets.compact{flex:0 0 220px;min-height:112px}.template-page{display:grid;gap:18px}.template-preview{display:grid;min-height:430px;place-items:center;border-radius:8px;color:#fff;font-size:34px;font-weight:900;overflow:hidden}.meta-card,.checkout-card,.price-card,.cart-item,.info-card,.service-page{border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 8px 30px #0f172a0f}.meta-card{padding:18px}.meta-card p,.meta-card h2{margin:0}.meta-card h2{color:var(--blue);font-size:30px}.meta-card dl{display:grid;gap:10px;margin:16px 0 0}.meta-card div,.pay-line{display:flex;justify-content:space-between;gap:16px}.meta-card dd{margin:0;font-weight:900}.swipe-row,.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-row{grid-template-columns:repeat(3,1fr)}.swipe-row button,.action-row button,.action-row a{display:grid;min-height:48px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:#111827;text-decoration:none;font-weight:900}.action-row button:last-child{border-color:var(--orange);background:var(--orange);color:#fff}.checkout-card{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px}.checkout-card h2,.checkout-card p{margin:0}.checkout-card strong{display:block;margin-top:8px;color:var(--blue);font-size:25px}.checkout-card em{display:block;margin-top:8px;color:var(--orange);font-style:normal;font-weight:900}.checkout-form{display:grid;gap:12px;margin-top:18px}.checkout-form label{display:grid;gap:8px;font-weight:900}.checkout-form select{min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.price-card{display:grid;gap:10px;margin:18px 0;padding:16px}.price-card p{display:flex;justify-content:space-between;margin:0}.price-card b{color:var(--orange);font-size:24px}.chart-page{padding-top:28px}.cart-item{position:relative;display:grid;grid-template-columns:24px 1fr 130px;gap:12px;align-items:start;margin-bottom:14px;padding:22px 16px}.cart-item input{width:18px;height:18px;accent-color:var(--orange)}.cart-text h2,.cart-text p{margin:0}.cart-text h2{color:var(--blue);font-size:26px;font-weight:900}.qty{display:inline-grid;grid-template-columns:34px 76px 34px 38px;align-items:center;margin-top:14px;border-radius:6px;overflow:hidden}.qty button,.qty b{display:grid;height:34px;place-items:center;border:0;background:#eee;color:var(--orange);font-size:28px;font-weight:900}.qty b{color:#242424}.qty span{margin-left:8px;font-size:12px;font-weight:900}.remove{position:absolute;top:14px;right:16px;border:0;background:transparent;color:red;font-weight:900}.cart-discount{right:0;bottom:4px;padding:10px}.sticky-total{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1.35fr;gap:18px;align-items:center;margin:26px -20px -112px;padding:26px 32px;border-top:1px solid #eee;background:#fff}.sticky-total strong{display:block;color:var(--orange);font-size:28px;font-weight:900}.payment-page{display:grid;gap:12px;background:#f8fafc}.info-card{position:relative;padding:18px 20px}.info-card h2{margin:0 0 12px;font-size:20px}.info-card h2:before{display:inline-grid;width:28px;height:28px;margin-right:10px;border-radius:6px;background:var(--blue);content:"";vertical-align:middle}.info-card p{margin:4px 0}.info-card>button{position:absolute;top:54px;right:20px;min-width:78px;min-height:42px;border:1px solid var(--blue);border-radius:8px;background:#fff;color:var(--blue);font-weight:900}.order-line{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:center}.order-line .mock{height:96px}.pay-line{margin:8px 0}.pay-line.danger b{color:var(--orange)}.pay-line.strong{align-items:baseline;padding-top:12px;font-size:18px;font-weight:900}.pay-line.strong b{color:var(--blue);font-size:32px}.service-page{padding:28px}.service-page h2{margin:0 0 12px;font-size:28px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:18;display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,560px);min-height:92px;margin:0 auto;padding:10px 8px;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 -18px 45px #0f172a24}.bottom-nav button{display:grid;place-items:center;border:0;background:transparent;color:#585858;font-weight:900}.bottom-nav b{color:var(--blue);font-size:36px;line-height:1}.sidebar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;visibility:hidden;background:#0f172a00;transition:.22s ease}.sidebar.open{visibility:visible;background:#0f172a47}.sidebar-panel{width:min(86vw,360px);min-height:100%;padding:20px;background:#fff;transform:translate(-100%);transition:.22s ease;overflow-y:auto}.sidebar.open .sidebar-panel{transform:translate(0)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sidebar-head b{color:var(--blue);font-size:22px}.sidebar-head button,.quick,.side-category button{border:0;background:transparent}.quick{display:block;width:100%;min-height:44px;margin-bottom:8px;padding:0 12px;border-radius:8px;background:#f3f6ff;color:var(--blue);font-weight:900;text-align:left}.side-category{margin-top:22px}.side-category h2{margin:0 0 10px;font-size:22px}.side-category p{margin:8px 0;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.side-category button{display:flex;width:100%;min-height:38px;align-items:center;justify-content:space-between;padding:0 12px;border-radius:8px;color:#111827;text-align:left;font-weight:800}.side-category button.active{background:var(--blue);color:#fff}.side-category button span{font-size:10px;opacity:.8}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#0f172a6b}.login-modal{background:#081e4f57;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);animation:modalBackdropIn .28s ease both}.modal-card{position:relative;display:grid;width:min(420px,100%);gap:14px;padding:24px;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.login-modal-card{justify-items:stretch;gap:15px;padding:32px 25px 26px;border:1px solid rgba(255,255,255,.76);border-radius:30px;box-shadow:0 28px 72px #0a2a7442;text-align:center;animation:modalBubbleIn .56s cubic-bezier(.2,1.35,.35,1) both}.modal-bubble-mark{display:grid;width:54px;height:54px;margin:-4px auto 0;place-items:center;border-radius:50%;background:linear-gradient(145deg,#1b75ff,#0d52de);color:#fff;box-shadow:0 10px 24px #1265f147;font-size:24px}.login-modal-card h2{color:#115fe9;font-size:29px;letter-spacing:-.035em}.login-modal-card p{color:#586174;font-size:14px;line-height:1.45}.login-order-field{display:grid;gap:7px;text-align:left}.login-order-field span{padding-left:4px;color:#30394b;font-size:13px;font-weight:900}.login-modal-card .blue-btn{min-height:55px;border-radius:999px;font-size:18px;box-shadow:0 12px 26px #1265f13d}@keyframes modalBackdropIn{0%{opacity:0}}@keyframes modalBubbleIn{0%{opacity:0;transform:translateY(28px) scale(.78)}72%{opacity:1;transform:translateY(-5px) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-card h2,.modal-card p{margin:0}.modal-card input{min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:8px}.modal-close{position:absolute;top:13px;right:15px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#f2f6ff;color:#4e5d79;font-size:22px;font-weight:900}.error{color:#e11d48}@media(min-width:760px){.app{background:linear-gradient(90deg,#eef4ff,#fff,#fff5ee)}}@media(max-width:430px){.topbar{grid-template-columns:54px 1fr 54px;padding:8px 14px}.topbar h1{font-size:24px}.folder-grid{grid-template-columns:repeat(2,1fr);padding-top:48px}.cart-item{grid-template-columns:24px 1fr}.cart-item .mock{grid-column:2;width:132px}.sticky-total,.checkout-card,.order-line{grid-template-columns:1fr}}@media(max-height:700px){.login-panel{height:244px;padding-top:18px}.login-panel .blue-btn,.login-panel .soft-btn{min-height:52px}.login-connect{margin-top:4px}}@media(prefers-reduced-motion:reduce){.loading-spinner,.loading-spinner i,.hello-card.is-visible .hello-letter,.hello-card.is-visible p,.entry-transition-stage.is-entering-home>.login-screen,.entry-transition-stage.is-entering-home .home-entry-layer,.login-modal,.login-modal-card{animation-duration:.01ms!important;animation-delay:0ms!important}.loading-layer,.login-panel{transition-duration:.01ms!important}}