.bt-demo{display:block;--bt-window:#fff;--bt-fill:#f5f5f5;--bt-button:#eee;--bt-line:#ddd;--bt-ink:#333;--bt-muted:#777;color:var(--bt-ink);font:12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:left;min-width:0}
:root[data-theme=dark] .bt-demo{--bt-window:#202020;--bt-fill:#292929;--bt-button:#3a3a3a;--bt-line:#454545;--bt-ink:#eee;--bt-muted:#aaa}
.bt-demo *{box-sizing:border-box}.bt-demo [hidden]{display:none}.bt-demo button,.bt-demo input,.bt-demo select{font:inherit;color:inherit;accent-color:var(--bt-ink)}
.bt-demo button,.bt-demo select{border:0;border-radius:5px;background:var(--bt-button);padding:4px 8px;cursor:pointer}.bt-demo button:hover{filter:brightness(.95)}.bt-demo button:disabled{opacity:.4;cursor:default}.bt-demo button:focus-visible,.bt-demo input:focus-visible,.bt-demo select:focus-visible,.bt-demo summary:focus-visible,.bt-scroll:focus-visible{outline:2px solid var(--bt-ink);outline-offset:2px}
.bt-app{height:var(--demo-height,520px);display:flex;flex-direction:column;min-height:0;border-radius:15px;overflow:hidden;background:var(--bt-window);box-shadow:0 5px 12px #0002,0 18px 25px #0002}
.bt-toolbar{display:flex;align-items:center;gap:7px;min-height:43px;flex-shrink:0;padding:8px 12px;border-bottom:1px solid var(--bt-line)}.bt-toolbar>strong{font-size:14px;white-space:nowrap}.bt-spacer{flex:1;min-width:0}.bt-demo .bt-tool{display:flex;align-items:center;justify-content:center;min-width:29px;height:27px;padding:5px}.bt-demo svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.bt-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:13px 14px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--bt-line) transparent}.bt-scroll::-webkit-scrollbar{width:7px}.bt-scroll::-webkit-scrollbar-thumb{background:var(--bt-line);border-radius:8px}.bt-scroll>*+*{margin-top:11px}
.bt-demo h3{font-size:16px;line-height:1.3;font-weight:650;margin:0}.bt-demo h4{font-size:13px;margin:0}.bt-demo p{margin:0;font-size:12px;line-height:1.45}.bt-demo small{display:block;font-size:10.5px;line-height:1.45}.bt-muted{color:var(--bt-muted)}.bt-right{text-align:right}.bt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.bt-row>*{min-width:0}.bt-wrap{display:flex;flex-wrap:wrap;gap:5px}.bt-card{padding:11px;border-radius:12px;background:var(--bt-fill)}.bt-card>*+*{margin-top:9px}.bt-card .bt-row>*{margin-top:0}
.bt-demo progress{display:block;width:100%;height:7px;border:0;border-radius:6px;overflow:hidden;background:var(--bt-line);appearance:none}.bt-demo progress::-webkit-progress-bar{background:var(--bt-line);border-radius:6px}.bt-demo progress::-webkit-progress-value{background:#aaa;border-radius:6px}.bt-demo progress::-moz-progress-bar{background:#aaa;border-radius:6px}
.bt-demo .bt-suggestion{display:flex;width:100%;gap:9px;align-items:center;padding:10px;text-align:left;background:var(--bt-button);border-radius:10px}.bt-suggestion>span:nth-child(2){flex:1}.bt-suggestion small{color:var(--bt-muted);font-size:10px;margin-top:2px}.bt-suggestion b{font-size:11px}.bt-persona{display:flex;gap:10px;align-items:flex-start}.bt-persona img{width:50px;height:50px;object-fit:contain;flex-shrink:0}.bt-persona h3{font-size:15px}.bt-persona p{margin-top:6px;color:var(--bt-muted)}.bt-totals{display:flex;gap:10px;align-items:center}.bt-totals b{font-size:14px}.bt-totals>div:last-child{margin-left:auto}.bt-totals small{color:var(--bt-muted);font-size:10px;margin-top:3px}.bt-ring{width:42px;height:42px;border-radius:50%;background:conic-gradient(#999 var(--left),var(--bt-fill) 0);position:relative;flex-shrink:0}.bt-ring:after{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--bt-window)}
.bt-demo .bt-summary-link{display:flex;width:100%;align-items:center;gap:9px;padding:6px 8px;background:none;text-align:left}.bt-services{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.bt-demo .bt-services button{flex:1;min-width:58px;border:1px solid var(--bt-line);background:none;text-align:left;padding:7px 6px;border-radius:8px;font-size:10px}.bt-demo .bt-services button[aria-pressed=true]{border-color:var(--bt-ink);background:var(--bt-fill)}.bt-services small{font-size:9px;margin-top:6px;white-space:nowrap}.bt-services progress{height:4px;margin-top:3px}.bt-services b{display:block;white-space:nowrap}.bt-service-title{border-top:1px solid var(--bt-line);padding-top:10px}.bt-service-title h3{font-size:14px}
.bt-roast>small{color:var(--bt-muted);font-size:10px;margin-bottom:6px}.bt-roast blockquote{margin:0;border:1px solid var(--bt-line);border-radius:13px;padding:12px;font-weight:550}.bt-demo details{border-top:1px solid var(--bt-line);padding:8px 0}.bt-demo summary{cursor:pointer;list-style-position:inside;font-size:12px}.bt-demo .bt-disclosure{padding:10px 2px 1px}.bt-disclosure>*+*{margin-top:10px}
.bt-demo .bt-actions{position:relative;border:0;padding:0;flex-shrink:0;font-size:10.5px}.bt-actions>summary{padding:5px 8px;background:var(--bt-button);border-radius:6px;list-style:none;font-size:10.5px}.bt-actions>summary:after{content:'⌄';margin-left:8px}.bt-actions[open]>div{position:absolute;z-index:5;right:0;top:30px;width:210px;background:var(--bt-window);box-shadow:0 3px 15px #0003;border:1px solid var(--bt-line);border-radius:7px;padding:4px}.bt-actions button{display:block;width:100%;text-align:left;background:transparent}
.bt-segments{display:flex;gap:0;margin:10px 14px;padding:2px;border-radius:7px;background:var(--bt-button);flex-shrink:0}.bt-demo .bt-segments button{border-radius:5px;flex:1;padding:5px 3px;background:transparent;font-size:12px;white-space:nowrap}.bt-demo .bt-segments [aria-selected=true]{background:var(--bt-window);box-shadow:0 1px 3px #0002}.bt-filters{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;border-block:1px solid var(--bt-line);min-height:38px;flex-shrink:0}.bt-filters label{display:flex;align-items:center;gap:6px;white-space:nowrap}.bt-filters select{max-width:112px;font-size:11px}.bt-number{font-size:25px;font-weight:650;line-height:1.3}.bt-number small{font-weight:400;color:var(--bt-muted);font-size:10.5px;margin-top:4px}.bt-demo input[type=number]{width:66px;border:1px solid var(--bt-line);border-radius:5px;padding:4px 6px;background:var(--bt-window)}.bt-budget-bar{display:flex;overflow:hidden;height:7px;border-radius:6px}.bt-budget-bar i:nth-child(1){background:var(--bt-line)}.bt-budget-bar i:nth-child(2){background:var(--bt-ink);opacity:.6}.bt-budget-bar i:last-child{background:#bdbdbd;flex:1}.bt-reservation{display:flex;align-items:center;gap:6px;border-top:1px solid var(--bt-line);padding-top:10px}.bt-reservation>div{flex:1;min-width:0;overflow-wrap:anywhere}.bt-reservation b{font-size:12px}.bt-reservation small{color:var(--bt-muted);font-size:10px}.bt-reservation button{font-size:10px;padding:4px 6px}
.bt-chart{display:block;width:100%!important;height:auto!important;stroke:var(--bt-line)!important;stroke-width:1!important;margin-block:10px}.bt-chart text{fill:var(--bt-muted);stroke:none;font:10px -apple-system,sans-serif}.bt-chart circle{fill:var(--bt-ink);stroke:none}.bt-reset-chart{display:flex;justify-content:space-around;align-items:flex-end;height:135px;gap:14px;padding-top:8px}.bt-reset-chart>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.bt-reset-chart i{display:block;width:27px;max-height:90px;border-radius:4px 4px 0 0;background:#aaa}.bt-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bt-stat-grid span{font-size:11px;color:var(--bt-muted)}.bt-stat-grid b{display:block;font-size:15px;color:var(--bt-ink);margin-top:2px}
.bt-toggle{display:flex;align-items:center;gap:6px}.bt-demo hr{border:0;border-top:1px solid var(--bt-line);margin-block:16px}.bt-demo fieldset{border:1px solid var(--bt-line);border-radius:6px;padding:8px 10px;display:flex;gap:16px}.bt-demo legend{font-size:11px;padding-inline:5px}.bt-connection{padding-block:9px;border-bottom:1px solid var(--bt-line)}.bt-connection>*+*{margin-top:7px}.bt-path{font:9.5px/1.5 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;color:var(--bt-muted)}.bt-footer{display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--bt-line);font-size:10px;color:var(--bt-muted);flex-shrink:0;min-height:40px}.bt-footer button{font-size:10px}.bt-footer [role=status]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-demo-tools{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 2px;color:var(--muted);font-size:10px}.bt-demo-tools label{display:flex;gap:5px;align-items:center}.bt-demo-tools select{background:transparent;color:inherit;padding:2px;font-size:10px}.bt-demo-tools button{background:transparent;padding:2px;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.bt-demo .bt-sheet{width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;padding:18px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-window);color:var(--bt-ink);box-shadow:0 20px 70px #0005;text-align:left;font-size:12px}.bt-sheet::backdrop{background:#0006}.bt-sheet>.bt-row{margin-bottom:16px;align-items:flex-start}.bt-sheet h3{font-size:16px}.bt-sheet p{margin-block:10px}.bt-sheet small{color:var(--bt-muted)}.bt-sheet form{display:flex;flex-direction:column;gap:12px}.bt-sheet form label{display:flex;flex-direction:column;gap:5px}.bt-sheet input,.bt-sheet select{padding:7px!important;width:100%!important;max-width:100%;border:1px solid var(--bt-line)!important;border-radius:5px;background:var(--bt-window)!important;min-height:33px}.bt-sheet form>button{align-self:flex-end;padding:6px 14px}.bt-form-error{color:var(--bt-ink);font-weight:600}.bt-form-error:empty{display:none}
.mac-desktop{height:610px}.mac-popover{width:390px;max-width:calc(100% - 28px)}.mac-desktop[data-preview=notch] .mac-popover{top:39px}.mac-popover .bt-demo{--demo-height:520px}.preview-caption-note{font-size:11px;color:var(--muted);margin-top:6px}
@media(max-width:420px){.mac-desktop{height:605px;aspect-ratio:auto}.mac-popover{width:calc(100% - 24px);right:12px;max-width:none}.bt-demo{font-size:11px}.bt-filters{padding-inline:10px;font-size:10.5px;gap:5px}.bt-filters select{font-size:10.5px;max-width:94px}.bt-demo .bt-segments button{font-size:11px}.bt-toolbar{gap:5px;padding-inline:10px}.bt-toolbar>strong{font-size:13px}.bt-demo .bt-tool{min-width:26px;width:26px;height:26px}.bt-scroll{padding-inline:11px}.bt-services small{font-size:8.5px}.bt-services button{min-width:55px!important}.bt-reservation{flex-wrap:wrap}.bt-sheet{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.bt-demo *{scroll-behavior:auto}}

.bt-sheet form .bt-confirm{flex-direction:row;align-items:center}.bt-sheet .bt-confirm input{width:auto!important;min-height:0;padding:0!important}