.bd-page{padding:144px max(20px,50vw - 640px) 80px}.bd-demo{--bd-surface:var(--card);--bd-panel:var(--secondary);--bd-raised:var(--popover);--bd-quiet:color-mix(in srgb, var(--muted-foreground) 70%, var(--card));--bd-line:color-mix(in srgb, var(--foreground) 8%, transparent);--bd-edge:color-mix(in srgb, var(--foreground) 12%, transparent);--bd-selection:color-mix(in srgb, var(--foreground) 7%, var(--card));--bd-light:var(--card);--bd-ink:var(--foreground);--bd-sheen:color-mix(in srgb, var(--bd-light) 24%, transparent);--bd-reflection:color-mix(in srgb, var(--bd-light) 66%, transparent);--bd-reflection-soft:color-mix(in srgb, var(--bd-light) 14%, transparent);--bd-rim:color-mix(in srgb, var(--foreground) 12%, transparent);--bd-rim-soft:color-mix(in srgb, var(--bd-light) 32%, transparent);--bd-shadow:0 12px 24px -16px color-mix(in srgb, var(--bd-ink) 18%, transparent), 0 2px 5px color-mix(in srgb, var(--bd-ink) 4%, transparent);--bd-floating-shadow:0 9px 20px -10px color-mix(in srgb, var(--bd-ink) 22%, transparent), 0 2px 5px color-mix(in srgb, var(--bd-ink) 7%, transparent);max-width:1280px;color:var(--foreground);margin:auto}.dark .bd-demo{--bd-panel:var(--card);--bd-light:var(--foreground);--bd-ink:var(--background);--bd-sheen:color-mix(in srgb, var(--bd-light) 3%, transparent);--bd-reflection:color-mix(in srgb, var(--bd-light) 7%, transparent);--bd-reflection-soft:color-mix(in srgb, var(--bd-light) 1.5%, transparent);--bd-rim:color-mix(in srgb, var(--bd-light) 19%, transparent);--bd-rim-soft:color-mix(in srgb, var(--bd-light) 5%, transparent)}.bd-demo *,.bd-demo :before,.bd-demo :after{box-sizing:border-box}.bd-demo .bd-intro{justify-content:space-between;align-items:end;gap:24px;margin-bottom:42px;display:flex}.bd-demo .bd-eyebrow{color:var(--muted-foreground);letter-spacing:.14em;margin:0 0 12px;font-size:11px;font-weight:500}.bd-demo .bd-intro .section-title{text-align:left;margin:0}.bd-demo .bd-lead{color:var(--muted-foreground);margin:18px 0 0;font-size:14px;line-height:1.7}.bd-demo .bd-controls{flex-shrink:0;align-items:center;gap:20px;padding-bottom:3px;font-size:12px;display:flex}.bd-demo .bd-controls label{white-space:nowrap;cursor:pointer;color:var(--muted-foreground);align-items:center;gap:7px;display:flex}.bd-demo .bd-controls input{accent-color:var(--primary);width:14px;height:14px;margin:0}.bd-demo .bd-controls button{border:1px solid var(--border);background:var(--card);color:var(--foreground);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:18px;padding:10px 14px;display:flex}.bd-demo .bd-controls button:hover{background:var(--secondary)}.bd-demo .bd-controls :is(button,input):focus-visible{outline:2px solid var(--ring);outline-offset:4px}.bd-demo .bd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.bd-demo .bd-card{aspect-ratio:1;isolation:isolate;border:1px solid var(--bd-line);background:radial-gradient(ellipse at 65% 25%, var(--bd-sheen), transparent 68%), var(--bd-surface);min-width:0;min-height:0;box-shadow:inset 0 1px 0 var(--bd-sheen);border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden}.bd-demo .bd-scene{isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}.bd-demo .bd-fade{-webkit-mask-image:linear-gradient(to bottom, var(--foreground) 0 77%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, var(--foreground) 0 77%, transparent 100%);mask-image:linear-gradient(to bottom, var(--foreground) 0 77%, transparent 100%)}.bd-demo .bd-copy{z-index:4;flex:none;padding:0 28px 27px;position:relative}.bd-demo .bd-copy h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:21px;font-weight:550;line-height:1.4}.bd-demo .bd-copy p{color:var(--muted-foreground);margin:11px 0 0;font-size:13px;line-height:1.7}.bd-demo .bd-copy-top{padding:28px 28px 22px}.bd-demo .bd-panel{border:1px solid var(--bd-line);border-top-color:var(--bd-rim);background:linear-gradient(145deg, var(--bd-reflection), transparent 36%, transparent 72%, var(--bd-reflection-soft)), linear-gradient(155deg, color-mix(in srgb, var(--bd-raised) 86%, transparent), color-mix(in srgb, var(--bd-panel) 72%, transparent));box-shadow:inset 0 1px 0 var(--bd-rim-soft), inset 0 -1px 0 color-mix(in srgb, var(--bd-ink) 4%, transparent), var(--bd-shadow);border-radius:13px;position:absolute;overflow:hidden}.bd-demo .bd-dots{flex:none;align-items:center;gap:5px;display:inline-flex}.bd-demo .bd-dots i{background:var(--muted-foreground);opacity:.3;border-radius:50%;width:5px;height:5px}.bd-demo .bd-panel-title{border-bottom:1px solid var(--bd-line);height:47px;color:var(--foreground);flex:none;justify-content:space-between;align-items:center;margin-inline:18px;font-size:13px;display:flex}.bd-demo .bd-panel-title>span{color:var(--bd-quiet);letter-spacing:1px}.bd-demo .bd-quiet{opacity:.6}.bd-demo .bd-editor-back{opacity:.5;width:71%;height:270px;top:28px;left:15%}.bd-demo .bd-editor{border-radius:15px;width:84%;height:286px;padding:25px 17px;top:40px;left:9%}.bd-demo .bd-code-line{grid-template-columns:17px minmax(0,1fr);align-items:center;gap:12px;min-height:28px;display:grid}.bd-demo .bd-code-line>i{color:var(--bd-quiet);font:10px var(--site-font-mono)}.bd-demo .bd-code-line code{color:var(--muted-foreground);white-space:pre;font:11px/1.8 var(--site-font-mono);overflow:hidden}.bd-demo .bd-code-line code :is(b,em){color:var(--foreground);font-style:normal;font-weight:500}.bd-demo .bd-code-line code b{color:var(--info-soft-foreground)}.bd-demo .bd-code-picked code{background:var(--info-soft);width:fit-content;max-width:100%;color:var(--foreground);border-radius:3px;padding-inline:3px}.bd-demo .bd-code-quiet{opacity:.45}.bd-demo .bd-presence{z-index:3;filter:drop-shadow(0 3px 4px var(--overlay));align-items:start;gap:3px;font-size:10px;display:flex;position:absolute}.bd-demo .bd-presence>i{background:var(--clay);clip-path:polygon(0 0,100% 45%,55% 61%,29% 100%);width:11px;height:15px}.bd-demo .bd-presence>span{background:var(--info-soft);color:var(--info-soft-foreground);border-radius:18px;margin-top:13px;padding:5px 10px}.bd-demo .bd-presence-one{animation:8s ease-in-out infinite bd-edit;top:91px;right:16%}.bd-demo .bd-presence-two{top:170px;left:41%}.bd-demo .bd-presence-two>i{background:var(--muted-foreground)}.bd-demo .bd-presence-two>span{background:var(--muted-foreground);color:var(--background)}.bd-demo .bd-browser{border-radius:14px;width:85%;height:292px;top:40px;left:10%}.bd-demo .bd-browser-tabs{border-bottom:1px solid var(--bd-line);align-items:stretch;height:34px;padding-left:11px;display:flex}.bd-demo .bd-browser-tabs>.bd-dots{margin-right:12px}.bd-demo .bd-browser-tabs>span:not(.bd-dots){white-space:nowrap;color:var(--bd-quiet);flex:1;justify-content:space-between;align-items:center;gap:12px;padding:0 11px;font-size:9px;display:flex}.bd-demo .bd-browser-tabs>.is-active{border-inline:1px solid var(--bd-line);border-top:1px solid var(--bd-line);background:var(--bd-panel);color:var(--muted-foreground);border-radius:7px 7px 0 0}.bd-demo .bd-browser-tabs i{font-style:normal}.bd-demo .bd-addressbar{color:var(--bd-quiet);align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex}.bd-demo .bd-addressbar b{background:var(--bd-selection);white-space:nowrap;border-radius:20px;flex:1;padding:6px 9px;font-size:9px;font-weight:400;overflow:hidden}.bd-demo .bd-avatar{width:20px;height:20px;color:var(--foreground);background:var(--bd-selection);border-radius:50%;flex:none;place-items:center;font-size:9px;display:grid}.bd-demo .bd-browser-content{border:1px solid var(--bd-line);border-radius:12px;width:70%;height:170px;margin:17px auto 0;position:relative}.bd-demo .bd-document{border:1px solid var(--bd-line);background:var(--bd-panel);border-radius:11px;padding:21px;position:absolute;inset:9px -10px -10px 9px}.bd-demo .bd-document>span{background:var(--bd-line);border-radius:4px;width:72%;height:5px;margin-bottom:13px;display:block}.bd-demo .bd-document>span:nth-child(2){width:49%}.bd-demo .bd-document>span:nth-child(3){width:89%}.bd-demo .bd-document>div{border:1px solid var(--bd-line);background:linear-gradient(140deg, var(--bd-selection), transparent);border-radius:6px;height:64px;margin-top:19px}.bd-demo .bd-link-chip{border:1px solid var(--bd-edge);background:var(--popover);color:var(--foreground);box-shadow:var(--bd-shadow);border-radius:9px;align-items:center;gap:9px;padding:10px 15px;font-size:11px;animation:9s ease-in-out infinite bd-link-copy;display:flex;position:absolute;top:180px;left:25%}.bd-demo .bd-link-chip>b{color:var(--success-soft-foreground);margin-left:9px;font-weight:400}.bd-demo .bd-table{height:278px;padding-bottom:8px;top:32px;left:26px;right:26px}.bd-demo .bd-table-row{border-bottom:1px solid var(--bd-line);min-height:40px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;grid-template-columns:1.2fr 1fr .6fr;align-items:center;gap:8px;margin-inline:18px;font-size:11px;display:grid}.bd-demo .bd-table-row>:last-child{text-align:right}.bd-demo .bd-table-head{min-height:34px;font-size:10px}.bd-demo .bd-table-muted{color:var(--bd-quiet)}.bd-demo .bd-row-origin{border:1px dashed var(--bd-edge);border-radius:9px;height:45px;margin:2px 11px;position:relative}.bd-demo .bd-row-raised{border:1px solid color-mix(in srgb, var(--foreground) 26%, transparent);background:linear-gradient(165deg, var(--bd-raised), var(--bd-selection));color:var(--foreground);box-shadow:inset 0 1px 0 var(--bd-sheen), var(--bd-shadow);border-radius:9px;margin:0;padding-inline:9px;animation:8s ease-in-out infinite bd-select-row;position:absolute;inset:0;transform:translateY(-4px)rotate(-1.7deg)}.bd-demo .bd-hand{z-index:2;color:var(--foreground);font-size:15px;position:absolute;bottom:-13px;right:25%;transform:rotate(-24deg)}.bd-demo .bd-folder-window{border-radius:12px 12px 0 0;height:338px;padding:0 16px;top:6px;left:28px;right:28px}.bd-demo .bd-folder-heading{border-bottom:1px solid var(--bd-line);align-items:center;gap:10px;height:50px;font-size:12px;display:flex}.bd-demo .bd-folder-heading>i{color:var(--muted-foreground);font-size:16px}.bd-demo .bd-folder-heading>b{border:1px solid var(--bd-line);color:var(--bd-quiet);border-radius:4px;margin-left:auto;padding:3px 5px;font-size:9px;font-weight:400}.bd-demo .bd-tree-root,.bd-demo .bd-tree-children>div{height:35px;color:var(--muted-foreground);align-items:center;gap:9px;font-size:12px;display:flex}.bd-demo .bd-tree-root{margin-top:8px}.bd-demo .bd-tree-root>b{color:var(--foreground);font-weight:500}.bd-demo :is(.bd-tree-root,.bd-tree-children) small{color:var(--bd-quiet);margin-left:auto;font-size:9px}.bd-demo .bd-tree-children{border-left:1px solid var(--bd-line);margin-left:9px;padding-left:18px}.bd-demo .bd-tree-children .bd-tree-selected{border:1px solid color-mix(in srgb, var(--selection) 24%, transparent);background:var(--info-soft);color:var(--info-soft-foreground);border-radius:6px;margin-left:-8px;padding-inline:8px;position:relative}.bd-demo .bd-tree-selected>b{font-size:10px;font-weight:400;animation:10s ease-in-out infinite bd-confirm}.bd-demo .bd-command{border-radius:12px 12px 0 0;height:348px;padding:5px;top:6px;left:28px;right:28px}.bd-demo .bd-command-input{border:1px solid var(--bd-line);background:linear-gradient(150deg, var(--bd-reflection-soft), transparent 48%);height:47px;box-shadow:inset 0 1px 0 var(--bd-rim-soft);color:var(--foreground);border-radius:7px 7px 0 0;align-items:center;gap:9px;padding-inline:11px;font-size:12px;display:flex}.bd-demo .bd-command-input>i{color:var(--muted-foreground);font-size:13px}.bd-demo .bd-command-input>span{flex:1}.bd-demo .bd-command-input kbd{border:1px solid var(--bd-edge);color:var(--muted-foreground);font:10px var(--site-font-mono);border-radius:4px;padding:3px 5px}.bd-demo .bd-caret{vertical-align:middle;background:var(--foreground);width:1px;height:12px;margin-left:4px;animation:8s ease-in-out infinite bd-caret;display:inline-block}.bd-demo .bd-result-group{color:var(--bd-quiet);align-items:center;gap:6px;padding:13px 11px 6px;font-size:10px;display:flex}.bd-demo .bd-result-group b{background:var(--bd-selection);border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-weight:400;display:grid}.bd-demo .bd-result{height:35px;color:var(--muted-foreground);align-items:center;gap:9px;padding-inline:11px;font-size:12px;display:flex}.bd-demo .bd-result>span{flex:1}.bd-demo .bd-result em{border:1px solid var(--bd-line);background:var(--bd-selection);color:var(--muted-foreground);border-radius:14px;padding:3px 6px;font-size:9px;font-style:normal}.bd-demo .bd-result-picked{border-left:2px solid var(--selection);background:linear-gradient(90deg, var(--info-soft), transparent);color:var(--foreground);padding-left:9px}.bd-demo .bd-result-picked em{background:var(--info-soft);color:var(--info-soft-foreground)}.bd-demo .bd-result-picked>b{font-size:12px;font-weight:400}.bd-demo .bd-chart-back{opacity:.45;width:73%;height:258px;padding:20px;top:25px;left:7%}.bd-demo .bd-chart-back>span{color:var(--bd-quiet);font-size:11px}.bd-demo .bd-chart-back>i{border:1px dashed var(--bd-edge);border-radius:4px;height:30px;margin-top:17px;display:block}.bd-demo .bd-chart{flex-direction:column;width:78%;height:250px;display:flex;top:40px;left:15%}.bd-demo .bd-chart .bd-panel-title{height:43px;color:var(--muted-foreground);border:0;font-size:11px}.bd-demo .bd-chart-total{letter-spacing:-.035em;align-items:baseline;gap:7px;padding-inline:18px;font-size:29px;font-weight:550;display:flex}.bd-demo .bd-chart-total small{color:var(--muted-foreground);font-size:10px;font-weight:400}.bd-demo .bd-chart-total em{background:var(--success-soft);color:var(--success-soft-foreground);letter-spacing:0;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:9px;font-style:normal;font-weight:400}.bd-demo .bd-chart-plot{background:repeating-linear-gradient(90deg, var(--bd-line) 0 1px, transparent 1px 20%);flex:1;margin:25px 18px 0;position:relative}.bd-demo .bd-chart-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bd-demo #bd-area stop{stop-color:var(--clay);stop-opacity:.14}.bd-demo #bd-area stop:last-child{stop-opacity:.01}.bd-demo .bd-chart-fill{fill:url(#bd-area)}.bd-demo .bd-chart-line{fill:none;stroke:var(--clay);stroke-width:1.5px;vector-effect:non-scaling-stroke}.bd-demo .bd-chart-guide{stroke:var(--clay);stroke-width:1px;opacity:.2;vector-effect:non-scaling-stroke}.bd-demo .bd-chart-plot circle{fill:var(--clay);stroke:var(--info-soft);stroke-width:6px;paint-order:stroke}.bd-demo .bd-chart-label{border:1px solid color-mix(in srgb, var(--clay) 35%, transparent);background:var(--popover);color:var(--info-soft-foreground);white-space:nowrap;border-radius:20px;padding:3px 7px;font-size:10px;position:absolute;top:calc(24.14% - 27px);left:77.5%;transform:translate(-50%)}.bd-demo .bd-chart-days{color:var(--bd-quiet);justify-content:space-between;padding:10px 18px 14px;font-size:9px;display:flex}.bd-demo .bd-chart-receipt{z-index:3;border:1px solid var(--bd-edge);background:var(--popover);box-shadow:var(--bd-shadow);border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:10px;animation:11s ease-in-out infinite bd-link-copy;display:flex;position:absolute;top:254px;left:8%}.bd-demo .bd-chart-receipt small{color:var(--bd-quiet);margin-left:10px;font-size:9px}.bd-demo .bd-chart-receipt>i{color:var(--success-soft-foreground)}.bd-demo .bd-work-window{border-radius:11px;width:460px;height:320px;top:8px;left:28px}.bd-demo .bd-work-bar{border-bottom:1px solid var(--bd-line);justify-content:space-between;align-items:center;gap:18px;height:27px;padding-inline:10px;display:flex}.bd-demo .bd-work-bar>span:not(.bd-dots){border:1px solid var(--bd-line);text-align:center;width:47%;color:var(--bd-quiet);border-radius:4px;padding:3px;font-size:8px}.bd-demo .bd-work-bar>b{color:var(--bd-quiet);font-size:10px;font-weight:400}.bd-demo .bd-work-body{grid-template-columns:86px minmax(0,1fr);height:calc(100% - 27px);display:grid}.bd-demo .bd-work-body aside{border-right:1px solid var(--bd-line);color:var(--muted-foreground);flex-direction:column;gap:6px;padding:16px 6px;font-size:9px;display:flex}.bd-demo .bd-work-body aside strong{color:var(--foreground);padding:0 5px 8px;font-size:10px;font-weight:500}.bd-demo .bd-work-body aside span{padding:6px}.bd-demo .bd-work-body aside .is-on{background:var(--info-soft);color:var(--info-soft-foreground);border-radius:4px}.bd-demo .bd-work-main{min-width:0}.bd-demo .bd-work-search{border-bottom:1px solid var(--bd-line);height:32px;color:var(--bd-quiet);justify-content:space-between;padding:10px;font-size:9px;display:flex}.bd-demo .bd-work-tools{border-bottom:1px solid var(--bd-line);height:29px;color:var(--bd-quiet);gap:16px;padding:9px 11px;font-size:8px;display:flex}.bd-demo .bd-work-tools>span:first-child{color:var(--foreground)}.bd-demo .bd-work-columns{grid-template-columns:117px minmax(0,1fr);height:100%;display:grid}.bd-demo .bd-work-list{border-right:1px solid var(--bd-line);color:var(--bd-quiet);flex-direction:column;gap:12px;padding:13px 10px;font-size:9px;display:flex}.bd-demo .bd-work-list b{color:var(--muted-foreground);font-weight:400}.bd-demo .bd-work-code{flex-direction:column;gap:10px;padding:14px;display:flex}.bd-demo .bd-work-code code{white-space:pre;font:9px var(--site-font-mono);color:var(--muted-foreground)}.bd-demo .bd-work-code :is(b,em){color:var(--foreground);font-style:normal;font-weight:400}.bd-demo .bd-work-code small{color:var(--bd-quiet);font-size:8px}.bd-demo .bd-view-chip{z-index:2;border:1px solid var(--bd-edge);background:var(--popover);box-shadow:var(--bd-shadow);border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:11px;display:flex;position:absolute;top:206px;left:53px;transform:rotate(-4deg)}.bd-demo .bd-view-chip>b{color:var(--info-soft-foreground);margin-left:16px;font-weight:400}.bd-demo .bd-audio-stack{grid-template-rows:1fr 1fr;gap:8px;display:grid;position:absolute;inset:7px 28px 23px}.bd-demo .bd-audio-stack .bd-panel{box-shadow:inset 0 1px 0 var(--bd-sheen);border-radius:10px;position:relative}.bd-demo .bd-audio-source{flex-direction:column;display:flex}.bd-demo .bd-waveform{background:var(--card);flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.bd-demo .bd-waveform svg{width:92%;height:82%}.bd-demo .bd-waveform path{stroke:var(--muted-foreground);stroke-width:1.3px;fill:none;vector-effect:non-scaling-stroke}.bd-demo .bd-scan{border-left:1px solid var(--clay);background:linear-gradient(90deg, var(--info-soft), transparent);animation:9s ease-in-out infinite bd-wave-scan;position:absolute;inset:0 0 0 57%}.bd-demo .bd-file-meta{border-top:1px solid var(--bd-line);background:linear-gradient(140deg, var(--bd-reflection-soft), transparent 60%);height:29px;color:var(--bd-quiet);flex:none;justify-content:space-between;align-items:center;padding-inline:13px;font-size:9px;display:flex}.bd-demo .bd-file-meta>b{border:1px solid var(--bd-edge);background:var(--info-soft);color:var(--info-soft-foreground);border-radius:12px;padding:2px 7px;font-size:9px;font-weight:400}.bd-demo .bd-audio-result .bd-file-meta{border-top:0}.bd-demo .bd-audio-result .bd-file-meta>b{background:var(--success-soft);color:var(--success-soft-foreground)}.bd-demo .bd-audio-result p{color:var(--muted-foreground);margin:0;padding:14px 16px;font-size:12px;line-height:1.8}.bd-demo .bd-audio-result p>span{color:var(--bd-quiet);display:block}.bd-demo .bd-convert-node{border:4px solid var(--card);background:var(--success-soft);width:33px;height:33px;box-shadow:0 0 0 1px var(--bd-edge);color:var(--success-soft-foreground);border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bd-demo .bd-upload-window{border-radius:11px;height:235px;top:8px;left:28px;right:28px}.bd-demo .bd-upload-head{border-bottom:1px solid var(--bd-line);background:linear-gradient(140deg, var(--bd-reflection-soft), transparent 60%);height:38px;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding-inline:16px;font-size:11px;display:flex}.bd-demo .bd-upload-head>span{color:var(--bd-quiet);font-size:9px}.bd-demo .bd-upload-row{grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:5px 11px;padding:13px 16px 0;display:grid}.bd-demo .bd-file-icon{border:1px solid var(--bd-edge);background:linear-gradient(135deg, var(--bd-selection), var(--card));border-radius:3px;width:26px;height:32px;display:block;position:relative}.bd-demo .bd-file-icon:before{content:"";border-left:1px solid var(--bd-edge);border-bottom:1px solid var(--bd-edge);background:var(--bd-raised);clip-path:polygon(0 0,100% 100%,0 100%);width:9px;height:9px;position:absolute;top:-1px;right:-1px}.bd-demo .bd-file-icon>b{background:var(--info-soft);color:var(--info-soft-foreground);border-radius:8px;padding:2px 4px;font-size:7px;font-weight:500;position:absolute;bottom:3px;left:-3px}.bd-demo .bd-upload-row strong{white-space:nowrap;font-size:11px;font-weight:500;display:block}.bd-demo .bd-upload-row small{color:var(--bd-quiet);margin-top:4px;font-size:9px;display:block}.bd-demo .bd-upload-row em{color:var(--muted-foreground);font-size:9px;font-style:normal}.bd-demo .bd-progress{background:var(--bd-line);grid-column:2/-1;height:2px}.bd-demo .bd-progress>i{width:var(--progress);background:var(--clay);transform-origin:0;height:100%;animation:9s ease-in-out infinite bd-upload-fill;display:block}.bd-demo .bd-drop-zone{border:1px solid color-mix(in srgb, var(--selection) 24%, transparent);background:linear-gradient(120deg, var(--info-soft), transparent);color:var(--muted-foreground);text-align:center;border-radius:6px;margin:16px;padding:18px 8px;font-size:10px}.bd-demo .bd-drag-file{border:1px solid var(--bd-edge);background:linear-gradient(135deg, var(--bd-raised), var(--bd-panel));box-shadow:var(--bd-shadow);border-radius:6px;padding:11px;position:absolute;top:194px;left:54px;transform:rotate(-7deg)}.bd-demo .bd-drag-file .bd-file-icon{width:34px;height:43px}.bd-demo .bd-drag-file .bd-file-icon>b{padding:3px 6px;font-size:9px;bottom:5px;left:-8px}.bd-demo .bd-drag-file>i{background:var(--foreground);clip-path:polygon(0 0,100% 45%,55% 61%,29% 100%);width:12px;height:16px;position:absolute;bottom:8px;right:4px}.bd-demo .bd-glass{border-color:var(--bd-edge);border-top-color:var(--bd-rim);background:linear-gradient(150deg, var(--bd-reflection), transparent 35%, transparent 66%, var(--bd-reflection-soft)), color-mix(in srgb, var(--bd-raised) 66%, transparent);box-shadow:inset 0 1px 0 var(--bd-rim-soft), inset 0 -1px 0 var(--bd-rim-soft), var(--bd-floating-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bd-demo .bd-row-raised.bd-glass{border-color:color-mix(in srgb, var(--selection) 32%, transparent);border-top-color:color-mix(in srgb, var(--bd-rim) 80%, var(--selection));background:radial-gradient(ellipse at 80% 140%, var(--bd-reflection), transparent 70%), linear-gradient(175deg, var(--bd-reflection-soft), transparent 42%, var(--bd-reflection-soft)), color-mix(in srgb, var(--info-soft) 38%, transparent);box-shadow:inset 0 0 0 1px var(--bd-rim-soft), inset 0 -2px 6px var(--bd-reflection-soft), var(--bd-floating-shadow)}@keyframes bd-edit{0%,12%,to{transform:translate(-17px)}32%,83%{transform:translate(0)}}@keyframes bd-link-copy{0%,12%,to{opacity:.25;transform:translateY(5px)}27%,86%{opacity:1;transform:none}}@keyframes bd-select-row{0%,13%,to{transform:none}28%,85%{transform:translateY(-4px)rotate(-1.7deg)}}@keyframes bd-confirm{0%,20%,to{opacity:0}35%,88%{opacity:1}}@keyframes bd-caret{0%,12%,24%,36%{opacity:0}6%,18%,30%,42%,to{opacity:1}}@keyframes bd-wave-scan{0%,12%{opacity:0;transform:translate(-120%)}18%{opacity:1}64%,85%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes bd-upload-fill{0%,12%{transform:scaleX(.25)}62%,90%{transform:scaleX(1)}to{transform:scaleX(.25)}}.bd-demo:has(#bd-still:checked) .bd-scene *,.bd-demo:has(#bd-still:checked) .bd-scene :before,.bd-demo:has(#bd-still:checked) .bd-scene :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.bd-demo .bd-scene *,.bd-demo .bd-scene :before,.bd-demo .bd-scene :after{transition:none!important;animation:none!important}}@media (max-width:1150px){.bd-demo .bd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-demo .bd-intro{flex-direction:column;align-items:start}.bd-demo .bd-controls{align-self:flex-end}}@media (max-width:700px){.bd-page{padding:112px 20px 50px}.bd-demo .bd-grid{grid-template-columns:minmax(0,1fr);gap:18px}.bd-demo .bd-intro{gap:20px;margin-bottom:28px}.bd-demo .bd-controls{justify-content:space-between;align-self:stretch}.bd-demo .bd-controls button,.bd-demo .bd-controls label{min-height:44px}.bd-demo .bd-lead{font-size:13px}.bd-demo .bd-copy{padding:0 24px 24px}.bd-demo .bd-copy h2{font-size:20px}.bd-demo .bd-copy p{margin-top:9px;font-size:12px}.bd-demo .bd-copy-top{padding:24px 24px 18px}.bd-demo .bd-card{width:100%;min-height:360px}.bd-demo .bd-editor{padding:20px 13px;top:33px}.bd-demo .bd-editor-back{top:22px}.bd-demo .bd-code-line{gap:8px}.bd-demo .bd-code-line code{font-size:10px}.bd-demo .bd-presence-one{top:81px}.bd-demo .bd-presence-two{top:156px}.bd-demo .bd-browser{top:33px}.bd-demo .bd-table{top:24px;left:24px;right:24px}.bd-demo .bd-table-row{min-height:35px}.bd-demo .bd-table-head{min-height:31px}.bd-demo .bd-table{height:254px}.bd-demo .bd-row-origin{height:42px}.bd-demo .bd-chart{height:224px;top:35px}.bd-demo .bd-chart-back{top:22px}.bd-demo .bd-chart-receipt{top:226px}.bd-demo .bd-chart .bd-panel-title{height:36px}.bd-demo .bd-chart-total{font-size:25px}.bd-demo .bd-chart-plot{margin-top:20px}.bd-demo :is(.bd-folder-window,.bd-command,.bd-upload-window){left:24px;right:24px}.bd-demo .bd-audio-stack{inset:4px 24px 22px}.bd-demo .bd-audio-result p{padding:11px 14px;font-size:11px}.bd-demo .bd-work-window{left:24px}.bd-demo .bd-view-chip{top:184px;left:42px}.bd-demo .bd-upload-window{height:215px}.bd-demo .bd-upload-row{padding-top:10px}.bd-demo .bd-drop-zone{margin-top:12px;padding-block:14px}.bd-demo .bd-drag-file{top:177px;left:45px}}