.abra-page{max-width:1280px;padding-top:18px}.abra-page .rap-breadcrumb{margin-bottom:16px}.abra-heading{text-align:center;margin-bottom:22px}.abra-heading>.rap-kicker{color:#c3d3b2;justify-content:center}.abra-heading h1{justify-content:center;font-size:clamp(28px,3.3vw,44px)}.abra-heading>p{max-width:770px;margin-inline:auto}.abra-workbench{background:#1a1c19;border-color:#49503e;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.abra-page .rap-controls{padding:24px}.abra-page .rap-drop{background:#20221c;border-color:#626b50}.abra-page .rap-upload{min-height:105px}.abra-page .rap-upload-icon{color:#d0dcbb;background:#cadbaa15}.abra-look-key{background:#c3d3a908;border:1px solid #46503b;border-radius:9px;grid-template-columns:1fr auto 1fr;gap:10px;margin:16px 0;padding:12px 14px;display:grid}.abra-look-key div{gap:5px;display:grid}.abra-look-key div:last-child{text-align:right}.abra-look-key div>span{color:#a9b997;letter-spacing:.09em;font-size:9px}.abra-look-key strong{font-size:12px;font-weight:500}.abra-link-symbol{color:#a9b997;align-self:center}.abra-preview{background:#11150f;border-left:1px solid #49503e;flex-direction:column;min-width:0;margin:0;display:flex}.abra-stage-label{color:#bac6a9;letter-spacing:.07em;justify-content:space-between;gap:12px;padding:15px 18px 11px;font-size:9px;display:flex}.abra-preview video{object-fit:contain;background:#11130f;width:100%;height:355px;display:block}.abra-preview figcaption{gap:7px;padding:14px 18px 18px;display:grid}.abra-preview figcaption strong{letter-spacing:-.035em;color:#e1e7d7;font-size:25px;font-weight:500}.abra-preview figcaption span{color:#b5bca9;font-size:11px;line-height:1.65}.abra-guide{margin-top:44px}.abra-page h2{letter-spacing:-.035em;font-size:clamp(24px,2.7vw,33px);font-weight:500;line-height:1.2}.abra-page h3{font-size:17px;font-weight:500;line-height:1.4}.abra-looks-heading h2{margin-top:11px;margin-bottom:24px}.abra-looks-grid{grid-template-columns:minmax(220px,.7fr) 1fr;align-items:center;gap:40px;display:grid}.abra-still{background:#161914;border:1px solid #49503e;border-radius:12px;margin:0;overflow:hidden}.abra-still img{object-fit:contain;width:100%;height:390px;display:block}.abra-still figcaption{border-top:1px solid #49503e;grid-template-columns:1fr 1fr;font-size:10px;display:grid}.abra-still figcaption span{text-align:center;padding:13px}.abra-still figcaption span+span{color:#d0dcbf;border-left:1px solid #49503e}.abra-page .abra-guide p,.abra-how p,.abra-final-check p{color:var(--vm-muted);margin:14px 0;font-size:13px;line-height:1.85}.abra-specs{border-top:1px solid var(--vm-border);flex-wrap:wrap;gap:16px 30px;margin-top:23px;padding-top:22px;display:flex}.abra-specs dt{color:#b1bba5;margin-bottom:8px;font-size:10px}.abra-specs dd{font-size:13px}.abra-how{border-top:1px solid var(--vm-border);grid-template-columns:1.1fr 1fr;gap:45px;margin:48px 0;padding-top:35px;display:grid}.abra-how h2{margin:10px 0 24px}.abra-how article{gap:17px;margin-top:23px;display:flex}.abra-step-number{color:#c3d3b2;font-size:22px;line-height:1.3}.abra-how article p{margin:7px 0 0}.abra-photo-guide{background:#cadbaa07;border-left:2px solid #606e4e;align-self:start;padding:24px}.abra-photo-guide h3{color:#d0dcbf}.abra-final-check{grid-template-columns:1fr 1fr;gap:45px;margin:30px 0 40px;display:grid}.abra-final-check h2{margin-top:11px}.abra-faq{border-top:1px solid var(--vm-border);padding-top:28px}.abra-faq h2{margin-bottom:18px}.abra-related{flex-wrap:wrap;gap:16px 28px;padding:25px 0;font-size:12px;display:flex}.abra-related a{color:#c3d3b2;align-items:center;gap:8px;display:flex}@media (width<=1000px){.abra-page{padding-inline:24px}.abra-page .rap-controls{padding:18px}.abra-preview video{height:370px}.abra-looks-grid,.abra-how,.abra-final-check{gap:25px}}@media (width<=760px){.abra-page{padding:17px 16px 45px}.abra-heading h1{font-size:30px}.abra-heading>p{font-size:12px}.abra-workbench{grid-template-columns:1fr}.abra-preview{border-top:1px solid #49503e;border-left:0}.abra-preview video{height:350px}.abra-preview figcaption{text-align:center}.abra-looks-grid,.abra-how,.abra-final-check{grid-template-columns:1fr;gap:24px}.abra-still img{height:auto;max-height:440px}.abra-how,.abra-guide{margin-top:32px}.abra-look-key{gap:6px;padding-inline:10px}.abra-look-key strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.abra-page *{scroll-behavior:auto!important;transition:none!important}}
