:root{--yellow:#ffd000;--black:#0b0b0b;--line:#e4e4df;--muted:#777}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;color:#171717;background:#f5f5f2}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}header{height:82px;background:#fff;display:flex;align-items:center;padding:0 clamp(18px,5vw,72px);gap:26px;border-bottom:1px solid var(--line)}header img{width:165px;height:62px;object-fit:contain}header>div{display:flex;flex-direction:column;border-left:1px solid #ddd;padding-left:24px}header span{font-size:9px;letter-spacing:.16em;color:#9b7900;font-weight:800}header b{font-size:10px;margin-top:4px}.back{margin-left:auto;border:1px solid #ddd;border-radius:6px;padding:10px 14px;font-size:10px;font-weight:800}.intro{padding:62px clamp(18px,6vw,90px) 35px;background:#0c0c0c;color:#fff}.intro small{color:var(--yellow);font-size:10px;font-weight:800;letter-spacing:.16em}.intro h1{font-size:48px;line-height:1.03;letter-spacing:-.05em;margin:16px 0}.intro em{font-style:normal;color:var(--yellow)}.intro p{font-size:11px;line-height:1.7;color:#aaa;max-width:650px}.product-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:25px clamp(18px,6vw,90px);background:#fff}.product-tabs button{border:1px solid var(--line);background:#fff;padding:16px 20px;border-radius:9px;display:flex;align-items:center;text-align:left;gap:14px}.product-tabs button.active{border:2px solid var(--yellow);background:#fffbed}.product-tabs i{font-style:normal;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#111;color:var(--yellow);font-weight:800}.product-tabs span{display:flex;flex-direction:column;font-size:12px;font-weight:800}.product-tabs small{font-size:9px;color:#888;margin-top:3px}.builder{display:grid;grid-template-columns:260px minmax(350px,1fr) 280px;gap:18px;padding:28px clamp(18px,4vw,60px) 70px}.controls,.preview-column,.summary{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.step-title{display:flex;gap:10px;margin:7px 0 14px}.step-title>b{width:23px;height:23px;background:var(--yellow);border-radius:50%;display:grid;place-items:center;font-size:10px}.step-title span{display:flex;flex-direction:column;font-size:11px;font-weight:800}.step-title small{font-size:8px;color:#999;margin-top:3px;font-weight:500}.uploader{height:116px;border:1.5px dashed #bbb;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:22px;cursor:pointer}.uploader:hover{border-color:#b38c00;background:#fffbed}.uploader strong{font-size:23px}.uploader b{font-size:10px}.uploader small{font-size:8px;color:#999;margin-top:4px}.remove-image{border:0;background:none;color:#c33;font-size:9px;margin:-14px 0 20px}.range-row{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:9px;font-weight:700;margin:12px 0 22px}.range-row input{grid-column:1/-1;width:100%;accent-color:#111}.text-input,.summary input,.summary select,.summary textarea{width:100%;border:1px solid #ddd;border-radius:6px;padding:11px;font-size:10px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.inline-fields label{font-size:8px;font-weight:700}.inline-fields input{width:100%;height:35px;border:1px solid #ddd;background:#fff;padding:3px}.preview-column{padding:0;overflow:hidden}.preview-toolbar{height:52px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:9px;font-weight:800}.preview-toolbar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#37a358}.preview-toolbar button{border:0;background:none;color:#777;font-size:9px}.stage{height:520px;background:linear-gradient(145deg,#eee,#fafafa);display:grid;place-items:center;position:relative;overflow:hidden}.product-view{width:390px;height:430px;display:grid;place-items:center;position:relative}.product-shape{position:relative;display:flex;align-items:center;justify-content:center;background:var(--yellow);box-shadow:0 24px 40px #0002;overflow:hidden}.medal-view .product-shape{width:270px;height:270px;border-radius:50%;border:14px double #b68f00}.medal-ribbon{position:absolute;top:0;width:80px;height:190px;background:linear-gradient(90deg,#111 0 35%,var(--yellow) 35% 65%,#111 65%);clip-path:polygon(0 0,100% 0,82% 100%,50% 84%,18% 100%);z-index:0}.shirt-view .product-shape{width:330px;height:370px;clip-path:polygon(26% 0,39% 7%,61% 7%,74% 0,100% 14%,88% 37%,78% 31%,82% 100%,18% 100%,22% 31%,12% 37%,0 14%)}.suit-view .product-shape{width:350px;height:410px;clip-path:polygon(16% 0,39% 0,43% 8%,57% 8%,61% 0,84% 0,100% 16%,88% 35%,77% 29%,76% 55%,64% 55%,79% 100%,54% 100%,50% 64%,46% 100%,21% 100%,36% 55%,24% 55%,23% 29%,12% 35%,0 16%)}.product-shape img{position:absolute;display:none;width:60%;max-width:none;user-select:none;cursor:grab;z-index:2}.product-shape img.dragging{cursor:grabbing}.product-shape span{position:absolute;bottom:17%;width:80%;text-align:center;font-size:18px;font-weight:800;line-height:1.1;z-index:3;overflow-wrap:anywhere}.shirt-view .product-shape span,.suit-view .product-shape span{bottom:23%}.move-hint{position:absolute;bottom:14px;background:#111;color:#fff;border-radius:20px;padding:7px 12px;font-size:8px;opacity:.75}.quality{display:flex;gap:10px;padding:15px 18px}.quality>span{color:#249448}.quality p{display:flex;flex-direction:column;margin:0;font-size:9px}.quality small{color:#888;margin-top:3px}.summary{height:max-content}.summary>small{font-size:9px;color:#9c7b00;font-weight:800;letter-spacing:.14em}.summary h2{font-size:23px;line-height:1.15;margin:13px 0 25px}.summary label{display:block;font-size:9px;font-weight:800;margin:14px 0}.summary textarea{height:68px;resize:vertical}.price-row{border-block:1px solid #eee;padding:18px 0;margin:20px 0;display:flex;justify-content:space-between;align-items:end}.price-row span{display:flex;flex-direction:column;font-size:9px}.price-row small{color:#999;margin-top:4px}.price-row b{font-size:22px}.summary ul{padding-left:18px;font-size:9px;color:#666;line-height:1.9}.summary button{width:100%;padding:12px;border-radius:6px;font-size:10px;font-weight:800;margin-top:8px}.save{border:1px solid #ccc;background:#fff}.add{border:0;background:var(--yellow)}.legal{text-align:center;color:#999;font-size:7px;line-height:1.5}.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#111;color:#fff;padding:12px 18px;border-radius:6px;font-size:10px;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.builder{grid-template-columns:240px 1fr}.summary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.summary .price-row,.summary ul,.summary button,.summary .legal{grid-column:1/-1}}
@media(max-width:720px){header>div{display:none}.intro h1{font-size:37px}.product-tabs{padding:15px;gap:5px}.product-tabs button{padding:10px}.product-tabs i{display:none}.builder{grid-template-columns:1fr;padding:18px 12px 50px}.preview-column{grid-row:1}.controls{grid-row:2}.summary{display:block}.stage{height:420px}.product-view{transform:scale(.8)}.back{font-size:0}.back:after{content:'← Магазин';font-size:10px}}