.bc-library,.bc-stage,.bc-inspector{color:var(--text,#f7f7f2);font-family:'DM Sans',system-ui,sans-serif;min-width:0;box-sizing:border-box}
.bc-library *,.bc-stage *,.bc-inspector *{box-sizing:border-box}
.bc-library{padding:14px}.bc-library-note{font-size:12px;color:var(--muted,#bbc9d5);margin:0 0 13px}.bc-assets{display:grid;gap:12px}
.bc-button{font:550 14px/1.4 'DM Sans',system-ui,sans-serif;min-height:44px;border:1px solid var(--edge,#7890a3);border-radius:6px;background:var(--panel,#142230);color:var(--text,#f7f7f2);padding:10px 13px;cursor:pointer;text-align:left}
.bc-button:focus-visible,.bc-stage input:focus-visible,.bc-inspector input:focus-visible{outline:3px solid var(--blue,#8fbaff);outline-offset:3px}
.bc-button:hover{background:var(--raised,#203244)}.bc-button:disabled{opacity:.55;cursor:default}.bc-button[aria-pressed=true]{border-color:var(--blue,#8fbaff)}
.bc-asset{padding:0;overflow:hidden;display:block;width:100%;border:2px solid transparent;background:var(--panel,#142230)}
.bc-asset img{display:block;width:100%;height:105px;object-fit:cover}.bc-asset-copy{display:block;padding:11px}.bc-asset strong{display:block;font-size:14px;font-weight:600}.bc-asset small{display:block;color:var(--muted,#bbc9d5);font-size:12px;margin-top:4px}
.bc-stage{padding:22px;display:flex;flex-direction:column;gap:18px;background:var(--canvas,#0c1520)}
.bc-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.bc-viewer-title h3{margin:0;font-size:21px;letter-spacing:-.035em;line-height:1.2;font-weight:550}.bc-viewer-title p{margin:7px 0 0;color:var(--muted,#bbc9d5);font-size:13px;line-height:1.5}
.bc-quiet{background:transparent}.bc-toolbar .bc-button{flex:none}
.bc-viewer{position:relative;isolation:isolate;min-height:280px;aspect-ratio:1.38;flex:1;background:#09131b;box-shadow:0 17px 50px #0002;border:1px solid var(--edge,#385068);border-radius:5px;overflow:hidden}
.bc-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.bc-baseline{z-index:0}.bc-candidate{z-index:1}.bc-image-label{position:absolute;z-index:4;top:14px;background:#0c1520ed;color:#f7f7f2;font-size:12px;font-weight:550;padding:7px 10px;border-radius:4px}.bc-before{left:14px}.bc-after{right:14px}.bc-divider{position:absolute;top:0;bottom:0;width:2px;background:#f7f7f2;z-index:3;box-shadow:0 0 0 1px #09131b55;pointer-events:none}.bc-compare-handle{position:absolute;left:-17px;top:calc(50% - 18px);width:36px;height:36px;border-radius:50%;background:#f7f7f2;color:#0c1520;display:grid;place-items:center;font-size:20px;box-shadow:0 2px 16px #0004}
.bc-wipe-row{display:flex;align-items:center;gap:17px;font-size:13px;color:var(--muted,#bbc9d5)}.bc-wipe-row label{display:flex;align-items:center;gap:17px;flex:1}.bc-wipe-row input{flex:1;min-width:50px;min-height:44px;accent-color:var(--blue,#8fbaff)}.bc-wipe-row output{min-width:4ch;text-align:right}.bc-stage-note{margin:0;font-size:12px;color:var(--muted,#bbc9d5);line-height:1.65;max-width:75ch}
.bc-inspector{padding:20px;display:flex;flex-direction:column;gap:13px;background:var(--panel,#142230)}.bc-detail-heading h3{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:9px 0 0;font-weight:550}.bc-kind{font-size:11px;color:var(--muted,#bbc9d5);letter-spacing:.07em;text-transform:uppercase}.bc-facts{display:grid;grid-template-columns:1fr;gap:4px;margin:7px 0 3px;padding-block:15px;border-block:1px solid var(--edge,#385068)}.bc-facts dt{font-size:12px;color:var(--muted,#bbc9d5);margin-top:9px}.bc-facts dt:first-child{margin-top:0}.bc-facts dd{margin:0;font-size:13px;line-height:1.5}.bc-crop-label{font-size:14px;font-weight:550;display:grid;gap:4px}.bc-crop-label input{width:100%;min-height:44px;accent-color:var(--blue,#8fbaff)}.bc-crop-value{font-size:12px;color:var(--muted,#bbc9d5);font-weight:400}.bc-field-hint{font-size:12px;color:var(--muted,#bbc9d5);line-height:1.6;margin:0}.bc-approval-state{font-size:13px;line-height:1.5;min-height:39px;margin:6px 0 0}.bc-primary{background:var(--blue,#8fbaff);color:var(--on-blue,#0c1520);border-color:transparent;font-weight:650}.bc-primary:hover{background:var(--blue,#8fbaff);box-shadow:inset 0 0 0 2px #ffffff55}[data-theme=light] .bc-primary{color:#f7f7f2}.bc-source-note{border-top:1px solid var(--edge,#385068);padding-top:17px;margin-top:8px}.bc-source-note strong{font-size:13px}.bc-source-note p{margin:8px 0 0;font-size:12px;color:var(--muted,#bbc9d5);line-height:1.65}
.bc-library [hidden],.bc-stage [hidden],.bc-inspector [hidden]{display:none!important}
@media(max-width:1000px){.bc-stage{padding:16px}.bc-inspector{padding:15px}.bc-viewer{min-height:260px}.bc-viewer-title h3{font-size:19px}}
@media(max-width:600px){.bc-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-asset img{height:90px}.bc-stage{padding:15px}.bc-toolbar{align-items:start;gap:12px}.bc-viewer{min-height:260px;aspect-ratio:1.1}.bc-wipe-row label{display:grid;gap:0}.bc-image-label{font-size:11px;top:10px;padding:6px 8px}.bc-before{left:10px}.bc-after{right:10px}}
@media(prefers-reduced-motion:reduce){.bc-library *,.bc-stage *,.bc-inspector *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}