:root{
  --bg:#fffaf7;
  --ink:#1f2330;
  --muted:#6f7481;
  --line:#e9e5df;
  --accent:#ff5f79;
  --accent2:#ff7b4d;
  --accent-soft:#fff0f3;
  --blue:#1769ff;
  --shadow:0 18px 60px rgba(54,45,38,.10);
  --radius:30px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.45}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,247,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(65,56,49,.08)}
.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.02em}
.brand-mark{display:block;width:34px;height:34px;border-radius:9px;object-fit:contain}
.brand-name{font-size:18px}
.header-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.header-nav a,.link-button{color:#444a57}
.header-nav a:hover,.link-button:hover{color:var(--accent)}
.link-button{border:0;background:none;padding:0}

.intro{padding:58px 0 28px;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,.8fr));gap:16px;align-items:stretch}
.intro-copy{min-width:0;padding-right:10px}
.intro-info-cards{display:contents}
.info-card{min-width:0;height:100%;min-height:286px}
.kicker{display:inline-block;font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#8a6070;margin-bottom:9px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin-bottom:18px;max-width:760px}
.intro-copy>p{font-size:20px;max-width:760px;color:#5f6470;margin-bottom:20px}
.production-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:15px}.production-line strong{color:#d9475f}
.ozon-badge{display:inline-flex;align-items:center;justify-content:center;background:#1468ff;color:#fff!important;font-weight:850;border-radius:999px;padding:3px 9px;line-height:1.25;white-space:nowrap}
.free-card{border-radius:26px;background:linear-gradient(145deg,#46305d,#6b3776);color:#fff;padding:22px;box-shadow:0 18px 46px rgba(81,48,98,.20);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.12)}.free-card p{font-size:15px;margin:11px 0 7px;line-height:1.42}.free-card small{color:#f0e6f4;line-height:1.45;font-size:11px}.free-card-badge{align-self:flex-start;background:#fff;color:#4b3158;border-radius:999px;padding:7px 11px;font-weight:850;font-size:12px}
.delivery-card{border-radius:26px;background:linear-gradient(145deg,#d9ebff,#eef6ff);color:#17233d;padding:22px;box-shadow:0 18px 46px rgba(35,98,190,.16);border:1px solid #bdd8ff;display:flex;flex-direction:column;justify-content:center;gap:16px}
.delivery-icon{width:44px;height:44px;border-radius:15px;background:#1468ff;position:relative;box-shadow:0 10px 24px rgba(20,104,255,.22)}
.delivery-icon:before{content:"";position:absolute;width:22px;height:14px;border:2px solid #fff;border-radius:4px;left:9px;top:16px}
.delivery-icon:after{content:"";position:absolute;width:6px;height:6px;border:2px solid #fff;border-radius:50%;left:10px;bottom:6px;box-shadow:14px 0 0 -2px #1468ff,14px 0 0 0 #fff}
.delivery-card strong{font-size:18px;line-height:1.12;letter-spacing:-.02em}.delivery-card p{margin:0;color:#5f6775;font-size:13px;line-height:1.45}.delivery-card small{display:block;margin-top:10px;color:#315d9b;font-size:11px;line-height:1.4;font-weight:800}.delivery-card .ozon-badge{vertical-align:middle}
.journey{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 18px;margin-bottom:28px;overflow:auto;white-space:nowrap;box-shadow:0 8px 30px rgba(58,47,38,.05)}.journey span{font-size:12px;font-weight:800;color:#616672}.journey i{width:28px;height:1px;background:#ddd7d1;flex:0 0 auto}
.builder{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start;padding-bottom:70px}
.builder-main{min-width:0}
.story-step{border-radius:var(--radius);padding:30px;margin-bottom:20px;border:1px solid rgba(60,50,44,.10);box-shadow:0 16px 46px rgba(77,63,52,.08);scroll-margin-top:92px;overflow:hidden}.step-photo{background:#ffe2d8;border-color:#ffc6b4}.step-people{background:#e9ddff;border-color:#d1bbff}.step-style{background:#dcecff;border-color:#bad7ff}.step-size{background:#ddf4e5;border-color:#b8e4c8}.step-details{background:#fff0bd;border-color:#f5d97f}.step-generate{background:#eadcff;border-color:#d2b9ff}.gallery-section{background:#e8f2ff;border-color:#c7ddff}
.step-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.step-num{width:34px;height:34px;flex:0 0 34px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#d24b64;font-weight:900;box-shadow:0 8px 20px rgba(76,52,49,.08)}.step-head h2{font-size:26px;line-height:1.05;letter-spacing:-.03em;margin-bottom:5px}.step-head p{color:#69707c;margin:0}
.upload-card{border:1.5px dashed #d9cbc2;border-radius:24px;background:rgba(255,255,255,.62);padding:34px;text-align:center;transition:.2s}.upload-card.drag{border-color:var(--accent);background:#fff}.camera-icon{width:58px;height:48px;border:3px solid #61596a;border-radius:13px;margin:0 auto 14px;position:relative}.camera-icon:before{content:"";position:absolute;width:14px;height:14px;border:3px solid #61596a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-45%)}.camera-icon:after{content:"";position:absolute;width:18px;height:6px;background:#61596a;border-radius:5px;top:-8px;left:7px}.upload-card h3{font-size:20px;margin-bottom:6px}.upload-card p{color:#6f7481;margin-bottom:18px}.upload-card small{display:block;color:#8d9099;margin-top:13px}.upload-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.primary-action,.secondary-action,.generate-action,.pay-action{border:0;border-radius:16px;font-weight:850;min-height:48px;padding:0 18px}.primary-action,.generate-action,.pay-action{background:linear-gradient(95deg,#ff744d,#ff4d88);color:#fff;box-shadow:0 10px 22px rgba(255,91,113,.20)}.secondary-action{background:#fff;color:#353946;border:1px solid #e5dfda}.primary-action.full{width:100%}.thumb-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.thumb{width:92px;height:104px;border-radius:16px;overflow:hidden;position:relative;background:#fff;box-shadow:0 7px 20px rgba(59,46,38,.08)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb button{position:absolute;right:5px;top:5px;width:25px;height:25px;border-radius:50%;border:0;background:rgba(20,20,24,.75);color:#fff;font-weight:900}
.people-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.people-option{border:2px solid transparent;background:rgba(255,255,255,.70);border-radius:22px;padding:20px 14px;text-align:left;min-height:150px;transition:.2s;color:var(--ink)}.people-option:hover{transform:translateY(-2px)}.people-option.active{border-color:#8c68ff;background:#fff;box-shadow:0 12px 28px rgba(119,92,220,.13)}.people-option strong{display:block;font-size:17px;margin-top:12px}.people-option small{color:#737885}.people-icons{display:flex;align-items:flex-end;height:46px}.people-icons i{display:block;width:29px;height:38px;background:linear-gradient(180deg,#ff7291,#815cff);border-radius:14px 14px 11px 11px;position:relative;margin-right:-4px;box-shadow:0 4px 10px rgba(93,69,162,.13)}.people-icons i:before{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#ffd5bf;left:4px;top:-10px;border:2px solid rgba(255,255,255,.85)}.people-icons.two i:nth-child(2),.people-icons.three i:nth-child(2){transform:scale(.9)}.people-icons.three i:nth-child(3){transform:scale(.82)}
.selected-line{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.75);font-size:13px;font-weight:800;color:#64707c;margin-bottom:14px}.selected-line.ready{background:#183d33;color:#fff}
.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.style-card{position:relative;border:2px solid transparent;background:rgba(255,255,255,.77);border-radius:22px;overflow:hidden;min-width:0;transition:.18s}.style-card.selected{border-color:#ff5b78;background:#fff;box-shadow:0 12px 30px rgba(255,83,118,.16)}.style-open{border:0;padding:0;width:100%;display:block;background:none}.style-art{height:110px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.style-art:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;filter:blur(1px);opacity:.55}.style-art span,.style-modal-hero span{position:relative;width:46px;height:56px;border-radius:18px 18px 13px 13px;background:#303442;display:block;box-shadow:0 14px 20px rgba(32,31,46,.18)}.style-art span:before,.style-modal-hero span:before{content:"";position:absolute;width:52px;height:46px;background:#f2b99b;border-radius:45% 45% 42% 42%;left:50%;top:-34px;transform:translateX(-50%);box-shadow:inset 0 -3px 0 rgba(120,75,65,.08)}.style-art span:after,.style-modal-hero span:after{content:"";position:absolute;width:52px;height:11px;border-radius:50%;background:#453c4b;left:50%;bottom:-9px;transform:translateX(-50%)}.art-funko{background:linear-gradient(145deg,#fff1cf,#ead6ff)}.art-funko:before{background:#ffcf72}.art-funko span:before{width:60px;height:51px;border-radius:16px}.art-character{background:linear-gradient(145deg,#ddecff,#f5dff7)}.art-character:before{background:#6e86ff}.art-character span{background:#2d3f66}.art-bobble{background:linear-gradient(145deg,#e6f2ff,#dbf8ec)}.art-bobble:before{background:#6fc8ff}.art-bobble span:before{width:61px;height:56px}.art-chibi{background:linear-gradient(145deg,#ffe5ec,#fff3cc)}.art-chibi:before{background:#ff86a3}.art-chibi span:before{width:64px;height:58px}.art-caricature{background:linear-gradient(145deg,#ffe9c9,#f7d8d0)}.art-caricature:before{background:#f4a261}.art-caricature span:before{width:59px;height:50px;transform:translateX(-50%) rotate(-3deg)}.art-anime{background:linear-gradient(145deg,#e7e0ff,#dff6ff)}.art-anime:before{background:#8d6cff}.art-anime span:before{width:58px;height:54px}.art-lego{background:linear-gradient(145deg,#fff0a7,#d8efff)}.art-lego:before{background:#ffd02f}.art-lego span{border-radius:7px;width:49px}.art-lego span:before{border-radius:7px;width:50px;height:42px;background:#ffd755}.art-loveis{background:linear-gradient(145deg,#ffe1eb,#fff4d9)}.art-loveis:before{background:#ff8fb4}.style-card-body{padding:12px}.style-card-body h3{font-size:15px;margin-bottom:3px}.style-card-body p{font-size:12px;color:#747986;min-height:34px;margin-bottom:10px}.style-card-actions{display:flex;gap:6px}.style-more,.style-select{border:0;border-radius:10px;min-height:32px;padding:0 9px;font-size:11px;font-weight:850}.style-more{background:#eef2f6;color:#495361}.style-select{background:#1d2634;color:#fff}.selected-badge{display:none;position:absolute;top:8px;right:8px;background:#172f28;color:#fff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.style-card.selected .selected-badge{display:block}.style-card.selected .style-select{background:#ff5478}.style-card.selected .style-select:after{content:" ✓"}
.size-display{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:12px 0 2px}.size-display strong{font-size:72px;line-height:1;font-weight:900;letter-spacing:-.05em}.size-display span{font-size:24px;font-weight:800;color:#5c6d63}.size-slider{width:100%;accent-color:#36a167;margin:20px 0 5px}.size-scale{display:flex;justify-content:space-between;color:#777f7a;font-size:12px}.size-price-note{margin-top:18px;background:rgba(255,255,255,.75);border-radius:16px;padding:12px 14px;color:#4f6859;font-size:13px;font-weight:700}
.creative-field{background:rgba(255,255,255,.70);border-radius:22px;padding:18px;margin-bottom:12px;border:1px solid rgba(80,66,48,.07)}.creative-field label{display:block;font-weight:900;font-size:18px;margin-bottom:5px}.creative-field p{color:#766f63;font-size:13px;margin-bottom:12px}.creative-field textarea{width:100%;resize:vertical;border:1px solid #e8e0d4;border-radius:16px;background:#fff;padding:14px 15px;color:#252831;outline:none;min-height:104px}.creative-field textarea:focus{border-color:#efaa54;box-shadow:0 0 0 4px rgba(239,170,84,.12)}.creative-field.creative{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,243,220,.9))}
.credit-status{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-radius:20px;padding:16px;margin-bottom:14px}.credit-status strong{display:block}.credit-status span:not(.credit-pill){display:block;color:#747987;font-size:13px;margin-top:3px}.credit-pill{flex:0 0 auto;border-radius:999px;background:#33283f;color:#fff;padding:7px 11px;font-weight:900;font-size:12px}.generate-action{width:100%;min-height:58px;font-size:17px}.result-wrap{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.result-preview{min-height:360px;border-radius:24px;background:linear-gradient(145deg,#ffffff,#ebe5f5);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.result-figure{position:relative;width:130px;height:210px}.figure-head{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:102px;height:96px;border-radius:45% 45% 40% 40%;background:#e9b99e;box-shadow:inset 0 -7px 0 rgba(132,81,63,.06)}.figure-body{position:absolute;left:50%;top:92px;transform:translateX(-50%);width:76px;height:96px;border-radius:28px 28px 18px 18px;background:linear-gradient(180deg,#784df1,#4e3aa0)}.figure-base{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);width:116px;height:20px;border-radius:50%;background:#3a3446}.style-funko .figure-head{border-radius:18px;width:110px}.style-character .figure-body{background:linear-gradient(180deg,#2b436e,#182744)}.style-bobble .figure-head{width:112px;height:103px}.style-bobble .figure-body{background:linear-gradient(180deg,#4a8dac,#2f657c)}.style-chibi .figure-head{width:114px;height:105px}.style-caricature .figure-head{width:108px;height:91px;transform:translateX(-50%) rotate(-2deg)}.style-anime .figure-head{width:106px;height:100px}.style-anime .figure-body{background:linear-gradient(180deg,#7555d8,#4e3a95)}.style-lego .figure-head{width:90px;height:74px;border-radius:12px;background:#ffd84b}.style-lego .figure-body{top:80px;width:84px;border-radius:8px;background:#3d61bb}.style-loveis .figure-body{background:linear-gradient(180deg,#ff7395,#cc4f70)}.source-mini{position:absolute;left:12px;bottom:12px;width:66px;height:82px;object-fit:cover;border-radius:12px;border:3px solid #fff;box-shadow:0 6px 18px rgba(38,31,43,.18)}.preview-label{position:absolute;right:12px;top:12px;background:#fff;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850}.result-copy h3{font-size:24px;margin-bottom:8px}.result-copy p{color:#6a6f7a}.result-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.desktop-summary{position:sticky;top:92px;border-radius:26px;background:#202330;color:#fff;padding:22px;box-shadow:0 22px 60px rgba(31,35,48,.22)}.summary-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#adb2bf;font-weight:850;margin-bottom:7px}.desktop-summary h3{font-size:21px;line-height:1.15;margin-bottom:18px}.summary-list{display:grid;gap:10px;margin-bottom:18px}.summary-list div{display:flex;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.09)}.summary-list span{font-size:12px;color:#abb0bd}.summary-list strong{font-size:13px;text-align:right}.summary-price{background:linear-gradient(135deg,#ff6f4f,#ff4f88);border-radius:18px;padding:15px;margin-bottom:12px}.summary-price span{display:block;font-size:11px;opacity:.84}.summary-price strong{display:block;font-size:27px;line-height:1.1;margin-top:4px}.summary-delivery{font-size:12px;display:grid;gap:7px;color:#d9dce3;padding:8px 2px}.summary-credit{margin-top:10px;border-radius:13px;background:rgba(255,255,255,.08);padding:10px 12px;font-size:12px;color:#e8e7ef}.summary-order{width:100%;margin-top:10px;border:0;border-radius:13px;padding:12px 10px;background:linear-gradient(135deg,#ff6f4f,#ff4f88);color:#fff;font-weight:850;cursor:pointer}.summary-order:disabled{background:#343846;color:#959aa8;cursor:not-allowed}.ozon-payment-note{display:flex;align-items:center;gap:10px;margin:15px 0;padding:13px;border-radius:15px;background:#f4f7ff;color:#575d69;font-size:12px}.ozon-payment-note .ozon-badge{flex:0 0 auto}.ozon-pay-button{display:block;width:min(370px,100%);height:auto;min-height:60px;margin:14px auto 0;padding:0;border:0;border-radius:16px;overflow:hidden;background:#005bff;cursor:pointer;box-shadow:0 10px 24px rgba(0,91,255,.22)}.ozon-pay-button img{display:block;width:100%;height:auto}.ozon-pay-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.compare-explainer{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;background:#f7f6f4;border-radius:24px;padding:18px;margin-bottom:18px}.compare-explainer>div:not(.compare-arrow){background:#fff;border-radius:18px;padding:14px}.compare-explainer strong{display:block;margin:8px 0 4px}.compare-explainer p{font-size:13px;color:#747985;margin:0}.compare-chip{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.compare-chip.sketch{background:#efe8ff;color:#6249b1}.compare-chip.real{background:#e9f7ef;color:#267048}.compare-arrow{font-size:28px;color:#aaa3a0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-card{border:1px solid var(--line);border-radius:20px;padding:10px;background:#fff}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.work-placeholder{height:160px;border-radius:14px;display:flex;align-items:flex-end;padding:9px;overflow:hidden}.work-placeholder span{font-size:10px;font-weight:850;background:rgba(255,255,255,.86);border-radius:999px;padding:4px 7px}.sketch-placeholder{background:linear-gradient(145deg,#e9e2ff,#cfdcff)}.real-placeholder{background:linear-gradient(145deg,#f1e4d8,#d7c2ad)}.work-card>p{font-size:12px;color:#747983;margin:9px 4px 2px}
.modal{position:fixed;inset:0;background:rgba(29,28,35,.55);z-index:100;display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(8px)}.modal.open{display:flex}.modal-card{width:min(900px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(25,23,30,.28);position:relative;padding:28px}.modal-close{position:absolute;z-index:3;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:0;background:#f1eff0;color:#43424a;font-size:24px}.style-modal-card{display:grid;grid-template-columns:1fr 1.12fr;padding:0;overflow:hidden}.style-modal-hero{min-height:560px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffe2ec,#e5e2ff)}.style-modal-hero span{transform:scale(2.3)}.style-modal-copy{padding:34px}.style-modal-copy h2{font-size:36px;letter-spacing:-.04em;margin-bottom:10px}.style-modal-copy>p{color:#6a6f7b}.style-features{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 22px}.style-features span{font-size:11px;font-weight:850;background:#f2f4f7;border-radius:999px;padding:6px 9px;color:#505866}.style-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.style-gallery .gallery-slot{height:105px;border-radius:13px;background:linear-gradient(145deg,#efe9e4,#d7cbc0);display:flex;align-items:flex-end;padding:7px;color:#5c5856;font-size:9px;font-weight:850}.gallery-note{font-size:11px!important;margin-top:8px!important}.compact-modal{width:min(480px,100%)}.compact-modal h2{font-size:30px;margin-bottom:8px}.compact-modal>p{color:#6f7480}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.payment-option{display:flex;align-items:center;gap:9px;border:2px solid #ece7e3;border-radius:16px;padding:13px;background:#fff;font-weight:800;font-size:13px}.payment-option.active{border-color:#ff5d7c;background:#fff4f6}.payment-option input{accent-color:#ff5d7c}.demo-note{display:block;color:#8b8e97;margin-top:10px}.order-modal-card{width:min(860px,100%)}.order-top{display:grid;grid-template-columns:260px 1fr;gap:18px;margin:18px 0}.order-sketch{min-height:260px;border-radius:22px;background:#f2eef8;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.order-sketch>span{position:absolute;bottom:10px;background:#fff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850}.result-figure.mini{transform:scale(.75)}.order-summary{background:#f7f6f5;border-radius:22px;padding:16px;display:grid;align-content:start}.order-summary>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #e7e2dd}.order-summary span{font-size:12px;color:#777b85}.order-summary strong{font-size:13px;text-align:right}.order-summary .order-total{border:0;padding-top:14px}.order-summary .order-total strong{font-size:25px;color:#d94667}.order-delivery{font-size:11px;color:#696e79;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:grid;gap:6px}.form-field>span{font-size:12px;font-weight:800;color:#626773}.form-field.required>span:after{content:" *";color:#e24162}.form-field input,.form-field textarea{width:100%;border:1px solid #ded9d4;border-radius:14px;background:#fff;padding:13px 14px;outline:none}.form-field input:focus,.form-field textarea:focus{border-color:#ff6b82;box-shadow:0 0 0 4px rgba(255,93,124,.09)}.full-row{grid-column:1/-1}.payment-block{margin-top:18px}.payment-block h3{margin-bottom:4px}.check-order-note{background:#fff6df;border-radius:16px;padding:13px 15px;margin:14px 0}.check-order-note strong{display:block}.check-order-note p{margin:3px 0 0;color:#756b56;font-size:12px}.consent{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#727681}.consent input{margin-top:2px}.pay-action{width:100%;min-height:56px;margin-top:14px;font-size:17px}.order-success{text-align:center;padding:30px}.success-mark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#e8f8ef;color:#2b8a58;font-size:30px;font-weight:900;margin:0 auto 14px}.order-success h3{font-size:28px}.order-success p{color:#686e78}

.account-modal-card{width:min(1040px,100%);padding:30px}.account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-right:48px}.account-head h2{font-size:34px;letter-spacing:-.04em;margin-bottom:6px}.account-head>div>p{color:#717681;margin:0}.account-credit{min-width:220px;background:linear-gradient(145deg,#fff0f3,#f0e9ff);border:1px solid #ead9e3;border-radius:20px;padding:16px}.account-credit span,.account-credit small{display:block;color:#747984;font-size:11px}.account-credit strong{display:block;font-size:27px;margin:2px 0;color:#d94766}.account-tabs{display:flex;gap:8px;margin:24px 0 18px;border-bottom:1px solid #ece7e2;padding-bottom:12px}.account-tab{border:0;background:#f3f1ef;color:#656a75;border-radius:999px;padding:9px 14px;font-weight:850}.account-tab.active{background:#202431;color:#fff}.account-panel{min-height:240px}.account-empty{background:#f7f4f1;border:1px dashed #d9d2cc;border-radius:18px;padding:30px;text-align:center;color:#777b85}.saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.saved-card{display:grid;grid-template-columns:150px 1fr;gap:14px;background:#fff;border:1px solid #e8e3de;border-radius:22px;padding:12px;box-shadow:0 10px 28px rgba(57,47,40,.06)}.saved-preview{min-height:170px;border-radius:16px;background:linear-gradient(145deg,#eee8ff,#e0ebff);display:flex;align-items:center;justify-content:center;overflow:hidden}.saved-preview .result-figure{transform:scale(.62)}.saved-meta{min-width:0}.saved-meta h3{font-size:18px;margin-bottom:4px}.saved-date{font-size:10px;color:#8a8e96}.saved-tags{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.saved-tags span{font-size:10px;background:#f2f3f5;border-radius:999px;padding:4px 7px;color:#5f6570}.saved-readonly{font-size:11px;color:#6d727d;margin:6px 0}.saved-size{margin-top:10px}.saved-size label{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;color:#5f6570}.saved-size input{width:100%}.saved-price{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:12px}.saved-price strong{font-size:18px;color:#d94766}.saved-order{width:100%;border:0;border-radius:13px;background:#202431;color:#fff;min-height:42px;font-weight:850}.saved-orders{display:grid;gap:10px}.saved-order-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid #e7e2dd;border-radius:18px;padding:14px;background:#fff}.saved-order-row h3{font-size:15px;margin-bottom:3px}.saved-order-row p{margin:0;color:#777c86;font-size:11px}.saved-order-row strong{font-size:17px}.profile-form{display:grid;gap:14px}.account-logout{margin-top:18px;border:0;background:none;color:#b14458;font-weight:800;padding:8px 0}.account-login-required{text-align:center;padding:40px 20px}.account-login-required p{color:#747984}.account-login-required .primary-action{width:auto}
@media(max-width:1023px){
  .builder{grid-template-columns:1fr}.desktop-summary{display:none}.style-grid{grid-template-columns:repeat(4,1fr)}
  .intro{grid-template-columns:1fr}.intro-copy{padding-right:0}.intro-info-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;grid-auto-rows:1fr}.info-card{min-height:210px}.free-card{max-width:none}.work-placeholder{height:130px}
}
@media(max-width:760px){
  body{padding-top:72px}.site-header{position:fixed;inset:0 0 auto 0}.header-inner{height:52px}.brand-name{font-size:15px}.brand-mark{width:30px;height:30px;border-radius:10px}.header-nav{gap:14px;font-size:12px}.header-nav .link-button{display:inline-block;font-size:11px}.mobile-orderbar-meta .ozon-badge{font-size:9px;padding:2px 6px}.dot-sep{opacity:.45}.shell{width:min(100% - 20px,1180px)}.intro{padding:48px 0 14px;gap:14px}.intro-info-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;grid-auto-rows:1fr}.info-card{border-radius:18px;padding:13px;min-height:170px}.free-card-badge{font-size:10px;padding:5px 7px}.free-card p{font-size:11px;line-height:1.35;margin:8px 0 5px}.free-card small{font-size:9px;line-height:1.35}.delivery-card{gap:9px}.delivery-icon{width:34px;height:34px;border-radius:11px}.delivery-icon:before{width:17px;height:11px;left:7px;top:12px}.delivery-icon:after{width:5px;height:5px;left:7px;bottom:5px;box-shadow:11px 0 0 -2px #1468ff,11px 0 0 0 #fff}.delivery-card strong{font-size:13px;line-height:1.15}.delivery-card p{font-size:10px;line-height:1.35}.delivery-card small{font-size:9px;line-height:1.25;margin-top:5px}.delivery-card .ozon-badge{font-size:9px;padding:2px 6px}.kicker{font-size:10px}.intro h1{font-size:42px}.intro-copy>p{font-size:16px;line-height:1.45}.production-line{font-size:12px}.free-card{padding:13px;border-radius:18px}.free-card p{font-size:11px}.journey{border-radius:17px;margin-bottom:14px;padding:10px 12px}.journey span{font-size:10px}.journey i{width:15px}.builder{width:100%;gap:0}.builder-main{width:100%}.story-step{margin:0 10px 14px;border-radius:24px;padding:20px 16px;min-height:0;display:block;scroll-margin-top:112px;box-shadow:0 12px 34px rgba(67,54,47,.10)}.step-head{margin-bottom:18px}.step-num{width:31px;height:31px;flex-basis:31px}.step-head h2{font-size:24px}.step-head p{font-size:13px}.upload-card{padding:24px 14px;margin:0}.upload-actions{display:grid}.primary-action,.secondary-action{width:100%}.upload-card small{font-size:10px}.thumb{width:72px;height:82px}.people-picker{grid-template-columns:1fr;gap:9px;margin:0}.people-option{min-height:96px;display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-items:center;padding:14px}.people-icons{grid-row:1/3}.people-option strong{margin-top:0}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.style-art{height:92px}.style-card-body{padding:10px}.style-card-body h3{font-size:14px}.style-card-body p{font-size:10px;min-height:29px}.style-card-actions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4px}.style-more,.style-select{min-width:0;min-height:36px;padding:0 3px;font-size:11px;line-height:1.2;white-space:nowrap}.selected-line{font-size:11px}.step-style{min-height:auto}.size-display{margin:8px 0 2px}.size-display strong{font-size:64px}.size-slider{margin-top:16px}.size-price-note{margin-top:16px;margin-bottom:0}.creative-field{padding:15px}.creative-field label{font-size:16px}.creative-field p{font-size:12px}.creative-field textarea{font-size:14px}.credit-status{align-items:flex-start}.credit-status strong{font-size:14px}.credit-status span:not(.credit-pill){font-size:11px}.result-wrap{grid-template-columns:1fr}.result-preview{min-height:340px}.result-copy h3{font-size:22px}.result-buttons{display:grid}.compare-explainer{grid-template-columns:1fr;gap:8px}.compare-arrow{transform:rotate(90deg);text-align:center;font-size:20px}.work-grid{grid-template-columns:1fr}.work-placeholder{height:175px}.gallery-section{min-height:auto}.style-modal-card{display:block;padding:0}.style-modal-hero{min-height:240px}.style-modal-hero span{transform:scale(1.6)}.style-modal-copy{padding:22px 16px 18px}.style-modal-copy h2{font-size:30px}.modal{align-items:flex-end;padding:0}.modal-card{max-height:92vh;border-radius:28px 28px 0 0;padding:22px 16px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.style-modal-card{border-radius:28px 28px 0 0}.style-gallery .gallery-slot{height:90px}.order-top{grid-template-columns:1fr}.order-sketch{min-height:230px}.form-grid{grid-template-columns:1fr}.full-row{grid-column:auto}.payment-options{grid-template-columns:1fr}.order-modal-card{padding-bottom:max(24px,env(safe-area-inset-bottom))}.order-summary .order-total strong{font-size:22px}.account-modal-card{padding:20px 14px}.account-head{display:block;padding-right:38px}.account-head h2{font-size:28px}.account-credit{margin-top:14px;min-width:0}.account-tabs{overflow:auto;white-space:nowrap}.saved-grid{grid-template-columns:1fr}.saved-card{grid-template-columns:108px 1fr;gap:10px}.saved-preview{min-height:150px}.saved-preview .result-figure{transform:scale(.52)}.saved-meta h3{font-size:16px}.saved-order-row{grid-template-columns:1fr}.account-panel{min-height:180px}
}
@media(max-width:390px){.style-grid{gap:7px}.style-card-body p{min-height:34px}.header-nav{gap:9px}.header-nav a{font-size:11px}}

/* Respect hidden states for results, forms and account panels. */
[hidden]{display:none!important}

/* Generated concept imagery. Originals and prompts live in assets/generated. */
.intro-figurines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:460px;margin-top:22px}
.intro-figurines img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:22px;background:#f5eee8;border:1px solid #eee2dc}
.image-disclosure{display:block;font-size:11px;color:#7d7279;margin-top:8px}
.style-art{height:auto;aspect-ratio:1;background:#f5eee8;overflow:hidden}
.style-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.style-open:hover img{transform:scale(1.035)}
.style-open:focus-visible,.related-style:focus-visible{outline:3px solid #ff5478;outline-offset:-3px}
.style-modal-card{overflow:auto}
.style-modal-hero{min-height:0;background:#f5eee8;align-self:stretch}
.style-modal-hero .figurine-image{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}
.related-style{padding:0;border:1px solid #eee2dc;border-radius:12px;background:#faf6f2;overflow:hidden;cursor:pointer;text-align:left;color:#453b43}
.related-style img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.related-style span{display:block;padding:6px;font-size:10px;font-weight:700;line-height:1.3}
.result-figure,.result-figure.mini,.saved-preview .result-figure{width:100%;height:100%;transform:none}
.result-figure .figurine-image{display:block;width:100%;height:100%;object-fit:contain;max-height:440px}
.result-preview{background:#f5eee8;min-height:0;aspect-ratio:1}
.order-sketch{background:#f5eee8;min-height:0;aspect-ratio:1}
.order-sketch .figurine-image{max-height:360px}
.saved-preview{background:#f5eee8;min-height:0;align-self:start;aspect-ratio:1}
.saved-preview .figurine-image{height:auto;aspect-ratio:1}
.work-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;background:#f5eee8}
.work-card>p{line-height:1.6}.work-card>p strong{color:#40343c}
@media(max-width:760px){
 .intro-figurines{max-width:100%;gap:8px;margin-top:16px}
 .intro-figurines img{border-radius:16px}
 .style-modal-hero .figurine-image{max-height:290px}
 .style-modal-copy{padding-top:18px}
 .result-preview{min-height:0}
 .preview-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.style-art img{transition:none}}

/* One stylesheet for compatibility with the local agent's existing asset routes. */
img{max-width:100%}
.intro-copy,.builder-main,.work-card{min-width:0}
.intro{align-items:start}
.info-card{height:auto;align-self:start}
.style-art::before,.style-art::after{content:none;display:none}
.style-art img{flex:0 0 100%;max-width:100%}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.people-illustration{display:block;width:100%;max-width:180px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:16px;margin:0 auto 10px}
.people-option{overflow:hidden}
.people-option strong,.people-option small{display:block}
@media(max-width:760px){
 .people-option{grid-template-columns:88px minmax(0,1fr);column-gap:14px}
 .people-illustration{width:88px;height:88px;grid-row:1/3;margin:0}
 .work-grid{grid-template-columns:minmax(0,1fr)}
}

/* Gallery: desktop grid, swipeable cards on phones. */
.gallery-swipe-hint{display:none}
.work-grid:focus-visible{outline:2px solid #8c68ff;outline-offset:4px;border-radius:16px}
@media(max-width:760px){
 .gallery-swipe-hint{display:block;font-size:12px;color:#6f7481;margin:0 0 10px}
 .gallery-section .work-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 .gallery-section .work-card{scroll-snap-align:start;min-width:0}
}

/* Generation progress, revision form and fullscreen image viewer. */
.generation-progress{margin:14px 0;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(93,59,151,.15);box-shadow:0 10px 28px rgba(77,53,117,.08)}
.generation-progress-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.generation-progress-head strong{font-size:15px}.generation-progress-head span{font-weight:850;color:#6e45bd}
.generation-progress-track{height:10px;border-radius:999px;background:#eee8f7;overflow:hidden}.generation-progress-track span{display:block;width:3%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff704f,#ff3f82,#7d5cff);transition:width .45s ease;position:relative}.generation-progress-track span:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.65) 45%,transparent 70%);animation:progress-shine 1.2s linear infinite}.generation-progress p{margin:9px 0 0;color:#686474;font-size:12px;line-height:1.45}
.revision-field{display:grid;gap:8px;margin:18px 0}.revision-field span{font-weight:800}.revision-field textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #dcd5e5;border-radius:15px;padding:13px 14px;font:inherit;background:#fff}.revision-field small{color:#716d78;line-height:1.4}
.generated-result,.gallery-section .work-image{cursor:zoom-in}
.image-viewer{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:34px 84px;background:rgba(17,14,22,.94);color:#fff}.image-viewer.open{display:flex}.image-viewer figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%}.image-viewer figure img{display:block;max-width:min(1100px,100%);max-height:calc(100vh - 120px);object-fit:contain;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.38)}.image-viewer figcaption{font-size:14px;text-align:center;color:#f4eff8}.image-viewer-close,.image-viewer-nav{position:absolute;border:0;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(10px)}.image-viewer-close{top:18px;right:18px;width:46px;height:46px;border-radius:50%;font-size:30px}.image-viewer-nav{top:50%;width:52px;height:72px;border-radius:18px;transform:translateY(-50%);font-size:44px}.image-viewer-nav.prev{left:18px}.image-viewer-nav.next{right:18px}.image-viewer-count{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font-size:12px;color:#ded6e6}.image-viewer button:hover{background:rgba(255,255,255,.25)}
@keyframes progress-shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:760px){.image-viewer{padding:62px 12px 48px}.image-viewer figure img{max-height:calc(100vh - 135px);border-radius:12px}.image-viewer-nav{top:auto;bottom:10px;width:44px;height:40px;border-radius:12px;font-size:30px}.image-viewer-nav.prev{left:14px}.image-viewer-nav.next{right:14px}.image-viewer-count{bottom:22px}.image-viewer-close{top:10px;right:10px}}
@media(prefers-reduced-motion:reduce){.generation-progress-track span{transition:none}.generation-progress-track span:after{animation:none}}
.site-footer{width:min(100% - 40px,1180px);margin:10px auto 34px;padding:18px 22px;border-top:1px solid rgba(73,58,68,.12);display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;color:#77717a;font-size:12px}.site-footer a,.consent a{color:#46365f;font-weight:750;text-decoration:underline;text-underline-offset:3px}.site-footer a:hover,.consent a:hover{color:#dd456b}


.pay-action.ozon-pay-button{width:min(370px,100%);min-height:60px}


/* Native site chat and password forms */
.account-auth-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.account-auth-links button{border:0;background:none;color:#7151a6;text-decoration:underline;cursor:pointer;font:inherit;font-size:14px}#loginFeedback{font-size:14px;color:#7c3654}#loginForm [hidden]{display:none!important}
.chat-launcher{position:fixed;bottom:22px;right:22px;z-index:90;border:0;border-radius:24px;padding:15px 22px;background:#252535;color:white;box-shadow:0 8px 32px #25253535;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer}.site-chat{position:fixed;right:22px;bottom:86px;width:360px;max-width:calc(100vw - 24px);height:550px;max-height:calc(100dvh - 110px);z-index:91;display:flex;flex-direction:column;background:#fff;border:1px solid #e4dce8;border-radius:24px;box-shadow:0 16px 70px #25253540;overflow:hidden}.site-chat[hidden]{display:none!important}.site-chat header{padding:18px;display:flex;justify-content:space-between;align-items:start;background:#efe7fb}.site-chat header small{display:block;font-size:12px;color:#655e70;margin-top:5px}.site-chat header button{background:none;border:0;font-size:26px;cursor:pointer}.chat-messages{flex:1;min-height:90px;overflow-y:auto;padding:14px;overscroll-behavior:contain}.chat-message{max-width:92%;border-radius:16px;padding:10px 12px;margin:8px 0;background:#f2eff7;overflow-wrap:anywhere}.chat-message.from-visitor{margin-left:auto;background:#e8defc}.chat-message small{font-size:11px;color:#766b83}.chat-message p{margin:5px 0 0;font-size:14px;white-space:pre-wrap}.chat-status{margin:0;padding:6px 16px;font-size:12px;color:#6a6174}.site-chat form{padding:12px 16px 16px;border-top:1px solid #eee;display:grid;gap:8px}.site-chat textarea{box-sizing:border-box;width:100%;resize:none;border:1px solid #d9d1e2;border-radius:12px;padding:10px;font-family:inherit;font-size:14px}.chat-consent{display:block;font-size:11px;color:#6a6174}.chat-honeypot{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-chat .primary-action{padding:11px;font-size:14px}.site-chat button:disabled{opacity:.55}@media(max-width:600px){.chat-launcher{right:12px;bottom:12px}.site-chat{right:12px;bottom:74px;max-height:calc(100dvh - 90px)}}

.email-verification-notice{padding:12px 16px;margin:12px 0;border-radius:14px;background:#fff3d7;font-size:13px}.email-verification-notice[hidden]{display:none}.email-verification-notice button{border:0;background:none;text-decoration:underline;color:#6a4d92;cursor:pointer}.email-verification-notice span{display:block}

/* Keep the longer brand readable beside the mobile account navigation. */
.brand-mark{flex-shrink:0}.brand-name{white-space:nowrap}@media(max-width:760px){.header-inner{gap:10px}.brand{gap:7px}.brand-name{font-size:clamp(12px,3.4vw,15px)}.header-nav{flex-shrink:0;gap:10px}}@media(max-width:370px){.brand-name{font-size:11px}.brand-mark{width:26px;height:26px}.header-nav{gap:7px}.header-nav .link-button{font-size:10px}}

/* Direct contacts remain beside the account and gallery navigation. */
.header-actions{display:flex;align-items:center;gap:22px}.header-socials{display:flex;align-items:center;gap:9px}.messenger-link{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;flex-shrink:0}.messenger-link svg{display:block}.messenger-telegram{background:#229ed9}.messenger-whatsapp{background:#25b861}.messenger-link:hover{filter:brightness(.92)}.messenger-link:focus-visible{outline:3px solid #7750bd;outline-offset:3px}.messenger-link:after{content:"";position:absolute;inset:-4px;border-radius:50%}
@media(max-width:760px){body{padding-top:90px}.header-inner{height:70px}.header-actions{flex-direction:column;align-items:flex-end;gap:4px}.header-socials{gap:9px}.messenger-link{width:32px;height:32px}.messenger-link svg{width:20px;height:20px}.story-step{scroll-margin-top:140px}}

/* Ready-sketch catalog and editing of saved account images. */
.ready-menu-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6548,#e83e79);color:#fff!important;text-decoration:none;padding:10px 14px;border-radius:14px;font-weight:800;white-space:nowrap}
.ready-catalog{padding:50px 0}.ready-catalog-heading{max-width:820px;margin-bottom:30px}.ready-catalog h1{font-size:clamp(36px,5vw,62px);line-height:1.05;margin:12px 0 18px}.ready-catalog-heading p{font-size:18px;line-height:1.5;color:#727580}.ready-catalog-heading .ready-base-note{font-size:13px}.ready-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ready-style-card{background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #5946300c;min-width:0}.ready-style-art{aspect-ratio:1;overflow:hidden;background:#f5eee8}.ready-style-art img{width:100%;height:100%;object-fit:cover}.ready-style-body{padding:14px;display:flex;flex-direction:column;flex:1}.ready-style-body h2{font-size:19px;margin:0 0 8px}.ready-style-body>p{font-size:12px;line-height:1.5;color:#727580;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px}.ready-style-body>strong{font-size:24px;margin-top:auto}.ready-style-actions{display:grid;gap:8px;margin-top:14px}.ready-style-actions a,.ready-style-actions button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 10px;border:1px solid #edced8;border-radius:12px;background:#fff3f7;color:#992b50;text-decoration:none;text-align:center;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.ready-style-actions a:hover,.ready-style-actions button:hover,.ready-style-actions button.selected{background:#f7d7e3}.ready-order-panel{margin:40px 0;padding:28px;background:#fff;border:1px solid #edced8;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:32px;scroll-margin-top:140px}.ready-order-panel h2{font-size:30px;margin:12px 0}.ready-preview{width:100%;max-height:500px;object-fit:contain;border-radius:16px;background:#f6f1ed}.ready-order-panel p{font-size:13px;line-height:1.5;color:#727580}.ready-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #eee}.ready-total strong{font-size:28px;color:#dc4867}.ready-order-panel select{font:inherit;width:100%;padding:12px;border:1px solid #d9d7d3;border-radius:12px}.ready-order-panel input[type=range]{width:100%}.saved-actions{display:flex;flex-wrap:wrap;gap:8px}.saved-actions button{font:inherit;font-size:13px;border-radius:12px;padding:10px 14px;cursor:pointer}.saved-edit{border:1px solid #ddc8d3;background:#fff3f7;color:#862949}.saved-edit:disabled{opacity:.5;cursor:default}.saved-edit-modal{max-width:720px}.saved-edit-image{display:block;width:100%;max-height:42vh;object-fit:contain;background:#f7f2ed;border-radius:18px}.saved-edit-modal form{margin-top:18px}.saved-edit-modal form>p{font-size:13px;line-height:1.5;color:#727580}.saved-edit-modal progress{width:100%;accent-color:#ed4678;margin-top:10px}#cabinetPending{padding:12px 16px;background:#f0e6ff;border-radius:12px;font-size:14px}
@media(max-width:1099px){.ready-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ready-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ready-catalog{padding-top:80px}.ready-style-body{padding:10px}.ready-style-body h2{font-size:16px}.ready-style-body>strong{font-size:21px}.ready-style-actions a,.ready-style-actions button{font-size:11px;min-height:48px}.ready-order-panel{grid-template-columns:1fr;gap:18px;padding:18px}.header-inner{height:auto;min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding-top:8px;padding-bottom:8px}.header-actions{display:contents}.header-socials{grid-column:2;grid-row:1}.header-nav{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:14px;min-width:0}.ready-menu-button{padding:7px 11px;font-size:11px}.header-nav .link-button{font-size:12px}.site-header .brand{grid-column:1;grid-row:1}.site-header .brand-name{font-size:14px}.saved-actions{display:grid;grid-template-columns:1fr}.saved-edit-modal .primary-action{font-size:14px}}

.promo-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:18px 0}.promo-entry .form-field{margin:0}.promo-entry .secondary-action{padding:12px 16px}.promo-entry p{grid-column:1/-1;margin:0;font-size:13px;color:#876274;min-height:18px}.promo-entry input{text-transform:uppercase}

body[data-page="catalog"] .intro,body[data-page="catalog"] .builder,body[data-page="catalog"] 

@media(max-width:760px){body{padding-top:90px}body[data-page="catalog"]{padding-top:90px}.ready-catalog{padding-top:32px}}

/* Hero: consistent card spacing and a compact stacked layout on phones. */
.intro{grid-template-columns:minmax(0,1.5fr) minmax(0,1.6fr);align-items:center;gap:24px}
.intro-copy{align-self:center;padding-right:0}
.intro-copy>p{margin-bottom:0;line-height:1.5}
.intro-info-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;min-width:0}
.intro .info-card{align-self:stretch;height:auto;min-height:0;box-sizing:border-box;border-radius:26px}
.intro .promo-sketch-card{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:22px 20px;background:radial-gradient(ellipse at 15% 0%,#8564ad 0%,transparent 54%),linear-gradient(145deg,#4c3166,#623b75 72%,#4f2c63);box-shadow:0 14px 32px #45265620;border:1px solid #ffffff24;overflow:hidden}
.sketch-pair{position:relative;flex:0 0 auto;align-self:center;width:100%;max-width:300px;aspect-ratio:1.32;margin:0}
.sketch-photo{position:absolute;top:10%;left:3%;width:53%;margin:0;padding:5px 5px 0;background:#fff;border-radius:9px;transform:rotate(-9deg);box-shadow:0 10px 20px #24132e35;z-index:1}
.sketch-photo+ .sketch-photo{left:auto;right:2%;top:16%;transform:rotate(9deg);z-index:2}
.sketch-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:5px;background:#f2e9f4}
.sketch-photo figcaption{height:24px;display:flex;align-items:center;padding-left:6px;color:#796378;font-size:9px;font-weight:750;letter-spacing:.02em;white-space:nowrap}
.free-card-copy{position:relative;margin:0;min-width:0}
.promo-sketch-card .free-card-badge{display:inline-block;max-width:100%;font-size:11px;line-height:1.4;padding:7px 10px;background:#fff8fb;color:#513463}
.promo-sketch-card .free-card-copy>p{font-size:15px;line-height:1.45;margin:12px 0 10px;letter-spacing:-.01em}
.promo-sketch-card .free-card-copy>small{display:block;font-size:11px;line-height:1.5;color:#eee1f7}
.intro .promo-delivery-card{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 0 22px;overflow:hidden;background:linear-gradient(160deg,#4a96ff,#1465ed);border:1px solid #3886f6;box-shadow:0 14px 32px #1f65d220}
.delivery-visual{position:relative;width:100%;aspect-ratio:1;flex:0 0 auto;overflow:hidden}
.delivery-visual img{display:block;width:100%;height:100%;object-fit:contain}
.delivery-visual::after{content:"";position:absolute;inset:auto 0 -1px;height:14%;background:linear-gradient(180deg,transparent,#3285f8);pointer-events:none}
.promo-delivery-card .delivery-copy{display:block;min-width:0;padding:0 20px;color:#fff}
.promo-delivery-card .delivery-copy strong{display:block;color:#fff;font-size:20px;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.promo-delivery-card .delivery-copy p{display:flex;align-items:center;gap:7px;color:#e6f0ff;font-size:13px;margin:12px 0 0;line-height:1.4}
.promo-delivery-card .ozon-badge{background:#fff;color:#1263ea!important;font-size:12px;padding:4px 10px}
@media(min-width:1024px) and (max-width:1199px){
 .intro{gap:20px}
 .intro .promo-sketch-card{padding:18px 16px;gap:14px}
 .promo-sketch-card .free-card-copy>p{font-size:14px}
 .promo-delivery-card .delivery-copy{padding:0 16px}
 .promo-delivery-card .delivery-copy strong{font-size:18px}
}
@media(max-width:1023px){
 .intro{grid-template-columns:minmax(0,1fr);gap:28px}
 .intro-copy{align-self:start}
 .intro-info-cards{width:100%;max-width:760px;justify-self:center;grid-auto-rows:auto;margin:0;gap:16px}
 .intro .promo-sketch-card{padding:24px;gap:18px}
 .promo-sketch-card .free-card-copy>p{font-size:17px}
 .promo-sketch-card .free-card-copy>small{font-size:12px}
 .promo-delivery-card .delivery-copy{padding:0 24px}
 .promo-delivery-card .delivery-copy strong{font-size:23px}
}
@media(max-width:760px){
 .intro{padding:28px 0 24px;gap:24px}
 .intro h1{font-size:40px;line-height:1.02;margin-bottom:16px}
 .intro-copy>p{font-size:16px;line-height:1.5}
 .intro-info-cards{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:12px;max-width:540px}
 .intro .promo-sketch-card,.intro .promo-delivery-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:16px;padding:20px 18px;border-radius:22px;box-shadow:0 8px 24px #45305712}
 .sketch-pair{width:100%;aspect-ratio:.9;max-width:190px;margin:0}
 .sketch-photo{width:69%;left:0;top:8%;padding:4px 4px 0;border-radius:7px}
 .sketch-photo+ .sketch-photo{right:0;top:28%}
 .sketch-photo figcaption{height:21px;padding-left:4px;font-size:8px}
 .promo-sketch-card .free-card-badge{font-size:10px;padding:6px 8px}
 .promo-sketch-card .free-card-copy>p{font-size:14px;line-height:1.45;margin:10px 0 8px}
 .promo-sketch-card .free-card-copy>small{font-size:11px;line-height:1.45}
 .intro .promo-delivery-card{padding:14px 18px 14px 0;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 .delivery-visual{width:100%;aspect-ratio:1}
 .delivery-visual::after{display:none}
 .promo-delivery-card .delivery-copy{padding:8px 0}
 .promo-delivery-card .delivery-copy strong{font-size:20px;line-height:1.2}
 .promo-delivery-card .delivery-copy p{font-size:13px;margin-top:12px;gap:7px}
 .promo-delivery-card .ozon-badge{font-size:12px;padding:4px 9px}
}
@media(max-width:359px){
 .intro .promo-sketch-card{gap:12px;padding:18px 14px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
 .promo-sketch-card .free-card-badge{font-size:9px}
 .promo-sketch-card .free-card-copy>p{font-size:13px}
 .promo-sketch-card .free-card-copy>small{font-size:10px}
 .promo-delivery-card .delivery-copy strong{font-size:18px}
}

.thumb-list:empty{display:none}
@media(max-width:760px){.delivery-visual{mask-image:linear-gradient(90deg,#000 85%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}.creative-field:last-child{margin-bottom:0}.step-head>div{min-width:0}}

/* Mobile style selection uses the same horizontal composition as the people picker. */
@media(max-width:760px){
 .style-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .style-card{display:grid;grid-template-columns:clamp(88px,26vw,116px) minmax(0,1fr);align-items:stretch;border-radius:18px}
 .style-open{height:100%;min-width:0;background:#f5eee8}
 .style-art{height:100%;min-height:112px;aspect-ratio:auto}
 .style-art img{height:100%;object-fit:contain}
 .style-card-body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:12px}
 .style-card-body h3{font-size:16px;line-height:1.2;margin:0 0 4px}
 .style-card-body p{font-size:12px;line-height:1.35;min-height:0;margin:0 0 10px}
 .style-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;max-width:240px}
 .style-more,.style-select{min-height:36px;font-size:11px;padding:0 6px}
 .style-card.selected .style-select:after{content:none}
 .selected-badge{left:5px;right:auto;top:5px;font-size:9px;padding:4px 6px}
}

/* The ready-sketch catalog follows the mobile studio's horizontal cards. */
@media(max-width:760px){
 .ready-catalog-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .ready-style-card{display:grid;grid-template-columns:clamp(88px,26vw,116px) minmax(0,1fr);align-items:stretch;border-radius:18px}
 .ready-style-art{height:100%;min-height:112px;aspect-ratio:auto}
 .ready-style-art img{display:block;height:100%;object-fit:contain}
 .ready-style-body{min-width:0;padding:12px;justify-content:center}
 .ready-style-body h2{font-size:16px;line-height:1.2;margin:0 0 4px}
 .ready-style-body>p{font-size:12px;line-height:1.35;-webkit-line-clamp:2;margin:0 0 8px}
 .ready-style-body>strong{font-size:22px;line-height:1.2;margin-top:0}
 .ready-style-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;max-width:280px;margin-top:10px}
 .ready-style-actions a,.ready-style-actions button{min-width:0;min-height:44px;padding:6px;font-size:11px;line-height:1.25;overflow-wrap:normal}
}

/* Catalog cards have one action: order the selected ready-made sketch. */
.ready-style-actions{grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){.ready-style-actions{grid-template-columns:minmax(0,1fr)}}

/* The delivery card shares the sidebar column; the purple card ends with the form. */
@media(min-width:1024px){
 .intro{grid-template-columns:minmax(0,1fr) clamp(230px,22vw,290px) 310px;gap:24px}
 .intro-info-cards{display:contents}
 .intro h1{font-size:clamp(52px,calc(7.2vw - 22px),82px);line-height:.98;letter-spacing:-.055em}
 .intro h1>span{display:block}
}

.connection-notice{position:fixed;z-index:1500;left:50%;bottom:18px;transform:translateX(-50%);width:min(680px,calc(100% - 28px));display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #e4c9d3;border-radius:16px;background:#fff8f4;color:#252634;box-shadow:0 8px 28px #20212c20;font-size:14px;line-height:1.4}.connection-notice[hidden]{display:none}.connection-notice button{flex-shrink:0;border:0;border-radius:10px;background:#252634;color:white;padding:10px 12px;font:inherit;font-weight:700}@media(max-width:560px){.connection-notice{flex-direction:column;align-items:stretch;gap:8px;bottom:10px}.connection-notice button{align-self:flex-start}}

/* A failed private image offers a bounded retry instead of a broken-image icon. */
.result-image-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;height:100%;min-height:96px;padding:8px;text-align:center;color:#68616a;font-size:12px;line-height:1.25;overflow-wrap:anywhere}
.result-image-status button{border:1px solid #d8ccd1;border-radius:10px;min-height:32px;padding:5px 9px;background:#fff;color:#39303b;font:inherit;font-weight:700;cursor:pointer}

.compact-modal .form-field{margin-bottom:12px}.compact-modal .consent{margin:12px 0}body[aria-busy="true"] button[type="submit"]{opacity:.6;pointer-events:none}