.br-page{padding-block:23px 28px}.br-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:19px;display:flex}.br-heading .eyebrow{color:#537f72;margin-top:14px}.br-back{color:#5c736c;font-size:13px;font-weight:700}.br-back:hover{color:#174d3f}.br-heading h1{letter-spacing:-.055em;margin:5px 0 4px;font-size:clamp(29px,3vw,42px);line-height:1.1}.br-heading p{color:#637570;margin:0;font-size:14px;line-height:1.45}.br-badge{background:#fff;border:1px solid #d6e5df;border-radius:999px;flex:none;align-items:center;gap:7px;padding:10px 12px;font-size:12px;font-weight:750;display:inline-flex}.br-badge>svg{color:#32ad8b}.br-workspace{background:#f8fcfa;border:1px solid #dce9e4;border-radius:24px;grid-template-columns:minmax(0,1fr) 350px;min-height:min(730px,100dvh - 190px);display:grid;overflow:hidden;box-shadow:0 24px 70px #1e433914}.br-preview-panel{background:#f0f7f4;flex-direction:column;min-width:0;padding:18px;display:flex}.br-preview-top,.br-preview-bottom{justify-content:space-between;align-items:center;gap:14px;min-height:31px;display:flex}.br-preview-top .eyebrow{color:#568275}.br-status{color:#60786e;align-items:center;gap:7px;font-size:12px;display:inline-flex}.br-status i{background:#a3b4ab;border-radius:50%;width:8px;height:8px}.br-status.is-processing i{background:#e5aa61;box-shadow:0 0 0 4px #f8e6d1}.br-canvas{background:#e9f3ee;border:1px solid #d7e6df;border-radius:19px;flex:1;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.br-canvas.br-checker{background-color:#fff;background-image:linear-gradient(45deg,#e1e8e5 25%,#0000 25%),linear-gradient(-45deg,#e1e8e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e1e8e5 75%),linear-gradient(-45deg,#0000 75%,#e1e8e5 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.br-image{object-fit:contain;padding:12px}.br-empty{text-align:center;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:360px;display:flex}.br-empty-icon{color:#229976;background:#dff5eb;border:1px solid #c5ddd2;border-radius:18px;place-items:center;width:60px;height:60px;display:grid}.br-empty-icon svg{width:29px;height:29px}.br-empty strong{letter-spacing:-.035em;font-size:23px}.br-empty>span:last-child{color:#738880;font-size:13px}.br-wait{text-align:center;background:#f1f9f5e6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.br-wait strong{font-size:22px}.br-wait span:last-child{color:#637b70;max-width:360px;line-height:1.5}.br-spinner{border:3px solid #bedfd0;border-top-color:#2aa47b;border-radius:50%;width:37px;height:37px;animation:1s linear infinite br-spin}@keyframes br-spin{to{transform:rotate(360deg)}}.br-preview-bottom{color:#6b8278;margin-top:9px;font-size:12px}.br-result-actions{gap:7px;display:flex}.br-result-actions .secondary-button{background:#fff;border-radius:8px;min-height:32px;padding:0 10px;font-size:12px}.br-settings{background:#fcfdfa;border-left:1px solid #dce9e4;flex-direction:column;min-width:0;padding:21px;display:flex}.br-settings-head .eyebrow{color:#588579}.br-settings-head h2{letter-spacing:-.04em;margin:7px 0;font-size:22px}.br-settings-head p{color:#6a7972;margin:0 0 18px;font-size:13px;line-height:1.5}.br-upload{background:#f3fbf7;border:1px dashed #94c9b4;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:135px;display:flex}.br-upload:hover{background:#ebf8f1;border-color:#47aa81}.br-upload.has-photo{min-height:102px}.br-upload-icon{color:#278d6a;background:#d8f3e5;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.br-upload strong{font-size:14px}.br-upload small{color:#71877d;font-size:12px}.br-file{background:#edf6f1;border-radius:10px;align-items:center;gap:8px;min-width:0;margin-top:9px;padding:8px 10px;font-size:12px;display:flex}.br-file svg{color:#288a69;flex:none}.br-file span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.br-file small{white-space:nowrap;color:#648175;margin-left:auto}.br-instructions{margin-top:24px}.br-instructions>div{border-bottom:1px solid #e5ede8;align-items:start;gap:11px;padding:11px 0;display:flex}.br-instructions>div span{color:#389b76;font-size:12px;font-weight:850}.br-instructions p{color:#536a5e;margin:0;font-size:13px;line-height:1.45}.br-settings-bottom{margin-top:auto;padding-top:20px}.br-submit{justify-content:flex-start;width:100%;font-size:14px}.br-submit .credit-amount{margin-left:auto}.br-auth-note,.br-charged{color:#70867a;text-align:center;margin:8px 0 0;font-size:12px;line-height:1.4}.br-error{color:#a23f32;background:#fff4f2;border:1px solid #f6c9c2;border-radius:10px;margin:0 0 9px;padding:10px;font-size:12px;line-height:1.4}@media (min-width:1000px) and (min-height:800px){.br-workspace{height:calc(100dvh - 190px);min-height:600px;max-height:800px}}@media (max-width:900px){.br-workspace{grid-template-columns:1fr}.br-preview-panel{min-height:470px}.br-settings{border-top:1px solid #dce9e4;border-left:0}}@media (max-width:560px){.br-page{width:min(100% - 24px,1240px)}.br-heading{flex-direction:column;align-items:start;gap:12px}.br-workspace{border-radius:18px}.br-preview-panel{min-height:380px;padding:10px}.br-canvas,.br-empty{min-height:290px}.br-preview-bottom{flex-wrap:wrap}}
