.bl-circuit{color:#e9eff5;background:radial-gradient(ellipse at 40% 25%,#10283d,#060b13 75%);border:1px solid #35546d;border-radius:18px;width:96vw;max-width:1800px;height:92dvh;padding:20px;box-sizing:border-box;overflow:hidden}
.bl-circuit::backdrop{background:#000b;backdrop-filter:blur(10px)}
.bl-circuit[open]{display:flex;flex-direction:column}.bl-circuit .bl-circuit-body{flex:1;min-height:0;height:auto}
.bl-circuit-launcher{position:absolute;inset:16px 16px auto auto;z-index:120;display:block!important;color:#f7e5bc!important;background:#102131ed!important;border:1px solid #aa9060!important;border-radius:24px!important;padding:10px 18px!important;min-height:44px;box-shadow:0 4px 20px #0003}
.bl-circuit header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bl-circuit h2{margin:0 auto 0 0;font:500 26px system-ui}.bl-circuit button,.bl-circuit input{font:14px system-ui;color:#e9eff5;background:#102131;border:1px solid #36516a;border-radius:8px;padding:10px;cursor:pointer}.bl-circuit button:hover{border-color:#e8c780}.bl-circuit button:disabled{opacity:.45;cursor:default}.bl-circuit :focus-visible{outline:2px solid #ffd98d;outline-offset:3px}.bl-circuit-status{font:13px/1.5 system-ui;color:#afc6d8}.bl-circuit-body{display:grid;grid-template-columns:210px minmax(0,1fr) 260px;height:calc(100% - 110px);gap:18px}.bl-circuit aside{overflow:auto;min-width:0}.bl-circuit input{box-sizing:border-box;width:100%}.bl-circuit-list{display:grid;gap:6px;margin-top:12px}.bl-circuit-list button{text-align:left;overflow-wrap:anywhere}.bl-circuit canvas{width:100%;height:100%;min-height:220px;touch-action:none}.bl-circuit-inspector{font:14px/1.6 system-ui}.bl-circuit-inspector code{display:block;overflow-wrap:anywhere;font-size:11px;margin-bottom:10px}.bl-circuit-inspector button{display:block;width:100%;margin:8px 0;text-align:left}.bl-circuit-inspector h3{color:#f4d697}
@media(max-width:850px){.bl-circuit{padding:12px}.bl-circuit-body{grid-template-columns:140px minmax(0,1fr)}.bl-circuit-inspector{display:none}.bl-circuit header{gap:6px}.bl-circuit button{font-size:12px;padding:8px}.bl-circuit-status{font-size:11px}.bl-circuit-body{height:calc(100% - 145px)}}

.bl-circuit-projects{display:flex;align-items:center;gap:12px;margin-top:12px;font:13px system-ui;color:#afc6d8}.bl-circuit-projects select{min-width:0;max-width:65%;padding:8px;color:#e9eff5;background:#102131;border:1px solid #36516a;border-radius:8px}

.bl-hand-setup{margin-left:auto;max-width:620px}.bl-hand-setup summary{cursor:pointer}.bl-hand-setup[open]{position:absolute;right:24px;top:140px;padding:16px;background:#102131;border:1px solid #56738c;border-radius:12px;z-index:10;max-width:calc(100% - 80px)}.bl-hand-setup button{margin:4px}.bl-hand-preview video{display:block;width:160px;max-height:120px;transform:scaleX(-1);border-radius:8px}.bl-hand-setup p{max-width:48ch}

.bl-circuit-projects{flex-wrap:wrap}.bl-circuit-projects>select{max-width:280px}

.bl-source-editor{width:min(1000px,90vw);height:80dvh;background:#102131;color:#e9eff5;border:1px solid #56738c;border-radius:12px;padding:20px;box-sizing:border-box}.bl-source-editor[open]{display:flex;flex-direction:column;gap:10px}.bl-source-editor h2{font:16px system-ui;margin:0;overflow-wrap:anywhere}.bl-source-editor textarea{flex:1;min-height:100px;resize:none;background:#07121d;color:#e9eff5;font:14px/1.5 monospace;padding:12px;white-space:pre;tab-size:2}.bl-source-editor button{padding:10px;background:#17334a;color:#fff;border:1px solid #56738c;border-radius:8px}.bl-source-editor::backdrop{background:#0009}

.bl-circuit header select{font:14px system-ui;color:#e9eff5;background:#102131;border:1px solid #36516a;border-radius:8px;padding:10px}

.bl-company-context label{display:flex;flex-direction:column;gap:4px;margin:8px 0}.bl-company-context input,.bl-company-context textarea{width:100%;box-sizing:border-box}.bl-company-context textarea{min-height:60px;resize:vertical}.bl-company-context p{max-width:60ch;white-space:normal}

.bl-company-context summary{cursor:pointer}.bl-company-context[open]{position:absolute;right:24px;top:100px;width:min(520px,calc(100% - 80px));max-height:calc(100% - 140px);overflow:auto;padding:16px;background:#102131;border:1px solid #56738c;border-radius:12px;z-index:20}.bl-company-context[open] summary{position:sticky;top:-16px;background:#102131;padding:12px 0;z-index:1}.bl-company-context textarea{font:14px system-ui;color:#e9eff5;background:#07121d;border:1px solid #36516a;border-radius:8px;padding:10px}.bl-company-context button{margin:4px}

.bl-circuit>header,.bl-circuit-tools,.bl-circuit-status{flex-shrink:0}
.bl-circuit-tools{margin-top:12px;max-height:36dvh;overflow:auto;border:1px solid #36516a;border-radius:10px;padding:10px}
.bl-circuit-tools>summary{font:14px system-ui;color:#afc6d8;cursor:pointer;min-height:24px;display:list-item}
.bl-circuit-tools .bl-circuit-projects{margin-top:10px}
@media(max-width:850px){
 .bl-circuit{width:98vw;height:96dvh;max-height:96dvh}
 .bl-circuit header{flex-shrink:0}
 .bl-circuit header h2{flex:1 0 100%;font-size:22px}
 .bl-circuit .bl-circuit-body{grid-template-columns:120px minmax(0,1fr);grid-template-rows:minmax(220px,1fr) auto;overflow:auto;gap:12px;align-items:stretch}
 .bl-circuit-body>aside:first-child{max-height:360px}
 .bl-circuit .bl-circuit-inspector{display:block;grid-column:1/-1;max-height:240px;border-top:1px solid #36516a;padding-top:10px}
 .bl-circuit-tools{max-height:28dvh}
 .bl-circuit-tools select{max-width:100%;width:100%;box-sizing:border-box}
 .bl-circuit-tools .bl-circuit-projects{align-items:stretch}
 .bl-circuit-tools button{min-height:40px}
 .bl-hand-setup[open],.bl-company-context[open]{position:static;width:auto;max-width:100%;max-height:none;margin:0;box-sizing:border-box}
 .bl-circuit-status{margin:8px 0;max-height:64px;overflow:auto}
}