body:has(.bf-app){background:#fff!important}.bf-app{--blue:#51344d;--text:#302a33;max-width:1200px;color:var(--text);margin:auto;padding:28px;font:16px/1.6 Arial,sans-serif}.bf-app *{box-sizing:border-box}.bf-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.bf-intro{max-width:760px;margin:48px 0 40px}.bf-brand{color:var(--blue);margin:0;font:24px Georgia,serif}.bf-intro h1{letter-spacing:-1.2px;margin:16px 0;font:clamp(34px,5vw,54px)/1.1 Georgia,serif}.bf-intro p{max-width:65ch}.bf-price{font-weight:600}.bf-app a{color:var(--blue);text-underline-offset:4px}.bf-form{border:0;flex-direction:column;gap:38px;min-width:0;padding:0;display:flex}.bf-form>section{min-width:0}.bf-app h2{margin:0 0 20px;font:30px/1.2 Georgia,serif}.bf-app h3{margin:0 0 16px;font:23px/1.25 Georgia,serif}.bf-tools h3{text-transform:capitalize}.bf-app label{flex-direction:column;gap:6px;margin:12px 0;font-size:14px;display:flex}.bf-app input:not([type=file]),.bf-app select{font:inherit;color:var(--text);background:#fff;border:1px solid #c8c0cd;border-radius:3px;min-width:0;max-width:100%;min-height:44px;padding:10px}.bf-app button,.bf-upload{color:var(--blue);cursor:pointer;background:#fff;border:1px solid #bdb0c1;border-radius:3px;min-height:44px;padding:12px 16px;font:500 14px/1.4 Arial,sans-serif}.bf-app button:disabled{opacity:.45;cursor:default}.bf-app button.bf-primary{background:var(--blue);color:#fff;border-color:var(--blue);width:100%;margin:16px 0;padding:16px 24px;font-size:17px}.bf-app .bf-quiet{background:0 0;margin:10px 0}.bf-app :focus-visible{outline-offset:3px;outline:3px solid #9c7d98}.bf-row{justify-content:space-between;gap:16px;display:flex}.bf-row>*{flex:1;min-width:0}.bf-date{border:0;min-width:0;margin:10px 0;padding:4px 0}.bf-date legend{font-size:14px}.bf-date>div{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.bf-date label:first-child{width:80px}.bf-date label{flex:1;margin:0}.bf-date label span{font-size:12px}.bf-date button{flex:1;padding:6px;font-size:12px}.bf-pet{border:0;border-top:1px solid #d8cddd;min-width:0;margin:20px 0;padding:16px 0 6px}.bf-pet legend{padding:0 12px 0 0;font-weight:600}.bf-app details{margin:12px 0;font-size:14px}.bf-app summary{cursor:pointer}.bf-family{background:#f5f3f6;padding:24px 28px}.bf-family summary h2{margin-left:8px;font-size:25px;display:inline}.bf-family-fields{max-width:660px;margin-top:20px}.bf-family details>summary::marker{color:#8f7189}.bf-family-fields>.bf-help{margin-top:0}.bf-help{color:#746978;font-size:13px}.bf-upload{padding:16px;background:#fff!important;border:1px solid #bdb0c1!important;display:block!important}.bf-upload input{width:100%;margin-top:12px;font:13px Arial,sans-serif;display:block}.bf-upload input::file-selector-button{color:#51344d;font:inherit;cursor:pointer;background:#ede7f0;border:0;border-radius:3px;margin-right:8px;padding:10px}.bf-section-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.bf-section-heading h2{margin:0}.bf-section-heading>span{color:#746978;white-space:nowrap;font-size:13px}.bf-months{border-top:1px solid #d8cddd;border-left:1px solid #d8cddd;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:24px 0 32px;display:grid}.bf-months button{text-align:left;border:1px solid #d8cddd;border-top:0;border-left:0;border-radius:0;grid-template-columns:1fr auto;gap:2px;min-width:0;padding:12px 14px;display:grid;overflow:hidden}.bf-months button>span:first-child{color:#8f7189;grid-column:1/-1;font:24px Georgia}.bf-months button>span:nth-child(2){text-transform:capitalize;font-size:12px}.bf-months [aria-pressed=true],.bf-fit [aria-pressed=true],.bf-pages [aria-pressed=true]{color:#fff;background:#51344d}.bf-months [aria-pressed=true]>span:first-child{color:#e6dbe9}.bf-studio{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.bf-live{background:#efecf1;min-width:0;padding:24px}.bf-live h3{color:#746978;font:14px Arial,sans-serif}.bf-tools{min-width:0;padding:20px 0}.bf-tools>p{font-size:14px}.bf-editor canvas{aspect-ratio:1.5;border:1px solid #d8cddd;width:100%;display:block}.bf-fit{gap:8px;margin:14px 0;display:flex}.bf-fit button{flex:1;padding:10px;font-size:13px}.bf-editor p{font-size:14px}.bf-app input[type=range]{width:100%;accent-color:var(--blue);padding:0}.bf-bulk{border-top:1px solid #d8cddd;padding-top:20px;margin-top:28px!important}.bf-preview{background:#fff;width:100%;max-width:734px;margin:16px auto 24px;overflow:hidden}.bf-review-action{text-align:center;max-width:560px;margin:28px auto}.bf-result{max-width:734px;margin:auto}.bf-result>label{max-width:320px}.bf-pages{gap:6px;margin:24px 0;padding-bottom:8px;display:flex;overflow-x:auto}.bf-pages button{text-transform:capitalize;flex:none;padding:8px 12px;font-size:13px}.bf-error{color:#7b2424;z-index:5;background:#fff3f3;border:1px solid #a43636;padding:16px;position:sticky;bottom:12px}.bf-app>footer{color:#746978;border-top:1px solid #d8cddd;margin:56px 0 20px;padding-top:20px;font-size:13px}.bf-app>footer p{max-width:80ch}@media (max-width:760px){.bf-app{padding:18px}.bf-intro{margin:30px 0}.bf-intro h1{font-size:36px}.bf-family{padding:18px}.bf-months{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.bf-months button{padding:10px}.bf-studio{grid-template-columns:1fr;gap:20px}.bf-tools{grid-row:1;padding:0}.bf-live{padding:14px}.bf-row{gap:8px}.bf-date>div{gap:5px}.bf-top select{max-width:125px}.bf-app h2{font-size:27px}.bf-section-heading{align-items:center}.bf-family-fields{margin-top:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.bf-demo-note{background:#f6f3f6;border-left:3px solid #51344d;margin:0 0 1.5rem;padding:1rem 1.25rem;line-height:1.6}.bf-demo-note p{margin:.5rem 0}.bf-demo-note a{color:#51344d}