.diy{--diy-red:#ed1c24;--diy-red-dark:#c8121a;--diy-ink:#16181d;--diy-mut:#5c6470;--diy-line:#e2e5ea;--diy-bg:#f6f7f9;--diy-card:#fff;min-height:100vh;background:var(--diy-bg);color:var(--diy-ink);font:400 16px/1.55 Inter,system-ui,-apple-system,sans-serif;color-scheme:light}.diy-main{max-width:1080px;margin:0 auto;padding:20px 20px 96px}.diy-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0 18px}.diy-brand{display:flex;flex-direction:column;gap:5px;text-decoration:none;align-items:flex-start}.diy-brand__sub{font-size:13px;color:var(--diy-mut);letter-spacing:.02em}.diy-header__right{display:flex;align-items:center;gap:14px}.diy-link{color:var(--diy-ink);font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px}.diy-letterhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 0 12px}.diy-lh__logo{display:inline-block;text-decoration:none}.diy-lh__tag{letter-spacing:.03em;margin-top:2px}.diy-lh__co,.diy-lh__tag{font-size:12.5px;color:var(--diy-mut)}.diy-lh__co{text-align:right;line-height:1.55}.diy-lh__co b{color:var(--diy-ink);font-weight:600}.diy-lh__rule{border:0;border-top:2.5px solid var(--diy-red);margin:0 0 18px}.diy-lh__foot{margin-top:28px;border-top:1px solid var(--diy-line);padding-top:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--diy-mut)}@media (max-width:560px){.diy-letterhead{flex-direction:column}.diy-lh__co{text-align:left}}.diy-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff7e6;border:1px solid #f0d9a8;color:#6b5312;border-radius:10px;padding:10px 14px;font-size:14.5px;margin-bottom:16px}.diy-banner button{border:0;background:none;font-size:18px;color:inherit;cursor:pointer;line-height:1}.diy-steps{display:flex;gap:8px;list-style:none;margin:0 0 26px;padding:0;flex-wrap:wrap}.diy-step button{display:flex;align-items:center;gap:8px;border-radius:999px;cursor:default;border:1px solid var(--diy-line);background:var(--diy-card);color:var(--diy-mut);padding:8px 16px 8px 8px;font:600 14px/1 inherit;font-family:inherit}.diy-step__n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eceef2;color:var(--diy-mut);font-size:13px;font-weight:700}.diy-step--now button{border-color:var(--diy-red);color:var(--diy-ink);box-shadow:0 1px 4px rgba(237,28,36,.15)}.diy-step--now .diy-step__n{background:var(--diy-red);color:#fff}.diy-step--done button{color:var(--diy-ink);cursor:pointer}.diy-step--done .diy-step__n{background:#d9f2e4;color:#157347}.diy-step--skip button{opacity:.45;text-decoration:line-through}.diy-step button:disabled{cursor:default}.diy-h1{font-size:30px;line-height:1.2;font-weight:800;margin:0 0 6px}.diy-h2{font-size:17px;font-weight:700;margin:0 0 10px}.diy-sub{margin:0 0 22px;font-size:16px}.diy-hint,.diy-sub{color:var(--diy-mut)}.diy-hint{font-size:13.5px;margin:8px 0 0}.diy-empty{color:var(--diy-mut);padding:32px 0}.diy-colorname{color:var(--diy-mut);font-weight:500;margin-left:8px;font-size:14px}.diy-grid{display:grid;grid-gap:14px;gap:14px}.diy-grid--sports{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.diy-grid--pkgs,.diy-grid--tpls{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.diy-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:var(--diy-card);border:2px solid var(--diy-line);border-radius:14px;padding:16px;cursor:pointer;font-family:inherit;color:inherit;transition:border-color .12s,box-shadow .12s}.diy-card:hover{border-color:#b9c0cb}.diy-card.is-active{border-color:var(--diy-red);box-shadow:0 2px 10px rgba(237,28,36,.16)}.diy-card--sport{align-items:center;justify-content:center;min-height:76px}.diy-card--sport .diy-card__title{font-size:16.5px}.diy-card__title{font-weight:700;font-size:15.5px}.diy-card__meta{color:var(--diy-mut);font-size:13.5px}.diy-card__meta--small{font-size:12.5px}.diy-card__price{color:var(--diy-red-dark);font-size:20px;font-weight:800;margin-top:2px}.diy-card__thumb{width:100%;aspect-ratio:2/1;display:grid;place-items:center;overflow:hidden;background:#0d0f13;border-radius:8px;margin-bottom:4px}.diy-card__svg,.diy-card__thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}.diy-chip{display:inline-block;background:#d9f2e4;color:#157347;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px}.diy-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px;margin-bottom:22px}.diy-seg__btn{text-align:left;background:var(--diy-card);border:2px solid var(--diy-line);border-radius:12px;padding:12px 14px;cursor:pointer;font-family:inherit;color:inherit}.diy-seg__btn.is-active{border-color:var(--diy-red)}.diy-seg__label{display:block;font-weight:700;font-size:15px}.diy-seg__desc{display:block;color:var(--diy-mut);font-size:12.8px;margin-top:3px}.diy-preview{background:#0d0f13;border-radius:14px;padding:18px;display:grid;place-items:center;margin-bottom:22px;min-height:180px}.diy-preview__svg{max-width:100%;max-height:380px;display:block}.diy-colorrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-bottom:20px}.diy-swatches{display:flex;flex-wrap:wrap;gap:8px}.diy-swatch{width:40px;height:40px;border-radius:10px;border:2px solid rgba(0,0,0,.15);cursor:pointer;padding:0}.diy-swatch.is-active{outline:3px solid var(--diy-red);outline-offset:1px}.diy-swatch--none{width:auto;padding:0 12px;background:var(--diy-card);font:600 13px/1 inherit;font-family:inherit;color:var(--diy-mut)}.diy-sizelayout{background:var(--diy-card);border:1px solid var(--diy-line);border-radius:14px;padding:16px;margin:0 0 20px}.diy-facts{display:grid;grid-template-columns:140px 1fr;grid-gap:6px 16px;gap:6px 16px;margin:0 0 20px}.diy-facts dt{color:var(--diy-mut);font-size:14px}.diy-facts dd{margin:0;font-weight:600}.diy-qtyrow{display:flex;align-items:center;gap:16px;margin-bottom:18px}.diy-qtylabel{font-weight:700}.diy-qty{display:flex;align-items:center;gap:0;border:2px solid var(--diy-line);border-radius:12px;overflow:hidden;background:var(--diy-card)}.diy-qty button{width:46px;height:46px;border:0;background:none;font-size:22px;cursor:pointer;color:var(--diy-ink)}.diy-qty span{min-width:46px;text-align:center;font-weight:800;font-size:18px}.diy-pricebox{background:var(--diy-card);border:1px solid var(--diy-line);border-radius:12px;padding:16px;margin-bottom:18px}.diy-pricebox__row{display:flex;justify-content:space-between;padding:4px 0}.diy-pricebox__row--total{font-weight:800;font-size:19px;border-top:1px solid var(--diy-line);margin-top:6px;padding-top:10px}.diy-pricebox__quote{margin:0;color:var(--diy-ink)}.diy-form{max-width:720px}.diy-formgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 16px;gap:14px 16px}.diy-field{display:flex;flex-direction:column;gap:6px;margin:10px 0}.diy-formgrid .diy-field{margin:0}.diy-field--wide{grid-column:1/-1}.diy-field>span:first-child{font-weight:600;font-size:14px}.diy-field input,.diy-field textarea{border:2px solid var(--diy-line);border-radius:10px;padding:11px 12px;font:inherit;background:var(--diy-card);color:var(--diy-ink)}.diy-field input:focus,.diy-field textarea:focus{outline:none;border-color:var(--diy-red)}.diy-error{background:#fdeaea;border:1px solid #f2b8bb;color:#8f1d22;border-radius:10px;padding:10px 14px;margin:14px 0;font-size:14.5px}.diy-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0}.diy-btn{border:2px solid var(--diy-line);background:var(--diy-card);color:var(--diy-ink);border-radius:12px;padding:11px 20px;font:700 15px/1.2 inherit;font-family:inherit;cursor:pointer}.diy-btn:hover{border-color:#b9c0cb}.diy-btn--primary{background:var(--diy-red);border-color:var(--diy-red);color:#fff}.diy-btn--primary:hover{background:var(--diy-red-dark);border-color:var(--diy-red-dark)}.diy-btn--primary:disabled{opacity:.5;cursor:default}.diy-btn--big{padding:15px 30px;font-size:17px;margin-top:16px}.diy-btn--ghost{border-color:transparent;background:none;color:var(--diy-mut)}.diy-nav{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.diy-modal{position:fixed;inset:0;background:rgba(10,12,16,.55);display:grid;place-items:center;z-index:50;padding:20px}.diy-modal__card{background:var(--diy-card);border-radius:16px;padding:26px;max-width:440px;box-shadow:0 12px 40px rgba(0,0,0,.25)}.diy-modal__card p{margin:8px 0 18px}.diy-modal__actions{display:flex;gap:10px;flex-wrap:wrap}.diy-done{max-width:720px}.diy-donecard{display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:center;background:var(--diy-card);border:1px solid var(--diy-line);border-radius:16px;padding:24px;margin:20px 0}.diy-donecard__num{display:flex;flex-direction:column;gap:8px}.diy-donecard__num span:first-child{color:var(--diy-mut);font-size:14px}.diy-donecard__num strong{font-size:30px;letter-spacing:.03em}.diy-donecard__qr{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:260px;text-align:center}.diy-donecard__qr canvas{border:8px solid #fff;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.12)}.diy-donecard__qr p{margin:0;font-size:13.5px;color:var(--diy-mut)}.diy-donelink{background:var(--diy-card);border:1px dashed var(--diy-line);border-radius:10px;padding:10px 14px;font-size:14px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.diy-donelink a{color:var(--diy-red-dark);word-break:break-all}.diy-doneactions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.diy-status{max-width:960px}.diy-savestrip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--diy-card);border:1px solid var(--diy-line);border-radius:12px;padding:14px 18px;margin:18px 0}.diy-savestrip__qr{flex:none;background:#fff;border:5px solid #fff;border-radius:8px;box-shadow:0 0 0 1px var(--diy-line)}.diy-savestrip__right{margin-left:auto;gap:12px;text-align:right}.diy-savestrip__id,.diy-savestrip__right{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.diy-savestrip__id{gap:2px}.diy-savestrip__label{font-size:12px;color:var(--diy-mut)}.diy-savestrip__id strong{font-size:19px;letter-spacing:.01em}.diy-savestrip__numrow{display:inline-flex;align-items:center;gap:8px}.diy-copybtn{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:7px;border:1px solid var(--diy-line);background:none;color:var(--diy-mut);cursor:pointer}.diy-copybtn:hover{color:var(--diy-ink);border-color:var(--diy-mut)}.diy-savestrip__id .diy-chip{align-self:flex-end;margin-top:2px}.diy-savestrip__note{font-size:12.5px;color:var(--diy-mut);margin-top:2px}.diy-savestrip__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media (max-width:760px){.diy-savestrip__right{margin-left:0;width:100%}}.diy-status__chip{display:inline-block;background:#d9f2e4;color:#157347;font-weight:800;border-radius:999px;padding:6px 16px;font-size:15px;margin-bottom:10px}.diy-status__body{margin:14px 0 20px}.diy-status__art{display:flex;justify-content:center;align-items:center;background:var(--diy-card);border:1px solid var(--diy-line);border-radius:12px;padding:18px;margin-bottom:18px}.diy-status__body .diy-facts{margin:0;grid-template-columns:auto 1fr;gap:0 24px}.diy-status__body .diy-facts dd,.diy-status__body .diy-facts dt{padding:9px 0;border-bottom:1px solid var(--diy-line)}.diy-status__body .diy-facts dd{text-align:right}.diy-status__thumb{max-width:min(560px,100%);border-radius:10px;display:block;margin:14px 0;background:#0d0f13}.diy-status__art .diy-status__thumb{margin:0;width:auto;max-width:100%;max-height:600px;object-fit:contain}@media (max-width:640px){.diy-h1{font-size:24px}.diy-donecard,.diy-formgrid{grid-template-columns:1fr}.diy-donecard{justify-items:center;text-align:center}.diy-facts{grid-template-columns:110px 1fr}}@page{size:A4;margin:12mm 14mm}@media print{.diy{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.diy-noprint{display:none!important}.diy-main{max-width:none;margin:0;padding:0}.diy-letterhead{padding:0 0 8px}.diy-lh__logo img{height:24px!important;width:auto!important}.diy-lh__co,.diy-lh__tag{font-size:11px}.diy-lh__co{line-height:1.45}.diy-lh__rule{border-top-color:var(--diy-red);margin-bottom:10px}.diy-lh__foot{margin-top:16px;padding-top:8px;font-size:10.5px}.diy-h1{font-size:20px;margin-bottom:3px}.diy-sub{font-size:12px;margin-bottom:10px}.diy-donecard{border:1.5px solid #000;border-radius:8px;padding:12px 16px;break-inside:avoid;page-break-inside:avoid}.diy-donecard__num{gap:5px}.diy-donecard__num span:first-child{font-size:11px}.diy-donecard__num strong{font-size:19px}.diy-chip,.diy-status__chip{font-size:11px;padding:3px 10px}.diy-donecard__qr canvas{width:132px!important;height:132px!important;border-width:4px;box-shadow:none}.diy-donecard__qr p,.diy-hint{font-size:10.5px}.diy-hint{margin-top:5px}.diy-sizelayout{max-width:430px;padding:10px}.diy-sizelayout,.diy-status__thumb{break-inside:avoid;page-break-inside:avoid}.diy-status__thumb{max-width:300px;max-height:55mm;object-fit:contain;margin:8px 0}.diy-facts{break-inside:avoid;page-break-inside:avoid}.diy-facts,.diy-facts dt{font-size:11.5px}}