.builder{padding-bottom:64px}.b-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.b-actions{gap:8px;display:flex}.b-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px;margin-top:8px;display:grid}.b-panel{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius);max-height:calc(100vh - 100px);padding:4px 0;position:sticky;top:84px;overflow-y:auto}.b-main{flex-direction:column;gap:12px;min-width:0;display:flex}.b-btn{border:1px solid var(--ink);background:var(--ink);color:#fff;height:34px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.b-btn:hover{background:var(--ink-2);border-color:var(--ink-2)}.b-btn-quiet{background:var(--sheet);color:var(--ink);border-color:var(--rule-2)}.b-btn-quiet:hover{background:var(--paper);border-color:var(--ink);color:var(--ink)}.b-icon{width:26px;height:26px;color:var(--muted);font:600 14px/1 var(--font);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;display:inline-grid}.b-icon:hover:not(:disabled){border-color:var(--rule-2);color:var(--ink);background:var(--paper)}.b-icon:disabled{opacity:.3;cursor:default}.b-section{border-bottom:1px solid var(--rule)}.b-section:last-child{border-bottom:0}.b-section>summary{cursor:pointer;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:700;list-style:none;display:flex}.b-section>summary::-webkit-details-marker{display:none}.b-section>summary:before{content:"";background:var(--amber);border-radius:2px;width:4px;height:16px}.b-section>summary:after{content:"+";color:var(--muted);margin-left:auto;font-weight:500}.b-section[open]>summary:after{content:"−"}.b-section-body{flex-direction:column;gap:10px;padding:0 16px 16px;display:flex}.b-field[hidden]{display:none}.b-field{flex-direction:column;gap:4px;min-width:0;display:flex}.b-field label{color:var(--ink-2);font-size:12.5px;font-weight:600}.b-field input,.b-field select,.b-field textarea{border:1px solid var(--rule-2);width:100%;height:34px;color:var(--ink);font:inherit;background:#fff;border-radius:7px;padding:0 9px;font-size:14px}.b-field textarea{height:auto;font-family:var(--mono);resize:vertical;padding:8px 9px;font-size:12.5px}.b-field input:disabled{background:var(--paper);color:var(--muted)}.b-field input:focus,.b-field select:focus,.b-field textarea:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:var(--blue)}.b-grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.b-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;display:grid}.b-row>.b-icon{margin-bottom:4px}.b-row:has(.b-field:nth-child(3):not([hidden])){grid-template-columns:1fr 1fr 70px auto}.b-checks{flex-wrap:wrap;gap:6px 14px;display:flex}.b-check{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:inline-flex}.b-check input{width:16px;height:16px;accent-color:var(--blue)}.b-hint{color:var(--muted);margin-top:-4px;font-size:12.5px}.b-msg{color:#a14b00;font-size:13px}.b-msg:empty{display:none}.b-own{border:1px dashed var(--rule-2);border-radius:8px;padding:8px 10px}.b-own>summary{cursor:pointer;font-size:14px;font-weight:600}.b-own[open]{flex-direction:column;gap:8px;display:flex}.b-own .b-btn,.b-section-body>.b-btn{align-self:flex-start}.b-cols{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.b-col{border:1px solid var(--rule);background:#fff;border-radius:8px;position:relative}.b-col summary{cursor:pointer;align-items:baseline;gap:8px;min-width:0;padding:7px 92px 7px 10px;list-style:none;display:flex}.b-col summary::-webkit-details-marker{display:none}.b-col-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.b-col-meta{color:var(--muted);white-space:nowrap;font-size:12px}.b-col-moves{gap:2px;display:flex;position:absolute;top:4px;right:4px}.b-col-body{grid-template-columns:1fr 1fr;gap:8px;padding:2px 10px 12px;display:grid}.b-col-body .b-wide,.b-col-body .b-hint,.b-col-body .b-checks{grid-column:1/-1}.b-col details[open]>summary{border-bottom:1px solid var(--rule);margin-bottom:8px}.b-bar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.b-bar h2{font-size:18px;font-weight:700}.b-status{color:var(--muted);font-size:14px}.b-preview{border-radius:var(--radius);background:var(--sheet);height:460px}.b-code-bar{margin-top:12px}.b-tabs{border-bottom:1px solid var(--rule);scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.b-tabs button{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:14px;font-weight:600}.b-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--amber)}.b-code{background:var(--code-bg);color:var(--code-fg);border-radius:var(--radius);max-height:520px;overflow:auto}.b-code pre{font:13px/1.6 var(--mono);tab-size:2;margin:0;padding:18px 20px}.b-code code{font-size:inherit;color:inherit;white-space:pre;background:0 0;padding:0}@media (width<=960px){.b-layout{grid-template-columns:minmax(0,1fr)}.b-panel{max-height:none;position:static}.b-preview{height:400px}}@media (width<=480px){.b-grid2,.b-col-body{grid-template-columns:minmax(0,1fr)}.b-row,.b-row:has(.b-field:nth-child(3):not([hidden])){grid-template-columns:1fr 1fr}}