.demo-select{position:relative;display:block;min-width:0}.demo-select [hidden],.demo-select-menu[hidden]{display:none!important}.demo-select .demo-select-trigger{min-width:0;height:40px;min-height:40px;padding:8px 16px;border:0;white-space:nowrap}.demo-control-icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke-width);stroke-linecap:round;stroke-linejoin:round}.demo-select-chevron{transition:rotate .24s ease}[aria-expanded=true]>.demo-select-chevron{rotate:180deg}.demo-select-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:5;width:max-content;min-width:176px;max-width:calc(100vw - 64px);padding:6px;display:grid;gap:2px;border:1px solid var(--color-stroke-subtle);border-radius:20px;corner-shape:var(--corner-shape);background:var(--color-bg);box-shadow:var(--shadow-subtle)}.demo-select-menu .demo-select-option{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:8px 12px;border:0;border-radius:14px;background:transparent;color:var(--color-ink);cursor:pointer;font:inherit;line-height:24px;text-align:left;white-space:nowrap}.demo-select-menu .demo-select-option:is(:hover,:focus-visible,[aria-selected=true]){background:var(--color-bg-secondary)}.demo-select-menu .demo-select-option:focus-visible{outline-offset:-2px}.demo-option-description{color:var(--color-ink-muted)}.demo-option-check{margin-left:auto;opacity:0}[aria-selected=true]>.demo-option-check{opacity:1}.demo-toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;white-space:nowrap}.demo-checkbox{position:relative;display:inline-flex;flex:none;width:18px;height:18px}.demo-checkbox input{appearance:none;display:grid;place-content:center;width:18px;height:18px;flex:none;margin:0;border:1px solid var(--color-stroke);border-radius:6px;corner-shape:var(--corner-shape);background:var(--color-bg);cursor:pointer}.demo-checkbox input:checked{background:var(--color-button-primary-bg);border-color:var(--color-button-primary-bg)}.demo-checkbox-check{position:absolute;inset:1px;color:var(--color-button-primary-text);opacity:0;pointer-events:none}.demo-checkbox input:checked+.demo-checkbox-check{opacity:1}.demo-toggle:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px;border-radius:8px}.demo-toggle input:focus-visible{outline:0}@media(prefers-reduced-motion:no-preference){.demo-checkbox input{transition:background-color .18s ease,border-color .18s ease}.demo-checkbox-check{transition:opacity .18s ease}}@media(prefers-reduced-motion:reduce){.demo-select-chevron{transition:none}}.uploader-example wb-file-uploader{--uploader-accent: light-dark(#7f30e3, #c49aff);--uploader-secondary: var(--color-ink-muted);--uploader-stroke: var(--color-stroke-subtle);--uploader-hover: var(--color-bg-secondary);--uploader-error: light-dark(#d61943, #ff809b);--uploader-focus: color-mix(in srgb, var(--uploader-accent) 24%, transparent);display:block;min-width:0;border:1px solid var(--color-stroke-subtle);border-radius:var(--radius-lg);corner-shape:var(--corner-shape);background:var(--color-bg)}.uploader-example [hidden]{display:none!important}.uploader-example .demo-controls{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-card-padding);border-bottom:1px solid var(--color-stroke-subtle);color:var(--color-ink);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}.uploader-example :is(.demo-settings,.demo-buttons){display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.uploader-example .demo-pill{min-height:var(--space-10);min-width:0;padding:var(--space-2) var(--space-4);border:0;white-space:nowrap;user-select:none}.uploader-example :is(button,input):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.uploader-example .demo-pill:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.uploader-example .demo-pill:disabled{--color-stroke-subtle: var(--color-stroke);cursor:not-allowed;opacity:.45;transform:none;background:var(--color-bg-secondary);color:var(--color-ink-muted)}.uploader-example .demo-pill.button-primary:hover{box-shadow:none}.uploader-example .control-icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke-width);stroke-linecap:round;stroke-linejoin:round}.uploader-example .size-control{position:relative}.uploader-example .control-label{color:inherit}.uploader-example [data-size-value]{width:1ch;text-align:center;font-variant-numeric:tabular-nums}.uploader-example .size-chevron{transform-origin:center}.uploader-example .size-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--color-bg-secondary) 92%,var(--color-ink))}.uploader-example .size-trigger[aria-expanded=true] .size-chevron{transform:rotate(180deg)}.uploader-example .demo-stage{padding:var(--space-8);display:grid;align-content:start;color:var(--color-ink);overflow:clip}.uploader-example .uploader{width:min(100%,394px);min-width:0;margin-inline:auto;font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:20px;letter-spacing:0}.uploader-example .file-input{display:none}.uploader-example .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.uploader-example .dropzone{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 16px;border:1px dashed var(--uploader-accent);border-radius:20px;corner-shape:var(--corner-shape);background:color-mix(in srgb,var(--uploader-accent) 3%,var(--color-bg));color:var(--uploader-accent);cursor:pointer;font:inherit}.uploader-example .upload-icon{flex:none;width:24px;height:24px;background-color:currentColor;mask:var(--upload-mask) center / contain no-repeat}.uploader-example .dropzone:enabled:hover,.uploader-example .dropzone[data-dragging]{background:color-mix(in srgb,var(--uploader-accent) 9%,var(--color-bg))}.uploader-example .dropzone[data-dragging]{border-style:solid;box-shadow:inset 0 0 0 1px var(--uploader-accent)}.uploader-example .dropzone:focus-visible{outline:4px solid var(--uploader-focus);outline-offset:2px}.uploader-example .dropzone:disabled{background:var(--color-bg-secondary);border-color:var(--uploader-secondary);color:var(--uploader-secondary);cursor:not-allowed;transform:none}.uploader-example .dropzone:disabled .choose-text,.uploader-example .drag-text{color:var(--uploader-secondary)}.uploader-example .uploader-description{margin:var(--space-2) 0 0;color:var(--uploader-secondary);font-size:13px;line-height:18px}.uploader-example .uploader[data-error] .dropzone:not(:disabled){border:2px solid var(--uploader-error);color:var(--uploader-error);padding:8px 15px}.uploader-example .uploader[data-error] .uploader-description,.uploader-example .file-error{color:var(--uploader-error)}.uploader-example .file-list{list-style:none;margin:var(--space-4) 0 0;padding:0;border:1px solid var(--uploader-stroke);border-radius:20px;corner-shape:var(--corner-shape);overflow:hidden}.uploader-example .file-row{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:10px 16px;color:var(--color-ink)}.uploader-example .file-row+.file-row{border-top:1px solid var(--uploader-stroke)}.uploader-example .file-row:hover{background:var(--color-bg-secondary)}.uploader-example .file-row>img{flex:none}.uploader-example .file-content{flex:1;min-width:0}.uploader-example .file-details{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}.uploader-example .file-name,.uploader-example .file-error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploader-example .file-name{min-width:0}.uploader-example .file-size{flex:none;color:var(--uploader-secondary)}.uploader-example .file-error{font-size:13px;line-height:17px;margin-top:2px}.uploader-example .file-row[aria-busy=true] .file-error{color:var(--uploader-secondary)}.uploader-example .file-actions{display:flex;align-items:center;gap:4px;flex:none;width:92px;justify-content:flex-end;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none}.uploader-example .file-row:is(:hover,:focus-within) .file-actions,.uploader-example .file-row[data-error] .file-actions{opacity:1;visibility:visible;pointer-events:auto}.uploader-example .file-row:focus-visible{outline:3px solid var(--uploader-focus);outline-offset:-3px}.uploader-example .file-actions button{display:grid;place-items:center;flex:none;width:28px;height:32px;padding:0;background:transparent;border:0;border-radius:var(--radius-full);corner-shape:round;cursor:pointer}.uploader-example .file-actions button:hover{background:color-mix(in srgb,var(--color-bg-secondary) 90%,var(--color-ink))}.uploader-example .file-actions button:disabled{opacity:.35;cursor:not-allowed;transform:none}.uploader-example .uploader[data-size=s] .dropzone{min-height:32px;padding-block:3px;border-radius:16px}.uploader-example .uploader[data-size=s][data-error] .dropzone{padding-block:2px}.uploader-example .uploader[data-size=s] .file-row{min-height:44px;padding:8px 12px}.uploader-example .file-preview{width:min(700px,calc(100% - 32px));max-height:85vh;padding:var(--space-6);border:1px solid var(--color-stroke-subtle);border-radius:var(--radius-lg);corner-shape:var(--corner-shape);background:var(--color-bg);color:var(--color-ink);box-shadow:var(--shadow-modal)}.uploader-example .file-preview::backdrop{background:var(--color-overlay)}.uploader-example .preview-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.uploader-example .preview-heading h3{overflow-wrap:anywhere}.uploader-example .preview-heading button{display:grid;place-items:center;flex:none;width:32px;height:32px;border:0;border-radius:var(--radius-full);corner-shape:round;background:var(--color-bg-secondary);cursor:pointer}.uploader-example .preview-heading button:hover{background:color-mix(in srgb,var(--color-bg-secondary) 92%,var(--color-ink))}.uploader-example [data-preview-image]{max-width:100%;height:auto;border-radius:16px}.uploader-example [data-preview-text]{white-space:pre-wrap;overflow-wrap:anywhere}@media(prefers-reduced-motion:no-preference){.uploader-example :is(.demo-pill,.dropzone,.file-row,.file-actions button,.preview-heading button,.size-menu button){transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .2s ease}.uploader-example .size-chevron{transition:transform .24s cubic-bezier(.4,0,.2,1)}.uploader-example .file-actions{transition:opacity .2s ease,visibility .2s ease}.uploader-example .size-menu:not([hidden]),.uploader-example .file-preview[open]{animation:uploader-reveal .22s ease}.uploader-example .file-row[aria-busy=true]>img{animation:uploader-spin 1s linear infinite}}@keyframes uploader-reveal{0%{opacity:0}to{opacity:1}}@keyframes uploader-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.uploader-example .demo-controls{padding:var(--space-4);gap:var(--space-3)}.uploader-example .demo-stage{padding:var(--space-6) var(--space-4)}.uploader-example .file-row{gap:var(--space-2);padding-inline:var(--space-3)}.uploader-example .file-actions{width:84px;gap:0}.uploader-example .file-details{flex-direction:column;align-items:flex-start;gap:0}}@media(hover:none){.uploader-example .file-row .file-actions{opacity:1;visibility:visible;pointer-events:auto}.uploader-example .file-details{flex-direction:column;align-items:flex-start;gap:0}}@media(prefers-reduced-motion:reduce){.uploader-example *,.uploader-example *:after{animation:none!important;transition:none!important}.uploader-example .demo-pill:active,.uploader-example .dropzone:enabled:active,.uploader-example .dropzone[data-dragging],.uploader-example .file-actions button:active,.uploader-example .preview-heading button:active,.uploader-example .size-menu button:active{transform:none}}html:has(.drawer-dialog[open][data-modal=true]){overflow:hidden}.drawer-example{scroll-margin-top:var(--space-8)}wb-drawer-demo{display:block;min-width:0;border:1px solid var(--color-stroke-subtle);border-radius:var(--radius-lg);background:var(--color-bg)}wb-drawer-demo [hidden]{display:none!important}wb-drawer-demo .drawer-pill{min-height:40px;min-width:0;padding:8px 16px;border:0;white-space:nowrap}wb-drawer-demo .button-primary:hover{box-shadow:none}.drawer-controls{display:grid;gap:16px;padding:20px;border-bottom:1px solid var(--color-stroke-subtle)}.drawer-control-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.drawer-positions{display:grid;grid-template-columns:repeat(3,1fr);height:40px;gap:2px;padding:3px;border-radius:var(--radius-full);corner-shape:round;background:var(--color-bg-secondary);outline:1px solid var(--color-stroke-subtle);outline-offset:-1px}.drawer-positions button{min-width:0;min-height:34px;padding:5px 12px;border:0;border-radius:var(--radius-full);corner-shape:round;background:transparent;color:var(--color-ink-muted);font:inherit;line-height:24px;cursor:pointer}.drawer-positions button:hover{color:var(--color-ink);background:color-mix(in srgb,var(--color-bg-secondary) 92%,var(--color-ink))}.drawer-positions button[aria-pressed=true]{color:var(--color-ink);background:var(--color-bg);outline:1px solid var(--color-stroke-subtle);outline-offset:-1px}.drawer-positions button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.drawer-properties{display:flex;flex-wrap:wrap;gap:0 20px}.drawer-demo-stage{display:grid;justify-items:center;padding:32px 20px}.drawer-dialog{position:fixed;inset:0;z-index:50;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden}.drawer-dialog[open]{display:flex;justify-content:flex-end}.drawer-dialog::backdrop{background:transparent}.drawer-backdrop{position:absolute;inset:0;background:#0000003d}.drawer-dialog[data-modal=false]{pointer-events:none}.drawer-dialog[data-modal=false] .drawer-backdrop{display:none}.drawer-panel{--wbl-bg: light-dark(#ffffff, #18181b);--wbl-surface: light-dark(#f6f6f9, #242429);--wbl-text: light-dark(#242429, #ffffff);--wbl-muted: light-dark(#5f5f6d, #d1d1e0);--wbl-secondary: light-dark(#8f8fa3, #9d9dae);--wbl-stroke: light-dark(#c4c4d4, #5f5f6d);--wbl-divider: light-dark(#e0e0eb, #2f2f37);--wbl-accent: light-dark(#7f30e3, #aa80ff);--wbl-primary-hover: light-dark(#7021d4, #c3a6ff);--wbl-primary-pressed: light-dark(#6117be, #e2cffc);--wbl-primary-text: light-dark(#ffffff, #242429);--wbl-button-secondary: light-dark(#f6f6f9, #2f2f37);--wbl-secondary-hover: light-dark(#e0e0eb, #3b3b44);--wbl-secondary-pressed: light-dark(#d1d1e0, #474752);--wbl-disabled-text: light-dark(#c4c4d4, #53535f);position:relative;display:flex;flex-direction:column;flex:none;width:min(var(--drawer-width, 680px),100%);height:100%;min-width:0;background:var(--wbl-bg);color:var(--wbl-text);box-shadow:0 4px 24px #0000001f;pointer-events:auto;overflow:hidden;font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:20px;letter-spacing:0}.drawer-panel,.drawer-panel *{corner-shape:round}.drawer-panel :focus-visible{outline:2px solid var(--wbl-accent);outline-offset:2px}.drawer-dialog[data-position=left]{justify-content:flex-start}.drawer-dialog[data-position=bottom]{justify-content:center;align-items:flex-end}.drawer-dialog[data-position=bottom] .drawer-panel{width:100%;height:min(75dvh,680px);border-radius:24px 24px 0 0;padding-top:16px;transition:height .24s ease-in-out}.drawer-dialog[data-position=bottom][data-expanded=true] .drawer-panel{height:calc(100% - 16px)}.drawer-header{flex:none;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;padding:20px 24px 16px;border-bottom:1px solid transparent}.drawer-heading{flex:1;min-width:120px;display:grid;gap:4px}.case-page .drawer-heading h3{color:var(--wbl-text);font-size:19px;line-height:22px;font-weight:700;letter-spacing:0}.drawer-heading p{color:var(--wbl-muted);font-size:15px;line-height:20px}.drawer-panel .wbl-icon-button{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--wbl-secondary);cursor:pointer}.drawer-panel .wbl-icon-button:hover{background:var(--wbl-surface)}.drawer-panel .wbl-icon-button:active{background:var(--wbl-divider)}.drawer-panel .wbl-icon-button:disabled{opacity:.4;cursor:default}.drawer-record-nav{display:flex;align-items:center;gap:4px;color:var(--wbl-secondary);font-size:13px;line-height:16px;font-variant-numeric:tabular-nums}.drawer-scroll-region{flex:1}.drawer-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:12px 24px}.drawer-content::-webkit-scrollbar{width:8px}.drawer-content::-webkit-scrollbar-thumb{border:2px solid var(--wbl-bg);border-radius:20px;background:var(--wbl-stroke)}.drawer-body{display:flex;flex-direction:column;gap:24px;margin:0}.drawer-body h4{margin:0;color:var(--wbl-text);font-size:15px;line-height:20px;font-weight:500}.drawer-field{display:grid;gap:8px;font-size:15px;line-height:20px}.drawer-field :is(input,textarea){width:100%;min-width:0;padding:11px 12px;border:1px solid var(--wbl-divider);border-radius:12px;background:var(--wbl-bg);color:var(--wbl-text);font:inherit;line-height:20px;transition:border-color .16s ease}.drawer-field textarea{resize:vertical;min-height:120px}.drawer-field :is(input,textarea):hover{border-color:var(--wbl-stroke)}.drawer-field :is(input,textarea):focus-visible{border-color:var(--wbl-accent);outline-offset:0;outline-width:1px}.drawer-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin:0;padding:16px;border-radius:12px;background:var(--wbl-surface)}.drawer-records div{min-width:0;display:grid;gap:4px}.drawer-records dt{font-size:13px;color:var(--wbl-secondary);line-height:16px}.drawer-records dd{font-size:15px;color:var(--wbl-text);line-height:20px;overflow-wrap:anywhere}.drawer-footer{flex:none;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;padding:16px 24px max(24px,env(safe-area-inset-bottom));border-top:1px solid transparent}.drawer-dialog[data-scroll-top=true] .drawer-header,.drawer-dialog[data-scroll-bottom=true] .drawer-footer{border-color:var(--wbl-divider)}.drawer-panel .wbl-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:8px;min-height:44px;padding:10px 24px;border:0;border-radius:12px;font:inherit;font-weight:500;line-height:20px;text-align:center;cursor:pointer}.drawer-panel .wbl-button-primary{color:var(--wbl-primary-text);background:var(--wbl-accent)}.drawer-panel .wbl-button-primary:hover{background:var(--wbl-primary-hover)}.drawer-panel .wbl-button-primary:active{background:var(--wbl-primary-pressed)}.drawer-panel .wbl-button-secondary{color:var(--wbl-accent);background:var(--wbl-button-secondary)}.drawer-panel .wbl-button-secondary:hover{background:var(--wbl-secondary-hover)}.drawer-panel .wbl-button-secondary:active{background:var(--wbl-secondary-pressed)}.drawer-panel .wbl-button:disabled:not([aria-busy=true]){cursor:default;background:var(--wbl-button-secondary);color:var(--wbl-disabled-text)}.drawer-panel .wbl-button[aria-busy=true]{cursor:progress;background:var(--wbl-accent)}.drawer-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding-block:32px}.drawer-state p{color:var(--wbl-text);font-size:13px;line-height:16px}.drawer-state .wbl-button{margin-top:8px}.drawer-spinner{display:block;flex:none;width:32px;height:32px;background:var(--wbl-accent);mask:var(--wbl-icon) center / 32px 32px no-repeat;animation:wbl-drawer-spin 1s linear infinite}[data-save-drawer] .drawer-spinner{position:absolute;width:20px;height:20px;background:currentColor;mask-size:20px 20px}[data-save-drawer][aria-busy=true] [data-save-label]{opacity:0}.drawer-handle{display:none;position:absolute;z-index:2;top:0;left:50%;translate:-50% 0;align-items:center;justify-content:center;width:144px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.drawer-handle span{width:120px;height:8px;border-radius:100px;background:var(--wbl-stroke)}.drawer-dialog[data-position=bottom] .drawer-handle{display:flex}.drawer-resize{position:absolute;z-index:3;inset-block:0;left:0;width:12px;cursor:ew-resize;touch-action:none;user-select:none}.drawer-resize:after{content:"";position:absolute;inset-block:0;left:0;width:4px;background:var(--wbl-accent);opacity:0;transition:opacity .16s ease}.drawer-resize:is(:hover,:focus-visible):after,.drawer-panel[data-resizing] .drawer-resize:after{opacity:1}.drawer-resize:focus-visible{outline:none}.drawer-dialog[data-position=left] .drawer-resize{left:auto;right:0}.drawer-dialog[data-position=left] .drawer-resize:after{left:auto;right:0}.drawer-dialog[data-position=bottom] .drawer-resize{display:none}.drawer-panel[data-resizing]{user-select:none;transition:none}.drawer-sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes wbl-drawer-spin{to{rotate:360deg}}@media(max-width:560px){.drawer-controls{padding:16px}.drawer-properties{gap:0 16px}.drawer-header,.drawer-content{padding-inline:20px}.drawer-footer{padding-inline:20px;gap:8px}}@media(max-width:480px){.drawer-resize{display:none}}@media(prefers-reduced-motion:reduce){.drawer-panel *,.drawer-panel{transition:none!important;animation:none!important}}.wbl-control-icon{display:block;flex:none;width:24px;height:24px;background:currentColor;mask:var(--wbl-icon) center / 24px 24px no-repeat}.drawer-empty-icon{display:block;flex:none;width:48px;height:48px;background:var(--wbl-stroke);mask:var(--wbl-icon) center / 48px 48px no-repeat}