.br-page{max-width:1160px;margin-inline:auto;padding:20px 20px 54px;color:#17243b}.br-breadcrumb{font-size:13px;color:#64748b;margin:10px 0 20px}.br-breadcrumb a{color:#2563eb;text-decoration:none}.br-intro{text-align:center;margin:12px auto 24px}.br-intro h1{font-size:clamp(28px,4vw,40px);margin:0 0 10px;color:#17243b}.br-intro p{color:#64748b;max-width:680px;margin:auto;line-height:1.7}.br-card{background:#fff;border:1px solid #dce5f0;border-radius:16px;padding:26px;box-shadow:0 7px 28px rgba(23,36,59,.05);margin:20px 0}.br-drop{border:2px dashed #9bb8dd;border-radius:14px;background:#f6faff;min-height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:22px;cursor:pointer}.br-drop:hover,.br-drop.br-over{background:#edf5ff;border-color:#2563eb}.br-drop strong{font-size:17px}.br-drop span{color:#64748b;font-size:13px}.br-drop .br-upload-icon{font-size:26px;font-weight:700;color:#2563eb}.br-drop input{position:absolute;width:1px;height:1px;opacity:0}.br-drop:focus-within{outline:3px solid #93c5fd;outline-offset:2px}.br-controls{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.br-controls label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}.br-controls select,.br-controls input{border:1px solid #cbd5e1;border-radius:9px;padding:10px 12px;background:#fff;min-height:43px;color:#17243b}.br-controls input[type=color]{padding:3px;width:100px}.br-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 12px}.br-buttons button{padding:12px 18px;border-radius:10px;font-weight:650;border:1px solid #cbd5e1;cursor:pointer}.br-buttons button:disabled{opacity:.5;cursor:not-allowed}.br-primary{background:#2563eb;color:white;border-color:#2563eb!important}.br-secondary{background:#fff;color:#17243b}.br-status{min-height:24px;color:#475569;font-size:14px}.br-progress{margin:12px 0}.br-progress progress{width:100%;height:12px;accent-color:#2563eb}.br-progress span{display:block;margin-top:6px;font-size:13px;color:#475569}.br-previews{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.br-previews figure{margin:0}.br-imagebox{height:320px;border:1px solid #dce5f0;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#94a3b8}.br-imagebox img{max-width:100%;max-height:100%;object-fit:contain}.br-checker{background-color:#fff;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.br-previews figcaption{text-align:center;font-weight:650;margin-top:9px}.br-info{line-height:1.8;color:#475569;margin:30px 0}.br-info h2{color:#17243b;font-size:22px;margin:25px 0 7px}@media(max-width:650px){.br-card{padding:15px}.br-previews{grid-template-columns:1fr}.br-imagebox{height:260px}.br-buttons button{flex:1 1 100%}}