@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
*{box-sizing:border-box}.br-page{color:#1a1a2e;background:#f5f3ff;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}.br-hero{text-align:center;background:linear-gradient(135deg,#faf5ff 0%,#f5f3ff 45%,#eef2ff 100%);padding:64px 24px 52px;position:relative;overflow:hidden}.br-blob-1{pointer-events:none;background:radial-gradient(circle,#a855f71a 0%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-160px;right:-80px}.br-blob-2{pointer-events:none;background:radial-gradient(circle,#db277712 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-80px;left:-60px}.br-badge{color:#9333ea;letter-spacing:.08em;text-transform:uppercase;background:#a855f714;border:1px solid #a855f733;border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.br-breadcrumb-link{color:#a5b4fc;text-decoration:none;transition:color .2s}.br-breadcrumb-link:hover{color:#9333ea}.br-grad-text{background:linear-gradient(135deg,#9333ea,#db2777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.br-tool-card{background:#fff;border:1.5px solid #a855f71f;border-radius:24px;padding:32px;box-shadow:0 4px 6px -1px #a855f70f,0 20px 60px -10px #a855f714}@media (max-width:640px){.br-tool-card{padding:20px}}.br-label{color:#9333ea;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.br-label.mt-6{margin-top:24px}.br-upload-area{text-align:center;cursor:pointer;background:#faf5ff;border:2px dashed #ddd6fe;border-radius:16px;padding:40px 24px;transition:all .25s;display:block}.br-upload-area:hover{background:#9333ea0a;border-color:#9333ea}.br-upload-icon{color:#9333ea;background:#9333ea1a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.br-chip{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.br-chip:disabled{opacity:.5;cursor:not-allowed}.br-chip.active{color:#fff;background:linear-gradient(135deg,#9333ea,#db2777);box-shadow:0 2px 10px #9333ea4d}.br-chip.inactive{color:#6b7280;background:#f3f4f6}.br-chip.inactive:hover:not(:disabled){color:#9333ea;background:#ede9fe}.br-swatches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.br-swatch{cursor:pointer;background:#f8f7ff;border:1.5px solid #e0dcff;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-family:Plus Jakarta Sans,sans-serif;transition:all .2s;display:flex}.br-swatch:hover{background:#faf5ff;border-color:#9333ea59}.br-swatch.selected{background:#9333ea0d;border-color:#9333ea}.br-swatch:focus-visible{outline-offset:2px;outline:2px solid #9333ea}.br-swatch-dot{border:1.5px solid #0000001f;border-radius:50%;width:28px;height:28px;display:block}.br-swatch-name{color:#4b5563;text-align:center;font-size:11px;font-weight:600;line-height:1.2}.br-color-input{cursor:pointer;background:#fff;border:1.5px solid #e0dcff;border-radius:8px;width:44px;height:32px;padding:2px}.checker{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.br-format-list{background:#f8f7ff;border:1.5px solid #e0dcff;border-radius:14px;padding:10px}.br-format-option{cursor:pointer;background:#fff;border:1.5px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;transition:all .2s;display:flex}.br-format-option:last-child{margin-bottom:0}.br-format-option:hover{background:#faf5ff;border-color:#9333ea33}.br-format-option.selected{background:#9333ea0d;border-color:#9333ea}.br-format-radio{accent-color:#9333ea;flex-shrink:0;width:16px;height:16px}.br-progress{background:#e0dcff;border-radius:999px;width:100%;max-width:360px;height:8px;margin:0 auto;overflow:hidden}.br-progress-bar{background:linear-gradient(135deg,#9333ea,#db2777);border-radius:999px;height:100%;transition:width .25s}.br-spinner{border:3px solid #9333ea1f;border-top-color:#9333ea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite br-spin}@keyframes br-spin{to{transform:rotate(360deg)}}.br-result-card{background:#fff;border:1.5px solid #9333ea1a;border-radius:16px;transition:border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #9333ea0d}.br-result-card:hover{border-color:#9333ea38;box-shadow:0 8px 24px #9333ea1a}.br-compare{background:#9333ea14;grid-template-columns:1fr 1fr;gap:2px;display:grid}.br-compare-col{background:#fff;position:relative}.br-compare-tag{z-index:2;color:#fff;background:#1a1a2ea6;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.br-compare-img{object-fit:contain;background:#f8f7ff;width:100%;height:180px;display:block}.br-result-box{justify-content:center;align-items:center;display:flex;position:relative}.br-result-box.checker{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.br-cut-img{object-fit:contain;width:100%;height:100%;display:block}.br-overlay{background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.br-dl-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea 0%,#db2777 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #9333ea4d}.br-dl-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #9333ea66}.br-dl-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.br-trust-item{color:#9ca3af;align-items:center;gap:6px;font-size:12px;display:flex}.br-trust-dot{background:#ddd6fe;border-radius:50%;width:4px;height:4px}.br-section-alt{background:#fff}.br-section-main{background:#f5f3ff}.br-divider{border:none;border-top:1px solid #9333ea14}.br-benefit-card{background:#fff;border:1.5px solid #9333ea14;border-radius:18px;padding:28px;transition:all .3s;box-shadow:0 2px 8px #9333ea0a}.br-benefit-card:hover{border-color:#9333ea33;transform:translateY(-3px);box-shadow:0 8px 24px #9333ea14}.br-benefit-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:inline-flex}.br-step-card{text-align:center;background:#fff;border:1.5px solid #9333ea14;border-radius:18px;padding:28px;box-shadow:0 2px 8px #9333ea0a}.br-step-num{color:#fff;background:linear-gradient(135deg,#9333ea,#db2777);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:1.1rem;font-weight:800;display:flex}.br-seo-box{background:#fff;border:1.5px solid #9333ea14;border-radius:18px;padding:24px}.br-feature-dot{background:linear-gradient(135deg,#9333ea,#db2777);border-radius:50%;flex-shrink:0;width:6px;height:6px}.br-faq-item{background:#fff;border:1.5px solid #9333ea14;border-radius:14px;padding:20px;transition:border-color .25s,box-shadow .25s}.br-faq-item:hover{border-color:#9333ea33;box-shadow:0 4px 16px #9333ea12}.br-faq-item summary{cursor:pointer;list-style:none}.br-faq-item summary::-webkit-details-marker{display:none}.br-cta-section{text-align:center;background:linear-gradient(135deg,#7c3aed 0%,#9333ea 40%,#db2777 100%);padding:80px 24px}.br-cta-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1.5px solid #ffffff59;border-radius:14px;align-items:center;gap:8px;padding:14px 36px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex}.br-cta-btn:hover{background:#ffffff40;transform:translateY(-2px)}@keyframes br-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.br-fade-up{animation:.5s forwards br-fadeUp}@media (prefers-reduced-motion:reduce){.br-fade-up,.br-spinner{animation:none}.br-benefit-card,.br-dl-btn,.br-cta-btn{transition:none}}