.bb-demo{padding-top:34px;padding-bottom:80px}.bb-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:.88rem;color:var(--portal-muted,#a6abb5);margin-bottom:30px}.bb-breadcrumb a{color:inherit;text-decoration:none}.bb-header{display:grid;grid-template-columns:1fr 245px;gap:60px;align-items:center;margin-bottom:35px}.bb-eyebrow{font-size:.76rem;letter-spacing:.13em;color:var(--portal-accent,#ff8a3c);font-weight:700}.bb-header h1{font-size:clamp(2.3rem,4.5vw,3.8rem);line-height:1.25;letter-spacing:-.03em;margin:16px 0 22px}.bb-header p{max-width:710px;font-size:1.05rem;line-height:1.95;color:var(--portal-muted,#a6abb5)}.bb-case-picker{border-left:2px solid var(--portal-accent,#ff8a3c);padding-left:24px;display:flex;flex-direction:column;gap:12px}.bb-case-picker label{font-size:.8rem;letter-spacing:.1em}.bb-case-picker span{font-size:.9rem;color:var(--portal-muted,#a6abb5);line-height:1.8}.bb-demo select,.bb-demo textarea,.bb-demo input[type=number]{border:1px solid var(--portal-line,#34383c);border-radius:8px;background:var(--portal-elevated,#1b1e24);color:var(--portal-text,#f4f4f2);padding:12px;width:100%;font:inherit}.bb-reset,.bb-notebook button{padding:11px 14px;border:1px solid var(--portal-line,#34383c);border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer}.bb-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start}.bb-main{min-width:0}.bb-panel{background:var(--portal-surface,#14161b);border:1px solid var(--portal-line,#2a2d34);border-radius:14px;padding:28px;margin-bottom:24px}.bb-panel h2{font-size:1.2rem;margin:0 0 18px;line-height:1.65}.bb-panel p{font-size:.95rem;line-height:1.9;color:var(--portal-muted,#a6abb5)}.bb-panel-heading{display:flex;gap:15px;justify-content:space-between;align-items:baseline}.bb-panel-heading>span{font: .85rem ui-monospace,Consolas,monospace;white-space:nowrap;color:var(--portal-accent,#ff8a3c)}.bb-scene svg{width:100%;display:block;margin:15px 0 24px}.bb-scene svg text{fill:var(--portal-muted,#a6abb5);font:14px 'Noto Sans Thai',sans-serif}.bb-observations{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--portal-line,#34383c);padding-top:23px}.bb-observations small{font-size:.75rem;letter-spacing:.08em;color:var(--portal-muted,#a6abb5)}.bb-observations strong{display:block;font-size:1.75rem;font-variant-numeric:tabular-nums;margin-top:5px}.bb-demo .bb-caption{font-size:.83rem;line-height:1.85;margin:20px 0 0;color:var(--portal-muted,#a6abb5)}.bb-tests{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.bb-tests button{position:relative;display:flex;flex-direction:column;align-items:start;gap:12px;background:var(--portal-elevated,#1b1e24);border:1px solid var(--portal-line,#34383c);border-radius:10px;padding:20px;text-align:left;color:inherit;font:inherit;cursor:pointer}.bb-tests button:hover:enabled{border-color:var(--portal-accent,#ff8a3c)}.bb-test-cost{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--portal-accent,#ff8a3c);color:var(--portal-accent,#ff8a3c);font: .95rem ui-monospace,monospace}.bb-tests strong{font-size:1rem;line-height:1.65}.bb-tests small{font-size:.88rem;line-height:1.8;color:var(--portal-muted,#a6abb5)}.bb-test-action{font-size:.85rem;color:var(--portal-accent,#ff8a3c);margin-top:auto}.bb-tests button:disabled{cursor:default;opacity:.65}.bb-evidence article{display:flex;gap:16px;border-top:1px solid var(--portal-line,#34383c);padding:20px 0}.bb-evidence article>span{font: .85rem ui-monospace,monospace;color:var(--portal-accent,#ff8a3c)}.bb-evidence h3{font-size:.9rem;font-weight:400;margin:0 0 10px;color:var(--portal-muted,#a6abb5);line-height:1.8}.bb-evidence strong{font-size:1.2rem;line-height:1.8}.bb-evidence p{margin-bottom:0}.bb-empty{text-align:center;border:1px dashed var(--portal-line,#34383c);padding:25px}.bb-aside{position:sticky;top:110px}.bb-notebook{padding:25px;border:1px solid var(--portal-line,#34383c);border-top:3px solid var(--portal-accent,#ff8a3c);background:var(--portal-surface,#14161b)}.bb-notebook h2{font-size:1.2rem;line-height:1.7;margin:14px 0}.bb-notebook ol{padding-left:20px}.bb-notebook li{padding:8px 0;font-size:.93rem;line-height:1.85}.bb-linked{padding:25px 3px}.bb-linked h3{font-size:.95rem}.bb-linked a{display:block;padding:8px 0;font-size:.9rem;color:var(--portal-muted,#a6abb5);text-decoration:none}.bb-linked a:hover{color:var(--portal-accent,#ff8a3c)}.bb-demo fieldset{border:0;padding:0;margin:0 0 25px}.bb-demo legend{font-size:1rem;margin-bottom:12px}.bb-demo fieldset label{display:flex;gap:12px;align-items:center;border:1px solid var(--portal-line,#34383c);padding:14px;border-radius:7px;margin:10px 0;cursor:pointer}.bb-demo fieldset label:has(input:checked){border-color:var(--portal-accent,#ff8a3c)}.bb-demo input[type=radio]{width:18px;height:18px;accent-color:var(--portal-accent,#ff8a3c)}.bb-demo textarea{margin:12px 0 20px;line-height:1.85;resize:vertical}.bb-feedback:not(:empty){padding:20px;border-left:3px solid var(--portal-accent,#ff8a3c);background:var(--portal-elevated,#1b1e24);margin-top:22px;line-height:1.85;font-size:1rem}.bb-repair-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.bb-repair-controls label{display:flex;flex-direction:column;gap:10px;font-size:.9rem}.bb-demo [hidden]{display:none!important}.bb-demo :focus-visible{outline:2px solid var(--portal-accent,#ff8a3c);outline-offset:4px}@media(max-width:1000px){.bb-layout{grid-template-columns:1fr 230px;gap:20px}.bb-header{gap:30px}.bb-panel{padding:22px}.bb-observations strong{font-size:1.4rem}}@media(max-width:760px){.bb-layout,.bb-header{grid-template-columns:1fr}.bb-header{gap:25px}.bb-aside{position:static}.bb-case-picker{max-width:360px}.bb-panel{padding:20px}.bb-tests{gap:10px}.bb-tests button{padding:15px}.bb-panel-heading{flex-wrap:wrap}.bb-observations{gap:10px}.bb-observations strong{font-size:1.2rem}.bb-header h1{font-size:2.5rem}}@media(max-width:420px){.bb-tests,.bb-repair-controls{grid-template-columns:1fr}.bb-panel{padding:16px}}