:root{--yellow:#ffd000;--black:#0c0c0c;--line:#deded9}*{box-sizing:border-box}body{margin:0;background:#f4f4f1;color:#151515;font-family:Manrope,Arial,sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}header{height:82px;padding:0 5vw;display:flex;align-items:center;gap:25px;background:#fff;border-bottom:1px solid var(--line)}header img{width:170px;height:60px;object-fit:contain}header div{display:flex;flex-direction:column;border-left:1px solid #ddd;padding-left:24px}header small,.heading>small,.summary>small{font-size:9px;letter-spacing:.16em;color:#9b7600;font-weight:800}header b{font-size:11px}header>a:last-child{margin-left:auto;border:1px solid #ddd;padding:10px 14px;border-radius:6px;font-size:10px;font-weight:800}.heading{background:#0c0c0c;color:#fff;padding:55px 6vw 40px}.heading h1{font-size:45px;line-height:1.06;margin:12px 0;letter-spacing:-.04em}.heading em{font-style:normal;color:var(--yellow)}.heading p{max-width:700px;color:#aaa;font-size:11px;line-height:1.7}.builder{display:grid;grid-template-columns:280px minmax(390px,1fr) 290px;gap:18px;padding:26px 4vw 60px}.controls,.preview,.summary{background:#fff;border:1px solid var(--line);border-radius:12px}.controls,.summary{padding:22px}.controls h2{display:flex;align-items:center;gap:8px;font-size:11px;margin:14px 0 10px}.controls h2 i{font-style:normal;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-size:9px}.controls label,.summary label{display:block;font-size:9px;font-weight:800;margin:11px 0}.controls select,.controls>input,.summary input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;margin-top:5px}.controls input[type=color]{height:38px;padding:3px}.controls input[type=range]{padding:0;accent-color:#111}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.choices button{border:1px solid #ddd;background:#fff;padding:9px 2px;border-radius:5px;font-size:8px}.choices button.active{background:#111;color:#fff;border-color:#111}.upload{border:1px dashed #aaa!important;border-radius:7px;padding:15px;text-align:center;color:#765c00;background:#fffbed}.upload small{display:block;color:#888;margin-top:4px}.preview{overflow:hidden}.preview-top{height:52px;padding:0 18px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;font-size:9px}.preview-top span{color:#278f45}.stage{height:550px;display:grid;place-items:center;background:radial-gradient(circle,#fff,#e9e9e5);position:relative;overflow:hidden}.ribbon{position:absolute;top:25px;width:76px;height:240px;background:linear-gradient(90deg,#111 0 28%,var(--yellow) 28% 72%,#111 72%);clip-path:polygon(0 0,100% 0,80% 100%,50% 82%,20% 100%)}.medal{width:290px;height:290px;position:relative;z-index:2;padding:17px;background:linear-gradient(135deg,#ffe46b,#b77b00 48%,#fff1a8);box-shadow:0 24px 55px #0004}.medal.circle{border-radius:50%}.medal.hex{clip-path:polygon(25% 4%,75% 4%,98% 50%,75% 96%,25% 96%,2% 50%)}.medal.shield{clip-path:polygon(50% 0,93% 18%,87% 70%,50% 100%,13% 70%,7% 18%)}.medal.silver{background:linear-gradient(135deg,#fff,#777 48%,#eee)}.medal.bronze{background:linear-gradient(135deg,#e5a56d,#71350f 48%,#d98a4c)}.medal.black{background:linear-gradient(135deg,#555,#050505 48%,#777)}.inner{width:100%;height:100%;border:4px solid #1115;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.circle .inner{border-radius:50%}.inner img{display:none;position:absolute;max-width:none}.inner strong{position:absolute;bottom:17%;width:82%;text-align:center;font-size:16px;line-height:1.05;overflow-wrap:anywhere}.safe{padding:15px 18px;display:flex;flex-direction:column;font-size:9px}.safe b{color:#238b42}.safe span{color:#888;margin-top:3px}.summary h2{font-size:23px;line-height:1.15}.summary #spec{background:#f5f5f2;border-radius:8px;padding:10px 13px;font-size:9px;line-height:2}.price{display:flex;justify-content:space-between;align-items:end;border-block:1px solid #eee;padding:18px 0;margin:18px 0}.price span{display:flex;flex-direction:column;font-size:9px}.price small{color:#999}.price b{font-size:21px}.summary button{width:100%;padding:12px;border:0;border-radius:6px;background:var(--yellow);font-size:10px;font-weight:800;margin-top:8px}.summary .outline{background:#fff;border:1px solid #111}.summary .link{background:#eee}.summary p{font-size:8px;color:#888;line-height:1.6}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#111;color:#fff;padding:12px 18px;border-radius:7px;font-size:10px;transition:.2s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.builder{grid-template-columns:260px 1fr}.summary{grid-column:1/-1}}@media(max-width:720px){header div{display:none}.heading h1{font-size:34px}.builder{grid-template-columns:1fr;padding:14px}.preview{grid-row:1}.stage{height:420px}.medal{transform:scale(.8)}header>a:last-child{font-size:0}header>a:last-child:after{content:'← Магазин';font-size:10px}}