.bc-app{--bc-ink:#193d34;--bc-muted:#617a71;--bc-line:#dbe6de;--bc-green:#177d6f;--bc-soft:#eef5ee;--bc-cream:#f9faf6;color:var(--bc-ink);margin:10px 0 36px}.bc-app *{box-sizing:border-box}.bc-app [hidden]{display:none!important}.bc-app button,.bc-app input,.bc-app textarea,.bc-app select{font:inherit}.bc-app :focus-visible{outline:3px solid #83b9a8;outline-offset:3px}.bc-app button:disabled,.bc-app input:disabled,.bc-app textarea:disabled,.bc-app select:disabled{opacity:.46;cursor:not-allowed}
.bc-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}.bc-heading>div:first-child{max-width:760px}.bc-heading .pf-eyebrow{font-size:10px;letter-spacing:2px;color:var(--bc-green);margin:0 0 10px}.bc-heading h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px;font-weight:750;margin:0 0 13px}.bc-heading p:not(.pf-eyebrow){font-size:13px;line-height:1.8;color:var(--bc-muted);margin:0;max-width:670px}.bc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bc-heading>.bc-actions{flex-shrink:0;justify-content:flex-end}
.bc-app .bc-btn,.bc-app .bc-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;line-height:1.3;border:1px solid var(--bc-line);border-radius:8px;background:#fff;color:var(--bc-ink);font-size:11px;font-weight:650;cursor:pointer;padding:9px 12px;text-decoration:none;transition:background .15s,border-color .15s;text-align:center}.bc-app .bc-btn:hover,.bc-app .bc-icon:hover{background:#f0f6f0;border-color:#a2c5b7}.bc-app .bc-primary{background:var(--bc-green);border-color:var(--bc-green);color:#fff}.bc-app .bc-primary:hover{background:#12695e;border-color:#12695e}.bc-app .bc-icon{width:38px;padding:7px;font-size:17px;flex-shrink:0}.bc-app .bc-full{width:100%}
.bc-topbar{border:1px solid var(--bc-line);border-radius:15px 15px 0 0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 20px}.bc-project-title{flex:1;min-width:150px;max-width:440px}.bc-project-title input{width:100%;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--bc-ink);font-size:15px;font-weight:700;line-height:1.4;padding:3px 4px;margin-left:-4px}.bc-project-title input:hover{border-color:var(--bc-line)}.bc-project-title input:focus{border-color:#8ab8a6;outline:0}.bc-project-title>span{display:block;color:var(--bc-muted);font-size:10px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}
.bc-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid var(--bc-line);border-top:0;border-radius:0 0 15px 15px;overflow:hidden;background:#fff;align-items:start}.bc-stage{min-width:0;background:var(--bc-cream);align-self:stretch}.bc-stage-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 21px 0}.bc-preview-tabs{display:flex;gap:4px}.bc-preview-tabs button{border:1px solid transparent;background:transparent;border-radius:8px;color:var(--bc-muted);font-size:12px;font-weight:650;padding:10px 14px;display:flex;align-items:center;gap:8px;cursor:pointer}.bc-preview-tabs button[aria-selected=true]{background:#e8f2ea;border-color:#d6e4d9;color:var(--bc-ink)}.bc-preview-tabs button span{font-size:9px;letter-spacing:1px;opacity:.65}.bc-guides-toggle{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--bc-muted);cursor:pointer}.bc-guides-toggle input{width:15px;height:15px;accent-color:var(--bc-green)}.bc-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 21px 10px}.bc-stage-toolbar>div{display:flex;flex-direction:column;gap:5px}.bc-stage-toolbar>div>span{font-size:11px;font-weight:700}.bc-stage-toolbar small{font-size:10px;color:var(--bc-muted)}
.bc-canvas-surround{display:grid;place-items:center;padding:34px 38px;min-height:420px;background:radial-gradient(#c3d3c538 1px,transparent 1px) 0 0/12px 12px}.bc-canvas{width:100%;max-width:690px;line-height:0;box-shadow:0 12px 32px #183d2e20;outline:1px solid #b4c4ae33}.bc-canvas.bc-canvas-portrait{max-width:340px}.bc-canvas>svg{display:block;width:100%;height:auto;overflow:hidden}.bc-guides-key{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:6px 22px 12px;font-size:10px;color:var(--bc-muted)}.bc-guides-key span{display:inline-flex;align-items:center;gap:8px}.bc-guides-key span:before{content:"";width:23px;border-top:1px dashed #c85b73}.bc-guides-key .bc-safe-key:before{border-color:#177d6f}.bc-guides-note{font-size:10px;line-height:1.8;color:var(--bc-muted);padding:0 22px 18px;margin:0;text-align:center}.bc-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 21px;border-block:1px solid var(--bc-line)}.bc-palette-summary{display:flex;gap:5px}.bc-palette-summary span{width:18px;height:18px;border-radius:50%;border:1px solid #8da69533}.bc-preview-meta>span{font-size:10px;color:var(--bc-muted)}.bc-export-status{font-size:11px;line-height:1.7;color:var(--bc-green);padding:12px 21px;margin:0;background:#edf5e6}.bc-stage-notes{padding:17px 21px 23px}.bc-stage-notes p{font-size:10px;line-height:1.8;color:var(--bc-muted);margin:0 0 8px}.bc-stage-notes p:last-child{margin:0}
.bc-inspector{border-left:1px solid var(--bc-line);background:#fff;min-width:0;align-self:stretch}.bc-tabs{display:flex;border-bottom:1px solid var(--bc-line);background:#f9fbf7;position:sticky;top:0;z-index:2}.bc-tabs button{flex:1;border:0;background:transparent;padding:17px 5px;font-size:11px;font-weight:650;color:var(--bc-muted);border-bottom:2px solid transparent;cursor:pointer;line-height:1.3}.bc-tabs button[aria-selected=true]{color:var(--bc-green);border-bottom-color:var(--bc-green);background:#fff}.bc-panel{padding:22px 20px;max-height:1000px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c5d6c8 #fafcf7}.bc-panel h2{font-size:13px;line-height:1.5;margin:0 0 13px;font-weight:700;letter-spacing:.1px}.bc-panel label{display:flex;flex-direction:column;gap:7px;color:var(--bc-muted);font-size:10px;font-weight:600;line-height:1.5;margin-bottom:15px}.bc-panel input:not([type=color]),.bc-panel select,.bc-panel textarea{width:100%;border:1px solid #d9e4d9;border-radius:7px;padding:10px;background:#fff;color:var(--bc-ink);font-size:12px;line-height:1.6;min-width:0}.bc-panel textarea{resize:vertical;min-height:62px}.bc-panel textarea::placeholder{color:#8b9d91;font-size:11px}.bc-help{font-size:10px;line-height:1.8;color:var(--bc-muted);margin:9px 0 18px}.bc-panel>h2+.bc-help{margin-top:-3px}.bc-panel-divider{height:1px;background:var(--bc-line);margin:25px 0}.bc-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bc-pair select{font-size:11px}.bc-field-meta{font-size:9px;color:#789187;text-align:right;margin:-10px 0 17px;min-height:13px}.bc-field-meta+.bc-help{margin-top:-9px}.bc-color-fields{margin-top:18px}.bc-color-row{display:grid;grid-template-columns:1fr 128px;gap:12px;align-items:center;margin-block:10px}.bc-color-row label{margin:0}.bc-color-row>div{display:flex;align-items:center;gap:8px}.bc-color-row input[type=color]{width:31px;height:31px;border:1px solid var(--bc-line);border-radius:6px;padding:2px;background:#fff;cursor:pointer;flex-shrink:0}.bc-color-row input[type=text]{padding:6px 7px;font-size:10px;letter-spacing:.2px}
.bc-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.bc-palette-button{background:#fff;border:1px solid var(--bc-line);border-radius:8px;padding:8px 7px;cursor:pointer;min-width:0;text-align:left}.bc-palette-button[aria-pressed=true]{border-color:var(--bc-green);box-shadow:0 0 0 1px var(--bc-green);background:#f4faf4}.bc-palette-button>span:last-child{display:block;font-size:9px;color:var(--bc-muted);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-palette-swatches{display:flex;height:20px;overflow:hidden;border-radius:3px}.bc-palette-swatches i{display:block;flex:1;min-width:0}.bc-photo-card{border:1px solid var(--bc-line);border-radius:11px;padding:17px;background:#f8fbf6}.bc-photo-card .bc-help:last-child{margin-bottom:0}.bc-photo-card .bc-actions{gap:7px}.bc-photo-privacy{font-size:10px;color:var(--bc-green);line-height:1.8;padding:12px 13px;background:#edf5ee;border-radius:8px;margin:18px 0}.bc-text-link{display:inline-block;font-size:11px;font-weight:650;color:var(--bc-green);text-underline-offset:3px}.bc-export-actions{display:flex;flex-direction:column;gap:9px}.bc-pdf-summary{background:#f0f6ef;border:1px solid #dce9db;border-radius:8px;padding:11px 12px;font-size:10px;line-height:1.8;margin:2px 0 14px;color:var(--bc-ink)}.bc-print-advice{border-left:2px solid #c4d8c4;padding-left:13px;margin-top:17px}.bc-print-advice p{color:var(--bc-muted);font-size:10px;line-height:1.8;margin:0 0 12px}.bc-ai-notice{font-size:10px;line-height:1.85}.bc-panel #bc-ai-status{font-size:11px;line-height:1.8;color:var(--bc-green);margin:16px 0 0}
.bc-validation,.bc-layout-warning{font-size:11px;line-height:1.8;color:#775821;padding:12px 21px;margin:0;background:#fff7e3;border-block:1px solid #efdfb9}.bc-layout-warning{margin:0 0 1px}.bc-app [aria-invalid=true]{border-color:#a55449!important;background:#fff8f6!important}.bc-conflict{border:1px solid #e7c793;border-top:0;padding:17px 20px;background:#fff8e9;color:#755a2a}.bc-conflict p{margin:0 0 13px;font-size:12px;line-height:1.7}.bc-storage-note{font-size:11px;line-height:1.8;color:var(--bc-muted);padding:0 3px;max-width:1000px;margin:17px 0}.bc-notice{position:fixed;z-index:80;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:min(620px,calc(100vw - 28px));border:1px solid #bed5c7;border-radius:10px;background:#173e34;color:#fff;box-shadow:0 8px 35px #0c3d2920;padding:15px 19px;font-size:12px;line-height:1.7;margin:0}
.bc-dialog{width:min(900px,calc(100vw - 32px));max-height:90vh;border:1px solid var(--bc-line);border-radius:17px;padding:28px;background:#fcfdf9;color:var(--bc-ink);box-shadow:0 24px 80px #132b2555}.bc-dialog::backdrop{background:#0e2e2477;backdrop-filter:blur(3px)}.bc-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.bc-dialog-head h2{font-size:25px;letter-spacing:-.5px;margin:0}.bc-dialog h3{font-size:13px;margin:21px 0 15px}.bc-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bc-template{border:1px solid var(--bc-line);border-radius:11px;overflow:hidden;cursor:pointer;background:#fff;text-align:left;padding:0;color:var(--bc-ink);min-width:0}.bc-template:hover{border-color:var(--bc-green);box-shadow:0 4px 16px #1b54450c}.bc-template-art{display:flex;align-items:center;justify-content:center;min-height:130px;padding:16px;background:#edf3e8}.bc-template-art svg{display:block;width:100%;height:auto;box-shadow:0 4px 12px #1d3c2920;max-height:115px}.bc-template strong{font-size:12px;display:block;padding:14px 15px 6px}.bc-template>span:last-child{display:block;padding:0 15px 17px;color:var(--bc-muted);font-size:10px;line-height:1.7}.bc-project-list-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--bc-line);margin-top:24px;padding-top:12px}.bc-project-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--bc-line)}.bc-project-chip{display:grid;place-items:center;width:40px;height:30px;border-radius:4px;flex-shrink:0;color:#fff;font-size:18px}.bc-open-project{background:transparent;border:0;color:var(--bc-ink);font-size:13px;text-align:left;flex:1;min-width:0;font-weight:650;cursor:pointer;padding:4px 0;overflow-wrap:anywhere}.bc-open-project small{display:block;font-size:9px;font-weight:400;line-height:1.8;color:var(--bc-muted);margin-top:3px}.bc-empty{color:var(--bc-muted);font-size:12px;padding:16px 0}.bc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bc-hero-art{padding:24px;background:linear-gradient(140deg,#eaf3e7,#f2f0e3);border-radius:14px}.bc-hero-art svg{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 18px #24453620)}.bc-launch-note{font-size:13px;line-height:1.8;color:#617a71;margin:14px 0 0}
@media(min-width:1500px){.bc-layout{grid-template-columns:minmax(0,1fr) 380px}.bc-panel{padding:25px}.bc-canvas-surround{min-height:500px}.bc-canvas.bc-canvas-portrait{max-width:360px}}
@media(max-width:1180px){.bc-layout{grid-template-columns:minmax(0,1fr) 320px}.bc-heading h1{font-size:30px}.bc-heading{gap:20px}.bc-heading>.bc-actions{max-width:200px}.bc-panel{padding:20px 17px}.bc-canvas-surround{min-height:360px;padding:28px}.bc-canvas.bc-canvas-portrait{max-width:300px}.bc-stage-top{gap:10px;padding-inline:16px}.bc-stage-toolbar{padding-inline:16px}.bc-preview-tabs button{padding:10px;font-size:11px}.bc-guides-toggle{font-size:9px}.bc-pair{gap:8px}.bc-pair select{font-size:10px}}
@media(max-width:900px){.bc-layout{grid-template-columns:1fr}.bc-heading{align-items:flex-start}.bc-heading h1{font-size:31px}.bc-topbar{gap:15px;padding:14px 17px}.bc-inspector{border-left:0;border-top:1px solid var(--bc-line)}.bc-tabs button{font-size:12px;min-height:50px}.bc-panel{max-height:none;overflow:visible;padding:24px}.bc-canvas-surround{min-height:390px;padding:35px}.bc-canvas.bc-canvas-portrait{max-width:300px}.bc-stage-top{padding:19px 24px 0}.bc-stage-toolbar{padding-inline:24px}.bc-guides-toggle{font-size:11px}.bc-pair{gap:18px}.bc-pair select{font-size:12px}.bc-palette-grid{max-width:460px}.bc-color-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.bc-color-row{grid-template-columns:1fr 128px}.bc-photo-card{max-width:600px}.bc-export-actions{display:grid;grid-template-columns:1fr 1fr}.bc-panel .bc-full{max-width:400px}.bc-template-art{min-height:120px;padding:13px}.bc-project-title{max-width:none}}
@media(max-width:650px){.bc-app{margin-top:3px}.bc-heading{display:block;margin-bottom:22px}.bc-heading h1{font-size:28px;letter-spacing:-.8px}.bc-heading .pf-eyebrow{font-size:9px}.bc-heading p:not(.pf-eyebrow){font-size:12px}.bc-heading>.bc-actions{margin-top:17px;max-width:none;justify-content:flex-start}.bc-topbar{flex-direction:column;align-items:stretch;gap:13px;padding:14px}.bc-topbar>.bc-actions{justify-content:space-between;gap:5px}.bc-topbar .bc-btn{padding:8px 9px;font-size:10px;min-height:36px}.bc-topbar .bc-icon{width:34px;min-height:36px}.bc-project-title{min-width:0}.bc-project-title input{font-size:14px}.bc-stage-top{padding:14px 13px 0;gap:8px}.bc-preview-tabs button{font-size:11px;padding:9px 11px}.bc-guides-toggle{font-size:9px;gap:5px}.bc-stage-toolbar{padding:13px 13px 7px;gap:9px}.bc-stage-toolbar .bc-btn{font-size:9px;padding:7px 9px;min-height:33px}.bc-stage-toolbar small{font-size:9px}.bc-canvas-surround{padding:24px 15px;min-height:270px}.bc-canvas.bc-canvas-portrait{max-width:245px}.bc-guides-key{gap:15px;font-size:9px;padding-inline:13px}.bc-guides-note{font-size:9px;padding-inline:15px}.bc-preview-meta{padding:12px 13px;gap:9px}.bc-preview-meta>span{font-size:9px;text-align:right}.bc-palette-summary span{width:15px;height:15px}.bc-stage-notes{padding:15px 14px 18px}.bc-stage-notes p{font-size:9px}.bc-panel{padding:22px 18px}.bc-panel h2{font-size:13px}.bc-tabs button{font-size:11px;padding:14px 4px;min-height:47px}.bc-color-fields{display:block}.bc-color-row{margin-block:11px}.bc-photo-card{padding:15px}.bc-export-actions{display:flex;flex-direction:column}.bc-dialog{padding:18px}.bc-dialog-head h2{font-size:22px}.bc-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bc-template-art{min-height:102px;padding:10px}.bc-template strong{font-size:11px;padding:12px 11px 5px}.bc-template>span:last-child{font-size:9px;padding:0 11px 13px}.bc-project-row{flex-wrap:wrap;gap:9px}.bc-open-project{flex-basis:calc(100% - 49px);font-size:12px}.bc-project-row>.bc-btn{min-height:33px;font-size:10px}.bc-storage-note{font-size:10px}.bc-notice{font-size:11px;bottom:15px}.bc-validation,.bc-layout-warning{padding:12px 14px}.bc-conflict{padding:14px}.bc-conflict p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bc-app *{scroll-behavior:auto!important;transition:none!important}}