.bb{padding-bottom:3rem}.bb .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-toolbar__actions{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.bb-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);display:grid}.bb-form{gap:1.25rem;min-width:0;display:grid}.bb-section{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:24px;gap:1.1rem;padding:clamp(1.25rem,2.6vw,2rem);display:grid}.bb-section .tool-panel-heading{margin-bottom:.25rem}.bb-section fieldset{border:0;min-width:0;margin:0;padding:0}.bb-section legend{color:var(--color-ink-2);margin-bottom:.55rem;padding:0;font-size:.78rem;font-weight:600}.bb-templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.bb-template{border:1px solid var(--color-rule);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);background:#fff;border-radius:16px;gap:.2rem;padding:.85rem;display:grid;position:relative}.bb-template input,.bb-segment input,.bb-swatches input[type=radio]{opacity:0;pointer-events:none;position:absolute}.bb-template strong{font-family:var(--font-heading);margin-top:.45rem;font-size:.95rem}.bb-template small{color:var(--color-ink-2);font-size:.72rem;line-height:1.4}.bb-template.is-active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.bb-template:has(input:focus-visible),.bb-segment label:has(input:focus-visible),.bb-swatches label:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.bb-template__art{aspect-ratio:210/297;background:var(--color-mint);border-radius:6px;gap:3px;width:100%;max-width:74px;padding:4px;display:grid;overflow:hidden}.bb-template__art i{background:var(--color-rule-strong);border-radius:3px;display:block}.bb-template__art--signature{grid-template-rows:1.15fr 1fr .45fr}.bb-template__art--signature i:first-child{background:#8fb6a4}.bb-template__art--signature i:nth-child(3){background:var(--color-accent)}.bb-template__art--editorial{grid-template-rows:3fr .6fr;grid-template-columns:1fr 1fr}.bb-template__art--editorial i:first-child{background:linear-gradient(#8fb6a4 55%,#2f4a40);grid-column:1/-1}.bb-template__art--editorial i:nth-child(3){background:var(--color-accent)}.bb-template__art--social{aspect-ratio:1;grid-template-rows:1.4fr 1fr}.bb-template__art--social i:first-child{background:#8fb6a4}.bb-template__art--social i:nth-child(2){background:var(--color-accent)}.bb-template__art--social i:nth-child(3){display:none}.bb-row{flex-wrap:wrap;align-items:flex-end;gap:1.25rem 2rem;display:flex}.bb-segment{flex-wrap:wrap;display:inline-flex}.bb-segment legend{width:100%}.bb-segment label{border:1px solid var(--color-rule-strong);min-height:44px;font-size:.875rem;font-family:var(--font-heading);cursor:pointer;background:#fff;align-items:center;padding:.6rem 1rem;display:inline-flex;position:relative}.bb-segment label:first-of-type{border-radius:999px 0 0 999px}.bb-segment label:last-of-type{border-radius:0 999px 999px 0;margin-inline-start:-1px}.bb-segment label.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.bb-segment label[lang=ar]{font-family:"IBM Plex Sans Arabic", var(--font-body), sans-serif}.bb-swatches{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bb-swatches legend{width:100%}.bb-swatches label{cursor:pointer;border-radius:50%;width:32px;height:32px;position:relative;box-shadow:inset 0 0 0 2px #ffffff80}.bb-swatches label.is-active{box-shadow:0 0 0 2px white, 0 0 0 4px var(--color-accent)}.bb-swatches__custom{background:conic-gradient(#d94b4b,#e8c547,#4bb46f,#3f8fd2,#8a55c9,#d94b4b);overflow:hidden}.bb-swatches__custom input{opacity:0;cursor:pointer;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.bb-field{gap:.4rem;min-width:0;display:grid;position:relative}.bb-field--wide{grid-column:1/-1}.bb-field>span{color:var(--color-ink-2);font-size:.78rem;font-weight:600}.bb-field input,.bb-field textarea{border:1px solid var(--color-rule-strong);width:100%;min-height:46px;font:inherit;color:var(--color-ink);background:#fff;border-radius:12px;padding:.7rem .85rem;font-size:.95rem}.bb-field textarea{resize:vertical;line-height:1.55}.bb-field input:focus,.bb-field textarea:focus{outline:2px solid var(--color-focus);outline-offset:1px;border-color:#0000}.bb-count{color:var(--color-muted-1);justify-self:end;font-size:.7rem}.bb-segment--inline{margin-bottom:-.2rem}.bb-photos{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.bb-photos li{aspect-ratio:4/3;border:1px solid var(--color-rule);background:#fff;border-radius:14px;position:relative;overflow:hidden}.bb-photos img{object-fit:cover;width:100%;height:100%;display:block}.bb-photos li.is-unused img{opacity:.45}.bb-photos__badge{top:.45rem;color:var(--color-ink);letter-spacing:.04em;text-transform:uppercase;background:#fff;border-radius:999px;padding:.2rem .5rem;font-size:.65rem;font-weight:700;position:absolute;inset-inline-start:.45rem}.bb-photos__badge--muted{text-transform:none;letter-spacing:0;font-weight:600}.bb-photos__actions{inset-inline:.4rem;justify-content:space-between;gap:.3rem;display:flex;position:absolute;bottom:.4rem}.bb-photos__actions button{min-height:32px;color:var(--color-ink);cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;align-items:center;padding:.3rem .6rem;font-size:.72rem;display:inline-flex}.bb-photos__actions button:last-child{margin-inline-start:auto}.bb-photos__add{border-style:dashed!important;border-color:var(--color-rule-strong)!important;background:var(--color-lime-soft)!important}.bb-photos__add label{text-align:center;cursor:pointer;place-content:center;justify-items:center;gap:.25rem;padding:.5rem;display:grid;position:absolute;inset:0}.bb-photos__add strong{font-family:var(--font-heading);font-size:.85rem}.bb-photos__add small{color:var(--color-ink-2);font-size:.66rem}.bb-photos__add input,.bb-slot input[type=file]{opacity:0;width:1px;height:1px;position:absolute}.bb-photos__add:has(input:focus-visible),.bb-slot label:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.bb-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.bb-slot{border:1px solid var(--color-rule);background:#fff;border-radius:16px;align-items:center;gap:.85rem;min-width:0;padding:.75rem;display:flex}.bb-slot>img,.bb-slot__empty{object-fit:contain;background:var(--color-mint);width:56px;height:56px;color:var(--color-ink-2);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.bb-slot>div{gap:.1rem;min-width:0;display:grid}.bb-slot strong{font-family:var(--font-heading);font-size:.9rem}.bb-slot small{color:var(--color-ink-2);font-size:.72rem;line-height:1.45}.bb-slot__actions{gap:1rem;display:flex}.bb-slot__actions .tool-text-button{padding-block:.2rem;font-size:.8rem;position:relative}.bb-check{cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.875rem;line-height:1.5;display:flex}.bb-check input{width:18px;height:18px;accent-color:var(--color-accent);flex-shrink:0;margin-top:.15rem}.bb-inline{font-size:inherit;padding:0;display:inline}.bb-preview{gap:1rem;min-width:0;display:grid;position:sticky;top:104px}.bb-preview__head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.bb-preview__head .eyebrow{letter-spacing:.08em;color:var(--color-accent);margin-bottom:.35rem;font-size:.6rem}.bb-preview__head h2{letter-spacing:-.03em;font-size:1.5rem}.bb-status{color:var(--color-ink-2);align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.bb-status:before{content:"";background:var(--color-success);border-radius:50%;width:8px;height:8px}.bb-status.is-busy:before{background:var(--color-lime);box-shadow:0 0 0 3px var(--color-lime-soft)}.bb-sheet{background:var(--color-mint);overscroll-behavior:contain;border-radius:24px;min-height:420px;max-height:calc(100vh - 290px);padding:clamp(1rem,2.5vw,1.75rem);overflow:auto}.bb-pages{gap:1rem;display:grid}.bb-pages canvas{background:#fff;border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 18px 40px -24px #0735238c,0 2px 6px #07352314}.bb-sheet--social .bb-pages{max-width:560px;margin-inline:auto}.bb-loading{text-align:center;min-height:380px;color:var(--color-ink);place-content:center;justify-items:center;gap:.8rem;padding:2rem 1rem;display:grid}.bb-loading h3{font-size:1.25rem}.bb-loading p{color:var(--color-ink-2);max-width:38ch;font-size:.9rem;line-height:1.6}.bb-progress{background:#fff;border-radius:999px;width:min(320px,80%);height:6px;overflow:hidden}.bb-progress span{background:var(--color-accent);border-radius:inherit;height:100%;transition:width .2s linear;display:block}.bb-actions{flex-wrap:wrap;gap:.75rem;display:flex}.bb-actions .btn{gap:.5rem}.bb-actions .btn:disabled,.bb-mobilebar .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.bb-notice,.bb-alert{background:var(--color-lime-soft);border-radius:12px;padding:.75rem 1rem;font-size:.85rem;line-height:1.55}.bb-alert{background:var(--color-danger-soft);color:var(--color-danger)}.bb-notes{color:var(--color-ink-2);gap:.35rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:grid}.bb-notes li{gap:.5rem;display:flex}.bb-notes li:before{content:"";background:var(--color-sand-2);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.45rem}.bb-mobilebar{display:none}@media (width<=1000px){.bb-layout{grid-template-columns:1fr}.bb-preview{order:-1;position:static}.bb-sheet{min-height:0;max-height:none}.bb-sheet--signature .bb-pages,.bb-sheet--editorial .bb-pages{max-width:520px;margin-inline:auto}.bb-mobilebar{z-index:5;padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom));background:linear-gradient(#0000,#fff 30%);gap:.6rem;margin-top:1rem;display:flex;position:sticky;bottom:0}.bb-mobilebar .btn{flex:1;gap:.4rem}}@media (width<=640px){.bb-templates{grid-template-columns:1fr}.bb-template{grid-template-columns:44px 1fr;align-items:center;column-gap:.85rem}.bb-template__art{grid-row:span 2;max-width:44px}.bb-template strong{margin-top:0}.bb-grid,.bb-slots{grid-template-columns:1fr}.bb-section{border-radius:20px}.bb-toolbar{flex-direction:column}}@media (prefers-reduced-motion:reduce){.bb-progress span,.bb-template{transition:none}}