.bi-workspace{--bi-line:var(--border,rgba(120,120,120,.22));color:inherit;margin:24px 0;min-width:0}.bi-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0 24px;border-bottom:1px solid var(--bi-line)}.bi-brand{flex:1;min-width:150px}.bi-brand h2{font-size:24px;margin:6px 0}.bi-brand small,.bi-status{font-size:11px;letter-spacing:.07em}.bi-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:32px;padding-top:24px}.bi-nav{display:flex;flex-direction:column;gap:6px;align-self:start;position:sticky;top:80px}.bi-nav .btn{display:flex;flex-direction:column;align-items:flex-start;text-align:left;white-space:normal;padding:12px 10px;gap:5px;border-color:transparent}.bi-nav .btn[aria-current]{border-color:var(--bi-line);font-weight:700}.bi-nav small{font-size:9px;opacity:.55;text-transform:uppercase;letter-spacing:.08em}.bi-main,.bi-content{min-width:0}.bi-main>h2{font-size:30px;letter-spacing:-.035em;margin:0 0 24px}.bi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}.bi-card{min-width:0;padding:16px 0;border-top:1px solid var(--bi-line)}.bi-card h3{font-size:16px;margin:12px 0}.bi-card small{opacity:.6}.bi-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.bi-actions .btn{font-size:11px;white-space:normal;min-height:40px}.bi-help{font-size:12px;line-height:1.6;opacity:.65;max-width:850px}.bi-field{display:flex;flex-direction:column;font-size:11px;letter-spacing:.015em;gap:8px;margin:16px 0;max-width:720px}.bi-field input,.bi-field select,.bi-field textarea{width:100%;box-sizing:border-box;font:inherit;color:inherit;border:1px solid var(--bi-line);border-radius:var(--radius,8px);background:transparent;padding:12px;min-height:44px}.bi-field textarea{min-height:90px;resize:vertical}.bi-field select option{color:#111;background:#fff}.bi-field input[type=color]{padding:3px;height:44px;width:100%;cursor:pointer}.bi-field input[type=range]{padding:0;accent-color:currentColor}.bi-preview{background:#f5f4f0;overflow:hidden;margin:16px 0;line-height:0;max-width:100%}.bi-preview svg{display:block;width:100%;height:auto;max-height:600px}.bi-card .bi-preview svg{max-height:290px}.bi-swatch{height:100px}.bi-palette{display:flex;height:80px;overflow:hidden}.bi-palette>div{flex:1}.bi-workspace details,.bi-dialog details{border-top:1px solid var(--bi-line);padding:16px 0}.bi-workspace summary,.bi-dialog summary{cursor:pointer;padding:10px 0;font-size:13px}.bi-dialog{box-sizing:border-box;width:min(940px,94vw);max-height:90dvh;overflow:auto;border:1px solid rgba(120,120,120,.25);border-radius:12px;padding:24px;background:var(--panel-bg,var(--bg,#f8f7f3));color:var(--text,#111)}.bi-dialog::backdrop{background:rgba(0,0,0,.58)}.bi-dialog h2{font-size:22px;margin-right:auto}.bi-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.bi-present{border:0;padding:0;margin:auto;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;background:#111;overflow:hidden;touch-action:pan-y}.bi-present::backdrop{background:#111}.bi-present svg{width:100%;height:100%;object-fit:contain;display:block}.bi-workspace button:focus-visible,.bi-dialog button:focus-visible,.bi-field input:focus-visible,.bi-field select:focus-visible,.bi-field textarea:focus-visible{outline:2px solid currentColor;outline-offset:3px}.bi-dialog>label:not(.bi-field){display:flex;gap:10px;align-items:center;min-height:44px}.bi-workspace .btn{touch-action:manipulation}.bi-workspace [hidden]{display:none!important}
html[data-theme="cinema"] .bi-dialog,body.cinema .bi-dialog,body[data-theme="cinema"] .bi-dialog{background:#111;color:#eee}
@media(min-width:1500px){.bi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.bi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-layout{gap:20px;grid-template-columns:145px minmax(0,1fr)}}
@media(max-width:700px){.bi-layout{display:block}.bi-nav{position:relative;top:0;flex-direction:row;overflow-x:auto;gap:6px;padding:0 0 14px;margin-bottom:20px;-webkit-overflow-scrolling:touch}.bi-nav .btn{flex:0 0 auto;min-width:112px;font-size:12px}.bi-grid{gap:14px}.bi-top{gap:8px}.bi-top>.btn{font-size:11px;padding:9px}.bi-main>h2{font-size:26px}.bi-dialog{padding:16px;width:96vw}.bi-actions .btn{min-height:44px}.bi-card .bi-actions{flex-direction:column;align-items:stretch}.bi-field input,.bi-field textarea,.bi-field select{font-size:16px}.bi-preview svg{max-height:460px}.bi-brand{order:-1;flex-basis:65%}.bi-status{order:-1;max-width:30%;overflow-wrap:anywhere}}
@media(max-width:420px){.bi-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.bi-workspace *,.bi-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-acbs-style=cinema] .bi-workspace,[data-acbs-style=cinema] .bi-dialog{--bi-line:#ffffff26;background:#101010;color:#eee}[data-acbs-style=cinema] .bi-workspace .btn.primary,[data-acbs-style=cinema] .bi-dialog .btn.primary{background:#eee;color:#111}[data-acbs-style=cinema] .bi-workspace .btn,[data-acbs-style=cinema] .bi-dialog .btn{border-color:#ffffff26}[data-acbs-style=cinema] .bi-workspace input[type=range],[data-acbs-style=cinema] .bi-dialog input[type=range]{accent-color:#ddd}
.bi-present-art{height:calc(100% - 52px);width:100%}.bi-present-nav{height:52px;display:flex;align-items:center;justify-content:center;gap:10px;color:#eee;background:#111}.bi-present-nav .btn{color:#eee;border-color:#555;font-size:11px;min-height:36px;padding:8px 12px}.bi-present-nav span{font-size:11px;color:#aaa}