.bc-shell{--bc-ink:#1c2534;--bc-accent:#e86b38;--bc-line:#e4e6eb;color:var(--bc-ink)}.bc-intro{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:20px 0 32px}.bc-eyebrow{font:600 11px/1.5 monospace;letter-spacing:.13em;color:#6c7080}.bc-intro h2{font-size:clamp(28px,4vw,49px);letter-spacing:-.045em;margin:10px 0;line-height:1.1}.bc-intro h2 em{display:block;color:var(--bc-accent);font-style:normal}.bc-intro p{max-width:610px;color:#656b79}.bc-local{white-space:nowrap;padding:12px 17px;border-radius:25px;background:#e7f3ec;color:#287653;font-size:12px}.bc-grid{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--bc-line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 65px #252b4610}.bc-controls{background:#f8f9fc;padding:25px;display:flex;flex-direction:column;gap:10px;border-inline-end:1px solid var(--bc-line)}.bc-controls label{display:block;font-size:13px;font-weight:600;margin-top:5px}.bc-controls input:not([type=checkbox]),.bc-controls select,.bc-controls textarea{display:block;width:100%;box-sizing:border-box;background:#fff;border:1px solid #d9dde5;border-radius:10px;padding:11px;color:#202738;font:inherit;font-size:14px}.bc-controls input[type=color]{height:40px;padding:4px}.bc-controls input[type=checkbox]{accent-color:#e86b38}.bc-controls textarea{resize:vertical}.bc-controls details{border-top:1px solid var(--bc-line);padding-top:15px;margin:8px 0}.bc-controls summary{cursor:pointer;font-size:13px;font-weight:600}.bc-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bc-link{background:none;border:0;text-align:start;color:#b44921;cursor:pointer;padding:3px 0;font:inherit;font-size:13px}.bc-work{padding:26px;min-width:0}.bc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.bc-preview{min-height:330px;overflow:auto;display:flex;align-items:center;justify-content:center;padding:32px 15px;margin:22px 0;border-radius:16px;border:1px solid #e9ebef;background-color:#f4f5f7;background-image:linear-gradient(45deg,#e9ebef 25%,transparent 25%),linear-gradient(-45deg,#e9ebef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ebef 75%),linear-gradient(-45deg,transparent 75%,#e9ebef 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.bc-preview canvas{max-width:100%;height:auto;box-shadow:0 9px 30px #20273817}.bc-muted{color:#6b7280;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.bc-error{color:#8b111b;background:#fff0f1;border:2px solid #d52c40;border-radius:12px;padding:14px;font-weight:600;overflow-wrap:anywhere}.bc-warning{color:#775016;background:#fff6dc;padding:12px;border-radius:10px;font-size:13px}.bc-exports{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.bc-exports button{cursor:pointer}.bc-exports button:disabled{opacity:.4;cursor:not-allowed}.bc-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--bc-line);padding-top:23px;gap:12px;margin-top:25px}.bc-specs strong,.bc-specs span{display:block}.bc-specs strong{font-size:22px}.bc-specs span{font-size:11px;color:#747b87;margin-top:4px}.bc-guide{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:32px 0}.bc-guide article{background:#ffffffa8;border:1px solid var(--bc-line);border-radius:18px;padding:25px}.bc-guide h3{margin:10px 0;font-size:22px}.bc-guide p{font-size:14px;line-height:1.85;color:#616878}.bc-shell :focus-visible{outline:3px solid #dc714e;outline-offset:3px}.bc-shell [hidden]{display:none!important}@media(max-width:850px){.bc-grid{grid-template-columns:1fr}.bc-controls{border-inline-end:0;border-bottom:1px solid var(--bc-line)}.bc-intro{align-items:start;flex-direction:column}.bc-guide{grid-template-columns:1fr}.bc-preview{min-height:240px}.bc-work{padding:18px}}@media(prefers-color-scheme:dark){html[data-theme=dark] .bc-shell{--bc-ink:#e5e7ef}}@media print{body *{visibility:hidden}#bcCanvas,#bcCanvas *{visibility:visible}#bcCanvas{position:absolute;top:0;left:0;max-width:none;box-shadow:none}}
.bc-export-option{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;margin-top:20px}.bc-export-option input{width:18px;height:18px;accent-color:#e86b38}