@owodesign/owoui 0.1.6 → 0.1.7-beta

package/dist/storybook-static/assets/main.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";.root{display:inline-flex}.root[data-animate=spin]{animation:owo-spin 1s linear infinite}@keyframes owo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.root[data-animate=spin]{animation:none}}.root{--button-bg: var(--owo-cmp-surface-bg);--button-bg-hover: var(--owo-cmp-surface-bg-inset);--button-bg-active: var(--owo-cmp-surface-bg-subtle);--button-text: var(--owo-cmp-text-primary);--button-border: var(--owo-cmp-surface-border);--button-ring: var(--owo-cmp-control-focus-ring);--button-disabled-opacity: .5;display:inline-flex;align-items:center;justify-content:center;padding:0;gap:.5rem;border-radius:var(--owo-cmp-control-radius-md);border:1px solid var(--button-border);font-weight:500;transition-property:color,background-color,border-color;transition-duration:.15s;appearance:none;background:var(--button-bg);color:var(--button-text)}.root[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding-inline:.625rem;font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding-inline:.75rem;font-size:.75rem;line-height:1rem}.root[data-size=md]{min-height:var(--owo-cmp-control-height-md);padding-inline:1rem;font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding-inline:1.125rem;font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding-inline:1.25rem;font-size:1rem;line-height:1.5rem}.root:focus-visible{box-shadow:inset 0 0 0 2px var(--button-ring);outline:none}.root:hover{background:var(--button-bg-hover)}.root:active{background:var(--button-bg-active)}.root:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.root[data-loading=true]{pointer-events:none;cursor:wait}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.icon :global(svg){display:block}.label{display:inline-flex;align-items:center}.root[data-variant=primary]{--button-bg: var(--owo-cmp-accent-bg);--button-bg-hover: var(--owo-cmp-accent-bg-hover);--button-bg-active: color-mix(in srgb, var(--owo-cmp-accent-bg-hover) 88%, black);--button-text: var(--owo-cmp-accent-text);--button-border: transparent}.root[data-variant=ghost]{--button-bg: transparent;--button-bg-hover: var(--owo-cmp-surface-bg-inset);--button-bg-active: var(--owo-cmp-surface-bg-subtle);--button-text: var(--owo-cmp-text-secondary);--button-border: transparent}.root[data-variant=danger]{--button-bg: var(--owo-cmp-danger-bg);--button-bg-hover: color-mix(in srgb, var(--owo-cmp-danger-bg) 92%, var(--owo-cmp-danger-border));--button-bg-active: color-mix(in srgb, var(--owo-cmp-danger-bg) 84%, var(--owo-cmp-danger-border));--button-text: var(--owo-cmp-danger-text);--button-border: var(--owo-cmp-danger-border);--button-ring: var(--owo-cmp-danger-border)}.menuStage{display:flex;min-height:13rem;align-items:flex-start;justify-content:flex-start;padding-bottom:12rem}.pickerStage{display:flex;min-height:16rem;align-items:flex-end;padding-bottom:11rem}.triggerButton{border-radius:.5rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--owo-cmp-text-primary)}.pickerTrigger{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-primary)}.pickerCaret{display:inline-flex;align-items:center;justify-content:center;color:var(--owo-cmp-text-muted);line-height:0}.pickerMenu{width:16rem}.root{--icon-button-bg: transparent;--icon-button-bg-hover: var(--owo-cmp-surface-bg-inset);--icon-button-bg-active: var(--owo-cmp-surface-bg-subtle);--icon-button-text: var(--owo-cmp-text-muted);--icon-button-ring: var(--owo-cmp-control-focus-ring);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--owo-cmp-control-radius-md);transition-property:color,background-color;transition-duration:.15s;background:var(--icon-button-bg);color:var(--icon-button-text)}.root[data-size=xs]{height:var(--owo-cmp-control-height-xs);width:var(--owo-cmp-control-height-xs)}.root[data-size=sm]{height:var(--owo-cmp-control-height-sm);width:var(--owo-cmp-control-height-sm)}.root[data-size=md]{height:var(--owo-cmp-control-height-md);width:var(--owo-cmp-control-height-md)}.root[data-size=lg]{height:var(--owo-cmp-control-height-lg);width:var(--owo-cmp-control-height-lg)}.root[data-size=xl]{height:var(--owo-cmp-control-height-xl);width:var(--owo-cmp-control-height-xl)}.root:focus-visible{box-shadow:inset 0 0 0 2px var(--icon-button-ring);outline:none}.root:hover{background:var(--icon-button-bg-hover);color:var(--owo-cmp-text-primary)}.root:active{background:var(--icon-button-bg-active)}.root[data-variant=subtle]{--icon-button-bg: var(--owo-cmp-surface-bg-inset);--icon-button-bg-hover: var(--owo-cmp-surface-bg-subtle);--icon-button-bg-active: var(--owo-cmp-surface-bg-raised);--icon-button-text: var(--owo-cmp-text-primary)}.root{--field-bg: var(--owo-cmp-surface-bg);--field-border: var(--owo-cmp-surface-border);--field-text: var(--owo-cmp-text-primary);--field-placeholder: var(--owo-cmp-text-muted);--field-ring: var(--owo-cmp-control-focus-ring);background:var(--field-bg);border:1px solid var(--field-border);color:var(--field-text);width:100%;min-height:var(--owo-cmp-control-height-md);border-radius:var(--owo-cmp-control-radius-md);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.root[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding:.25rem .5rem;font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding:.375rem .625rem;font-size:.75rem;line-height:1rem}.root[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding:.5625rem .875rem;font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.root::placeholder{color:var(--field-placeholder)}.root:hover:not(:disabled){--field-border: var(--owo-cmp-surface-border-strong)}.root:focus-visible{outline:none;--field-border: var(--field-ring);box-shadow:none}.root[data-tone=warning]{--field-border: var(--owo-cmp-warning-border);--field-ring: var(--owo-cmp-warning-border)}.maxXs{max-width:20rem}.maxSm{max-width:24rem}.max2xl{max-width:42rem}.rowWrapCenter{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.switchLabel{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-800)}.textareaGroup{display:flex;flex-direction:column;gap:.75rem}.stageBottomLarge{padding-bottom:11rem}.stageBottomMedium{padding-bottom:9rem}.collapsibleCard{max-width:32rem;text-align:left;--collapsible-inline-padding: .875rem}.collapsibleCardText{padding:.25rem var(--collapsible-inline-padding) 0;font-size:.875rem;line-height:1.5;color:var(--owo-cmp-text-secondary)}.collapsibleTrigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.75rem;padding:.625rem var(--collapsible-inline-padding);text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--owo-cmp-text-primary);transition:background-color .15s,color .15s}.collapsibleTrigger:hover{background:var(--owo-cmp-surface-bg-inset)}.collapsibleTrigger[data-state=open]{background:color-mix(in srgb,var(--owo-cmp-surface-bg-inset) 85%,var(--owo-cmp-surface-bg))}.collapsibleChevron{flex:0 0 auto;color:var(--owo-cmp-text-muted);transition:transform .15s,color .15s}.collapsibleTrigger[data-state=open] .collapsibleChevron{transform:rotate(180deg);color:var(--owo-cmp-text-secondary)}.collapsibleControlRow{margin-bottom:.5rem}.collapsibleTriggerCompact{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem .625rem;text-align:left;font-size:.8125rem;line-height:1.25rem;font-weight:500;color:var(--owo-cmp-text-secondary);transition:background-color .15s,color .15s}.collapsibleTriggerCompact:hover{background:var(--owo-cmp-surface-bg-inset);color:var(--owo-cmp-text-primary)}.nestedChild{margin-top:.5rem;padding-left:.25rem;border-left:2px solid var(--owo-cmp-surface-border)}.themedCollapsible{max-width:32rem;border:1px solid color-mix(in srgb,var(--owo-cmp-info-border) 70%,var(--owo-cmp-surface-border));border-radius:1rem;overflow:hidden;background:color-mix(in srgb,var(--owo-cmp-info-bg) 40%,var(--owo-cmp-surface-bg));--collapsible-trigger-bg: color-mix(in srgb, var(--owo-cmp-info-bg) 82%, var(--owo-cmp-surface-bg));--collapsible-trigger-bg-hover: color-mix(in srgb, var(--owo-cmp-info-bg) 92%, var(--owo-cmp-surface-bg));--collapsible-trigger-bg-open: color-mix(in srgb, var(--owo-cmp-info-bg) 96%, var(--owo-cmp-surface-bg));--collapsible-content-bg: color-mix(in srgb, var(--owo-cmp-info-bg) 56%, var(--owo-cmp-surface-bg))}.themedTrigger{width:100%;padding:.875rem 1rem;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--owo-cmp-info-text)}.themedTriggerIcon{color:color-mix(in srgb,var(--owo-cmp-info-text) 72%,var(--owo-cmp-text-muted))}.themedTriggerIndicator{color:color-mix(in srgb,var(--owo-cmp-info-text) 72%,var(--owo-cmp-text-muted));transition:transform .18s ease,color .18s ease}.themedTrigger[data-state=open] .themedTriggerIndicator{transform:rotate(180deg);color:var(--owo-cmp-info-text)}.themedContent{padding:0 1rem 1rem;font-size:.875rem;line-height:1.6;color:color-mix(in srgb,var(--owo-cmp-info-text) 82%,var(--owo-cmp-text-secondary))}.themedContentInner{padding-top:.125rem}.settingsCard{max-width:22rem;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);overflow:hidden}.settingsTrigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;text-align:left;font-size:.8125rem;line-height:1.25rem;font-weight:500;color:var(--owo-cmp-text-primary);transition:background-color .15s}.settingsTrigger:hover{background:color-mix(in srgb,var(--owo-cmp-surface-bg-inset) 50%,transparent)}.settingsLabel{display:flex;align-items:center;gap:.5rem}.settingsIcon{color:var(--owo-cmp-text-muted);flex:0 0 auto}.settingsChevron{flex:0 0 auto;color:var(--owo-cmp-text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1)}.settingsTrigger[data-state=open] .settingsChevron{transform:rotate(90deg)}.settingsContent{padding:0 .875rem .625rem 2.25rem}.settingsRow{font-size:.75rem;line-height:1.5;color:var(--owo-cmp-text-muted)}.faqCard{max-width:40rem;border-radius:.875rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);overflow:hidden;box-shadow:0 1px 3px color-mix(in srgb,var(--owo-cmp-surface-border) 40%,transparent)}.faqItem+.faqItem{border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 60%,transparent)}.faqTrigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;text-align:left;font-size:.875rem;line-height:1.5;font-weight:600;letter-spacing:-.006em;color:var(--owo-cmp-text-primary);transition:background-color .15s,color .15s}.faqTrigger:hover{background:color-mix(in srgb,var(--owo-cmp-surface-bg-inset) 50%,transparent)}.faqTrigger[data-state=open]{color:var(--owo-cmp-text-primary)}.faqQuestion{flex:1 1 auto}.faqChevron{flex:0 0 auto;color:var(--owo-cmp-text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1),color .15s}.faqTrigger[data-state=open] .faqChevron{transform:rotate(180deg);color:var(--owo-cmp-text-secondary)}.faqContent{padding:0 1.25rem 1rem;font-size:.8125rem;line-height:1.65;color:var(--owo-cmp-text-muted)}.tabsPanel{border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);padding:1rem;font-size:.875rem;line-height:1.5;color:var(--owo-cmp-text-secondary)}.root{--field-label: var(--owo-cmp-text-secondary);--field-help: var(--owo-cmp-text-muted);display:block}.root .label{display:block;margin-bottom:.25rem;font-size:.75rem;line-height:1rem;color:var(--field-label)}.root .help{display:block;margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--field-help)}.root{position:relative;display:inline-block}.root [data-part=trigger]{--select-bg: var(--owo-cmp-surface-bg);--select-border: var(--owo-cmp-surface-border);--select-text: var(--owo-cmp-text-primary);--select-ring: var(--owo-cmp-control-focus-ring);display:flex;width:100%;align-items:center;justify-content:space-between;padding:0;gap:.5rem;border-radius:var(--owo-cmp-control-radius-md);text-align:left;transition:color .15s,background-color .15s,border-color .15s;appearance:none;background:var(--select-bg);border:.5px solid var(--select-border);color:var(--select-text)}.root [data-part=trigger]:focus-visible{outline:none;--select-border: var(--select-ring);box-shadow:none}.root [data-part=trigger][data-size=xs]{height:var(--owo-cmp-control-height-xs);min-height:var(--owo-cmp-control-height-xs);padding:0 .5rem;font-size:.6875rem;line-height:.875rem}.root [data-part=trigger][data-size=sm]{height:var(--owo-cmp-control-height-sm);min-height:var(--owo-cmp-control-height-sm);padding:0 .5rem;font-size:.75rem;line-height:1rem}.root [data-part=trigger][data-size=md]{height:var(--owo-cmp-control-height-md);min-height:var(--owo-cmp-control-height-md);padding:0 .75rem;font-size:.875rem;line-height:1.25rem}.root [data-part=trigger][data-size=lg]{height:var(--owo-cmp-control-height-lg);min-height:var(--owo-cmp-control-height-lg);padding:0 .875rem;font-size:.9375rem;line-height:1.375rem}.root [data-part=trigger][data-size=xl]{height:var(--owo-cmp-control-height-xl);min-height:var(--owo-cmp-control-height-xl);padding:0 1rem;font-size:1rem;line-height:1.5rem}.root [data-part=trigger]:hover:not(:disabled){--select-border: var(--owo-cmp-surface-border-strong)}.root [data-part=trigger][data-state=open]{--select-border: var(--owo-cmp-surface-border-strong)}.root [data-part=trigger][data-tone=warning]{--select-border: var(--owo-cmp-warning-border);--select-ring: var(--owo-cmp-warning-border)}.valueText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{color:var(--owo-cmp-text-muted)}.root [data-part=chevron]{width:.875rem;height:.875rem;flex-shrink:0;transition:transform .15s;color:var(--owo-cmp-text-muted)}.root [data-part=chevron][data-state=open]{transform:rotate(180deg)}.root [data-part=dropdown]{--select-dropdown-shadow: var(--owo-cmp-surface-shadow-strong);position:absolute;z-index:var(--owo-cmp-z-dropdown);margin-top:.25rem;max-height:15rem;width:100%;overflow:auto;border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-md);padding:.25rem 0;background:var(--owo-cmp-surface-bg-raised);box-shadow:var(--select-dropdown-shadow)}.root [data-part=dropdown][data-size=sm]{font-size:.75rem;line-height:1rem}.root [data-part=dropdown][data-size=md]{font-size:.875rem;line-height:1.25rem}.root [data-part=dropdown][data-size=xs]{font-size:.6875rem;line-height:.875rem}.root [data-part=dropdown][data-size=lg]{font-size:.9375rem;line-height:1.375rem}.root [data-part=dropdown][data-size=xl]{font-size:1rem;line-height:1.5rem}.root [data-part=option]{cursor:default;user-select:none;padding:.375rem .75rem;transition:background-color .15s}.root [data-part=option][data-disabled]{cursor:not-allowed;opacity:.5}.root [data-part=option][data-focused]{background:var(--owo-cmp-surface-bg-inset)}.root [data-part=option][data-selected]{color:var(--owo-cmp-accent-bg);font-weight:500}.root{--segmented-bg: var(--owo-cmp-surface-bg-inset);--segmented-border: var(--owo-cmp-surface-border);--segmented-item-text: var(--owo-cmp-text-muted);--segmented-item-hover-text: var(--owo-cmp-text-secondary);--segmented-item-active-bg: var(--owo-cmp-surface-bg-raised);--segmented-item-active-text: var(--owo-cmp-text-primary);--segmented-ring: var(--owo-cmp-control-focus-ring);display:inline-flex;border-radius:var(--owo-cmp-control-radius-md);padding:.125rem;background:var(--segmented-bg);box-shadow:0 0 0 1px var(--segmented-border)}.root[data-size=xs]{font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{font-size:.75rem;line-height:1rem}.root[data-size=md]{font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{font-size:1rem;line-height:1.5rem}.item{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--owo-cmp-control-radius-sm);background:transparent;font-weight:500;transition:color .15s,background-color .15s;color:var(--segmented-item-text)}.item:focus{outline:none}.item:focus-visible{box-shadow:inset 0 0 0 1px var(--segmented-ring)}.item:disabled{cursor:not-allowed;opacity:.5}.item:hover{color:var(--segmented-item-hover-text)}.item[data-active=true]{background:var(--segmented-item-active-bg);color:var(--segmented-item-active-text)}.root[data-size=xs]>.item{min-height:calc(var(--owo-cmp-control-height-xs) - .25rem);padding:.125rem .5rem}.root[data-size=sm]>.item{min-height:calc(var(--owo-cmp-control-height-sm) - .25rem);padding:.25rem .625rem}.root[data-size=md]>.item{min-height:calc(var(--owo-cmp-control-height-md) - .25rem);padding:.375rem .75rem}.root[data-size=lg]>.item{min-height:calc(var(--owo-cmp-control-height-lg) - .25rem);padding:.5rem .875rem}.root[data-size=xl]>.item{min-height:calc(var(--owo-cmp-control-height-xl) - .25rem);padding:.625rem 1rem}.root{--switch-track-width: calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size: 1.125rem;--switch-thumb-offset: .125rem;position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;padding:0;box-sizing:border-box;border-radius:var(--owo-cmp-control-radius-full);border:2px solid transparent;transition:background-color .15s,border-color .15s;background:var(--owo-cmp-surface-border-strong)}.root:focus{outline:none}.root:focus-visible{box-shadow:0 0 0 2px var(--owo-cmp-surface-bg),0 0 0 4px var(--owo-cmp-control-focus-ring)}.root:disabled{cursor:not-allowed;opacity:.5}.root[data-size=xs]{height:calc(var(--owo-cmp-control-height-xs) - .75rem);width:calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-track-width: calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-thumb-size: .625rem}.root[data-size=sm]{height:calc(var(--owo-cmp-control-height-sm) - .75rem);width:calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-track-width: calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-thumb-size: .875rem}.root[data-size=md]{height:calc(var(--owo-cmp-control-height-md) - .75rem);width:calc(var(--owo-cmp-control-height-md) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size: 1.125rem}.root[data-size=lg]{height:calc(var(--owo-cmp-control-height-lg) - .75rem);width:calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-thumb-size: 1.375rem}.root[data-size=xl]{height:calc(var(--owo-cmp-control-height-xl) - .75rem);width:calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-thumb-size: 1.875rem}.root[aria-checked=true]{background:var(--owo-cmp-accent-bg)}.root:hover:not(:disabled){background:color-mix(in srgb,var(--owo-cmp-surface-border-strong) 82%,var(--owo-cmp-text-muted))}.root[aria-checked=true]:hover:not(:disabled){background:var(--owo-cmp-accent-bg-hover)}.root .thumb{pointer-events:none;display:inline-block;border-radius:var(--owo-cmp-control-radius-full);background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .15s;transform:translate(var(--switch-thumb-offset))}.root[data-size=xs]>.thumb{height:.625rem;width:.625rem}.root[data-size=sm]>.thumb{height:.875rem;width:.875rem}.root[data-size=md]>.thumb{height:1.125rem;width:1.125rem}.root[data-size=lg]>.thumb{height:1.375rem;width:1.375rem}.root[data-size=xl]>.thumb{height:1.875rem;width:1.875rem}.root[aria-checked=true]>.thumb{transform:translate(calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset)))}.root{min-height:calc(4.5em + 1rem);line-height:1.5}.root[data-auto-resize=true]{overflow-y:hidden}:where(.root [data-part=trigger]){border:0;padding:0;appearance:none;background:var(--collapsible-trigger-bg, transparent);color:inherit;font:inherit;cursor:pointer;transition:background-color .18s ease,color .18s ease}:where(.root [data-part=trigger]:hover){background:var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent))}:where(.root [data-part=trigger][data-state=open]){background:var(--collapsible-trigger-bg-open, var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent)))}:where(.root [data-part=content]){height:auto;overflow:hidden;transition:height .18s ease;background:var(--collapsible-content-bg, transparent)}.triggerInner{display:flex;width:100%;align-items:center;gap:var(--collapsible-trigger-gap, .75rem)}.triggerIcon,.triggerIndicator{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;line-height:0;color:inherit}.triggerLabel{min-width:0;flex:1 1 auto;text-align:inherit}.contentInner{min-height:0}.root [data-part=list]{--tabs-border: var(--owo-cmp-surface-border);display:flex;align-items:flex-end;gap:.25rem;border-bottom-width:1px;border-bottom-style:solid;border-color:var(--tabs-border)}.root [data-part=trigger]{--tabs-text: var(--owo-cmp-text-muted);--tabs-hover-text: var(--owo-cmp-text-secondary);--tabs-active-text: var(--owo-cmp-text-primary);--tabs-active-border: var(--owo-cmp-accent-border);--tabs-active-bg: color-mix(in srgb, var(--owo-cmp-accent-bg-muted) 35%, transparent);--tabs-ring: var(--owo-cmp-control-focus-ring);position:relative;margin-bottom:-1px;display:inline-flex;min-height:var(--owo-cmp-control-height-md);align-items:center;justify-content:center;border:0;border-top-left-radius:var(--owo-cmp-control-radius-md);border-top-right-radius:var(--owo-cmp-control-radius-md);border-bottom:2px solid transparent;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:color .15s ease;appearance:none;background:transparent;color:var(--tabs-text)}.root [data-part=trigger]:focus{outline:none}.root [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 2px var(--tabs-ring)}.root [data-part=trigger]:disabled{cursor:not-allowed;opacity:.5}.root [data-part=trigger]:hover{color:var(--tabs-hover-text)}.root [data-part=trigger][data-state=active]{background:var(--tabs-active-bg);border-bottom-color:var(--tabs-active-border);color:var(--tabs-active-text)}.root [data-part=content]{padding-top:1rem;color:var(--owo-cmp-text-primary)}.root{--badge-bg: var(--owo-cmp-surface-bg-inset);--badge-text: var(--owo-cmp-text-secondary);--badge-border: transparent;display:inline-flex;align-items:center;border-radius:var(--owo-cmp-control-radius-full);border:1px solid var(--badge-border);color:var(--badge-text);background:var(--badge-bg)}.root[data-size=xs]{padding:.25rem .625rem;font-size:11px}.root[data-size=sm]{padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500}.root[data-variant=outline]{--badge-bg: transparent;--badge-border: var(--owo-cmp-surface-border)}.root[data-tone=info]{--badge-bg: var(--owo-cmp-info-bg);--badge-text: var(--owo-cmp-info-text);--badge-border: var(--owo-cmp-info-border)}.root[data-tone=info][data-variant=outline]{--badge-bg: transparent}.root[data-tone=success]{--badge-bg: var(--owo-cmp-success-bg);--badge-text: var(--owo-cmp-success-text);--badge-border: var(--owo-cmp-success-border)}.root[data-tone=success][data-variant=outline]{--badge-bg: transparent}.root[data-tone=warning]{--badge-bg: var(--owo-cmp-warning-bg);--badge-text: var(--owo-cmp-warning-text);--badge-border: var(--owo-cmp-warning-border)}.root[data-tone=warning][data-variant=outline]{--badge-bg: transparent}.root[data-tone=danger]{--badge-bg: var(--owo-cmp-danger-bg);--badge-text: var(--owo-cmp-danger-text);--badge-border: var(--owo-cmp-danger-border)}.root[data-tone=danger][data-variant=outline]{--badge-bg: transparent}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.stack{display:flex;flex-direction:column;gap:.75rem}.rowWrap{display:flex;flex-wrap:wrap;gap:.5rem}.rowEnd{display:flex;align-items:flex-end;gap:.75rem}.rowCenter{display:flex;align-items:center;gap:1rem}.rowCenterSm{display:flex;align-items:center;gap:.5rem}.rowStart{display:flex;align-items:flex-start;gap:.75rem}.columnGap3{display:flex;flex-direction:column;gap:.75rem}.columnGap4{display:flex;flex-direction:column;gap:1rem}.centerText{text-align:center}.toneLabel{margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--owo-ref-color-neutral-500)}.mutedText{font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-600)}.text2xl{font-size:1.5rem;line-height:2rem}.text11Muted{font-size:11px;line-height:1rem;color:var(--owo-ref-color-neutral-500)}.textXsMuted{font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-ref-color-neutral-500)}.fontStrong{font-weight:600;color:var(--owo-ref-color-neutral-800)}.marginTop1{margin-top:.25rem}.marginTop2{margin-top:.5rem}.marginTop3{margin-top:.75rem}.stack2{display:flex;flex-direction:column;gap:.5rem}.placementColumn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:3rem;padding-bottom:3rem}.placementRow{display:flex;align-items:center;gap:.5rem}.placementSpacer{width:1.5rem}.centerRowLarge{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;padding-top:3rem;padding-bottom:3rem}.richTooltipTitle{font-weight:500}.richTooltipBody{margin-top:.25rem;opacity:.8}.spinnerVariantsRow{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.spinnerVariantCell{display:flex;flex-direction:column;align-items:center;gap:.5rem}.surfaceGrid{display:grid;gap:1rem}.surfaceCard{border-radius:.5rem;padding:1rem}.surfaceLabel{margin-bottom:.5rem;font-size:11px;line-height:1rem;font-weight:500;color:var(--owo-ref-color-neutral-500)}.cardPlaceholder{display:flex;flex-direction:column;gap:.75rem;max-width:24rem;border-radius:.5rem;border:1px solid var(--owo-ref-color-surface-border);padding:1rem}.actionsRow{display:flex;gap:.5rem;padding-top:.5rem}.avatarTextColumn{flex:1 1 auto;display:flex;flex-direction:column;gap:.5rem}.noteBox{border-radius:.5rem;border:1px solid var(--owo-ref-color-surface-border);background:var(--owo-ref-color-surface-subtle);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-600)}.dialogStatsCard{margin-top:.75rem;border-radius:.5rem;border:1px solid var(--owo-ref-color-surface-border);background:var(--owo-ref-color-surface-base);padding:.75rem;font-size:.875rem;line-height:1.25rem}.dialogStatsRow{display:flex;justify-content:space-between}.resultText{font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-600)}.inlineCode{border-radius:.25rem;background:var(--owo-ref-color-surface-subtle);padding:.125rem .25rem;font-size:.75rem;line-height:1rem}.skeletonLineSm{height:.75rem;width:8rem}.skeletonLineMd{height:1rem;width:12rem}.skeletonLineLg{height:1rem;width:16rem}.skeletonLineFull{height:1rem;width:100%}.skeletonLineThreeQuarter{height:1rem;width:75%}.skeletonLineFiveSixths{height:1rem;width:83.3333%}.skeletonTitle{height:1.25rem;width:75%}.skeletonAvatar{height:2.5rem;width:2.5rem;border-radius:9999px}.skeletonButton{height:2rem;width:5rem;border-radius:.375rem}.surfaceStack2{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.surfaceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.root{--status-notice-bg: var(--owo-feedback-neutral-bg);--status-notice-border: var(--owo-feedback-neutral-border);--status-notice-text: var(--owo-feedback-neutral-text);--status-notice-icon: var(--owo-feedback-neutral-icon);border-radius:var(--owo-cmp-control-radius-md);border-width:1px;border-style:solid;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;background:var(--status-notice-bg);border-color:var(--status-notice-border);color:var(--status-notice-text)}.withIcon{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem}.icon{color:var(--status-notice-icon)}.root:not([data-layout=vertical]) .icon{margin-top:.125rem;flex-shrink:0}.text{min-width:0}.title{font-weight:500;color:var(--owo-cmp-text-primary)}.root[data-layout=vertical]{border-radius:var(--owo-cmp-control-radius-lg)}.root[data-layout=vertical] .body{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;text-align:center}.root[data-layout=vertical] .icon{font-size:1.125rem;line-height:1.75rem}.root[data-layout=vertical] .title{color:var(--status-notice-text)}.root[data-layout=vertical] .action{margin-top:.5rem}.root[data-tone=info]{--status-notice-bg: var(--owo-feedback-info-bg);--status-notice-border: var(--owo-feedback-info-border);--status-notice-text: var(--owo-feedback-info-text);--status-notice-icon: var(--owo-feedback-info-icon)}.root[data-tone=success]{--status-notice-bg: var(--owo-feedback-success-bg);--status-notice-border: var(--owo-feedback-success-border);--status-notice-text: var(--owo-feedback-success-text);--status-notice-icon: var(--owo-feedback-success-icon)}.root[data-tone=warning]{--status-notice-bg: var(--owo-feedback-warning-bg);--status-notice-border: var(--owo-feedback-warning-border);--status-notice-text: var(--owo-feedback-warning-text);--status-notice-icon: var(--owo-feedback-warning-icon)}.root[data-tone=danger]{--status-notice-bg: var(--owo-feedback-danger-bg);--status-notice-border: var(--owo-feedback-danger-border);--status-notice-text: var(--owo-feedback-danger-text);--status-notice-icon: var(--owo-feedback-danger-icon)}.root{border-radius:var(--owo-cmp-control-radius-sm);--_owo-skeleton-scan-duration: 3.6s;--skeleton-bg: linear-gradient( 180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 94%, white) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 100%, var(--owo-cmp-surface-border)) 100% );--skeleton-bg-emphasis: linear-gradient( 180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-subtle) 78%, var(--owo-ref-color-highlight-soft)) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 86%, var(--owo-cmp-surface-border)) 100% );--skeleton-sheen: linear-gradient( 100deg, transparent 0%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 28%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 40%, var(--owo-ref-color-highlight-sheen) 50%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 60%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 72%, transparent 100% );--skeleton-top-highlight: var(--owo-ref-color-highlight-soft);position:relative;overflow:hidden;background:var(--skeleton-bg);box-shadow:inset 0 1px 0 var(--skeleton-top-highlight);transform:translateZ(0)}.root[data-tone=emphasis]{background:var(--skeleton-bg-emphasis)}.root:before{content:"";position:absolute;inset:0;background:inherit;opacity:.84}.root:after{content:"";position:absolute;inset:-35%;background:var(--skeleton-sheen);transform:translate(-140%) skew(-14deg);opacity:0;will-change:transform,opacity}.root[data-animation=pulse]:after{display:none}.root[data-animation=pulse]:before{animation:owo-skeleton-breathe 2.6s var(--owo-cmp-motion-ease-standard) infinite}.root[data-animation=scan]:before{opacity:1;filter:none}.root[data-animation=scan]:after{opacity:1;animation:owo-skeleton-scan var(--_owo-skeleton-scan-duration) cubic-bezier(.3,0,.2,1) infinite}@keyframes owo-skeleton-breathe{0%,to{opacity:.8;filter:saturate(.96) brightness(.98)}50%{opacity:1;filter:saturate(1.04) brightness(1.04)}}@keyframes owo-skeleton-scan{0%{transform:translate(-140%) skew(-14deg);opacity:0}18%{opacity:.82}52%{transform:translate(6%) skew(-14deg);opacity:1}82%{opacity:.82}to{transform:translate(140%) skew(-14deg);opacity:0}}@media(prefers-reduced-motion:reduce){.root:before{animation:none;opacity:.94;filter:none}.root:after{animation:none;opacity:0}}.overlay{position:fixed;inset:0;z-index:var(--owo-cmp-z-modal);display:flex;align-items:center;justify-content:center}.overlay [data-part=backdrop]{position:absolute;inset:0;padding:0;border:0;background:var(--owo-cmp-overlay-bg);animation:dialog-backdrop-in .2s var(--owo-cmp-motion-ease-standard)}.panel{position:relative;z-index:10;width:100%;border-radius:var(--owo-cmp-control-radius-xl);background:var(--owo-cmp-surface-bg-raised);border:1px solid var(--owo-cmp-surface-border);color:var(--owo-cmp-text-primary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:dialog-in .2s var(--owo-cmp-motion-ease-standard)}.panel[data-size=sm]{max-width:26rem}.panel[data-size=md]{max-width:32rem}.overlay [data-part=header]{padding:1.25rem 1.25rem .25rem;font-size:1rem;line-height:1.5;font-weight:600;color:var(--owo-cmp-text-primary)}.overlay [data-part=body]{padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-secondary)}.overlay [data-part=footer]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1.25rem}.confirmDescription{white-space:pre-wrap}@keyframes dialog-in{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}.container{pointer-events:none;position:fixed;bottom:1rem;right:1rem;z-index:var(--owo-cmp-z-toast);display:flex;flex-direction:column-reverse;gap:.5rem}.toast{--toast-bg: var(--owo-feedback-neutral-bg);--toast-border: var(--owo-feedback-neutral-border);--toast-text: var(--owo-feedback-neutral-text);--toast-icon: var(--owo-feedback-neutral-icon);--toast-shadow: var(--owo-cmp-surface-shadow-strong);pointer-events:auto;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--toast-border);font-size:.875rem;line-height:1.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--toast-bg);color:var(--toast-text);box-shadow:var(--toast-shadow);animation:toast-in .25s var(--owo-cmp-motion-ease-standard)}.toastDefault{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}.toast [data-part=icon]{margin-top:.125rem;flex-shrink:0;color:var(--toast-icon)}.toast [data-part=content]{min-width:0;flex:1}.toast [data-part=title]{display:block;font-weight:500;color:inherit}.toast [data-part=message]{display:block}.toast [data-part=close]{margin-right:-.25rem;margin-top:-.125rem;flex-shrink:0;border-radius:var(--owo-cmp-control-radius-sm);padding:.125rem;color:currentColor;opacity:.5;transition:opacity .15s;background:transparent;border:0;cursor:pointer}.toast [data-part=close]:hover{opacity:1}.toast[data-tone=success]{--toast-bg: var(--owo-feedback-success-bg);--toast-border: var(--owo-feedback-success-border);--toast-text: var(--owo-feedback-success-text);--toast-icon: var(--owo-feedback-success-icon)}.toast[data-tone=warning]{--toast-bg: var(--owo-feedback-warning-bg);--toast-border: var(--owo-feedback-warning-border);--toast-text: var(--owo-feedback-warning-text);--toast-icon: var(--owo-feedback-warning-icon)}.toast[data-tone=danger]{--toast-bg: var(--owo-feedback-danger-bg);--toast-border: var(--owo-feedback-danger-border);--toast-text: var(--owo-feedback-danger-text);--toast-icon: var(--owo-feedback-danger-icon)}.toast[data-tone=info]{--toast-bg: var(--owo-feedback-info-bg);--toast-border: var(--owo-feedback-info-border);--toast-text: var(--owo-feedback-info-text);--toast-icon: var(--owo-feedback-info-icon)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.root{--avatar-bg: var(--owo-cmp-surface-bg-inset);--avatar-text: var(--owo-cmp-text-secondary);--avatar-border: transparent;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--owo-cmp-control-radius-full);font-weight:500;user-select:none;background:var(--avatar-bg);color:var(--avatar-text);border:1px solid var(--avatar-border)}.root[data-size=xs]{height:1.5rem;width:1.5rem;font-size:10px}.root[data-size=sm]{height:2rem;width:2rem;font-size:.75rem;line-height:1rem}.root[data-size=md]{height:2.5rem;width:2.5rem;font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{height:3.5rem;width:3.5rem;font-size:1.125rem;line-height:1.75rem}.root>img{height:100%;width:100%;object-fit:cover}.root[data-tone=subtle]{--avatar-bg: var(--owo-cmp-surface-bg-subtle);--avatar-text: var(--owo-cmp-text-muted)}.trigger{display:inline-flex}.content{--tooltip-bg: var(--owo-cmp-surface-bg-raised);--tooltip-border: var(--owo-cmp-surface-border);--tooltip-text: var(--owo-cmp-text-primary);--tooltip-shadow: var(--owo-cmp-surface-shadow-strong);--tooltip-arrow-color: var(--tooltip-bg);position:fixed;z-index:var(--owo-cmp-z-toast);border-radius:var(--owo-cmp-control-radius-lg);line-height:1.625;background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);backdrop-filter:blur(10px);animation:tooltip-in .15s var(--owo-cmp-motion-ease-standard)}.content[data-density=compact]{padding:.25rem .5rem;font-size:11px;max-width:200px}.content[data-density=default]{padding:.5rem .75rem;font-size:.75rem;line-height:1rem;max-width:20rem}.content [data-part=arrow]{position:absolute;color:var(--tooltip-arrow-color);filter:drop-shadow(0 1px 0 var(--tooltip-border))}@keyframes tooltip-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.trigger{border:0;padding:0;appearance:none;background:transparent;color:inherit;font:inherit}.content{min-width:12rem;overflow-y:auto;border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-lg);background:var(--owo-cmp-surface-bg-raised);box-shadow:var(--_owo-dropdown-menu-shadow, var(--owo-cmp-surface-shadow-strong));padding:.375rem;color:var(--owo-cmp-text-primary);outline:none;z-index:var(--owo-cmp-z-dropdown);animation:owo-dropdown-menu-in var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard)}.content[data-side=top]{transform-origin:bottom center}.content[data-side=bottom]{transform-origin:top center}.content[data-side=left]{transform-origin:center right}.content[data-side=right]{transform-origin:center left}.content [data-part=group]+[data-part=group]{margin-top:.375rem;padding-top:.375rem;border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 80%,transparent)}.content [data-part=label]{padding:.35rem .625rem .25rem;font-size:.675rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.content [data-part=separator]{margin:.375rem .25rem;border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 82%,transparent)}.content [data-part=item],.subTrigger{display:flex;width:100%;align-items:center;gap:.75rem;border:0;border-radius:calc(var(--owo-cmp-control-radius-md) - .125rem);background:transparent;padding:.625rem .75rem;text-align:left;color:inherit;cursor:default;transition:background-color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard),color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard);appearance:none}.content [data-part=item]:hover,.content [data-part=item][data-highlighted],.subTrigger:hover,.subTrigger[data-highlighted]{background:var(--owo-cmp-surface-bg-inset)}.content [data-part=item][data-selected]{background:color-mix(in srgb,var(--owo-cmp-accent-bg) 10%,var(--owo-cmp-surface-bg-raised))}.content [data-part=item][data-selected] .itemMain{color:var(--owo-cmp-text-primary);font-weight:600}.content [data-part=item][data-disabled],.subTrigger[data-disabled]{opacity:.5;cursor:not-allowed}.content [data-part=item][data-destructive],.subTrigger[data-destructive]{color:var(--owo-cmp-danger-text)}.itemInset{padding-left:1rem}.itemMain{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut,.indicator,.submenuIndicator{flex:0 0 auto;color:var(--owo-cmp-text-muted);font-size:.75rem}.indicator{min-width:1rem;text-align:center;color:var(--owo-cmp-accent-bg);font-weight:700}.subTrigger[data-state=open]{background:var(--owo-cmp-surface-bg-inset)}@keyframes owo-dropdown-menu-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.panel{--drawer-surface: var(--owo-cmp-surface-bg-raised);--drawer-border: var(--owo-cmp-surface-border);--drawer-shadow: var(--owo-cmp-surface-shadow-strong);z-index:calc(var(--owo-cmp-z-modal) + 1);display:flex;max-width:100%;flex-direction:column;will-change:transform;transform:translate(0);transition:transform var(--owo-cmp-motion-duration-default) var(--owo-cmp-motion-ease-standard);background:var(--drawer-surface);border-color:var(--drawer-border);box-shadow:var(--drawer-shadow)}.panel[data-position=fixed]{position:fixed}.panel[data-position=absolute]{position:absolute}.panel[data-side=left]{left:0;top:0}.panel[data-side=right]{right:0;top:0}.panel[data-state=open]{pointer-events:auto;visibility:visible;transform:translate(0)}.panel[data-state=closed]{pointer-events:none;visibility:hidden}.panel[data-state=closed][data-side=left]{transform:translate(-100%)}.panel[data-state=closed][data-side=right]{transform:translate(100%)}.backdrop{--drawer-backdrop: var(--owo-cmp-overlay-bg);inset:0;z-index:var(--owo-cmp-z-modal);padding:0;border:0;background:var(--drawer-backdrop)}.backdrop[data-position=fixed]{position:fixed}.backdrop[data-position=absolute]{position:absolute}.panelGrid,.panelGridLg{display:grid;gap:1rem}.panelTextSm{font-size:.875rem;line-height:1.25rem}.panelTextXsMuted{margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--owo-ref-color-neutral-500)}.panelTitle{font-size:.875rem;line-height:1.25rem;font-weight:500}.panelHeading{font-size:.875rem;line-height:1.25rem;font-weight:600}.panelSurfaceCard{border-radius:.5rem;padding:1rem}.panelSurfaceLabel{margin-bottom:.5rem;font-size:11px;line-height:1rem;font-weight:500;color:var(--owo-ref-color-neutral-500)}.panelOuterSurface{border-radius:.75rem;background:var(--owo-ref-color-surface-subtle);padding:1.25rem}.panelMax{max-width:28rem}.panelFooterActions{display:flex;justify-content:flex-end;gap:.5rem}.panelStack{display:flex;flex-direction:column;gap:.75rem}.drawerFrame{position:relative;height:26rem;overflow:hidden;border-radius:.75rem;border:1px solid var(--owo-ref-color-surface-border);background:var(--owo-ref-color-surface-canvas)}.drawerCenter{display:flex;height:100%;align-items:center;justify-content:center}.drawerPanel{height:100%;width:20rem;max-width:100%;border-left:1px solid var(--owo-ref-color-surface-border)}.drawerColumn{display:flex;height:100%;flex-direction:column}.drawerHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--owo-ref-color-surface-border);padding:.75rem 1rem}.drawerHeaderTitle{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--owo-ref-color-neutral-800)}.drawerBody{flex:1 1 auto;overflow-y:auto;padding:1rem}.drawerBodyStack{display:flex;flex-direction:column;gap:.75rem}.drawerBodyText{font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-600)}.drawerInnerCard{border-radius:.5rem;border:1px solid var(--owo-ref-color-surface-border);background:var(--owo-ref-color-surface-base);padding:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-700)}.drawerFooter{display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--owo-ref-color-surface-border);padding:.75rem 1rem}.drawerSurfaceStage{border-radius:.75rem;background:var(--owo-ref-color-surface-subtle);padding:1.25rem}.drawerSurfaceFrame{position:relative;height:20rem;overflow:hidden;border-radius:.75rem;border:1px solid var(--owo-ref-color-surface-border);background:var(--owo-ref-color-surface-canvas)}.drawerOverlay{position:absolute;inset:0;background:var(--owo-cmp-overlay-bg)}.drawerPanelDemo{position:absolute;inset-block:0;right:0;display:flex;width:20rem;max-width:100%;flex-direction:column;border-left:1px solid var(--owo-ref-color-surface-border)}.drawerSurfaceHeader{border-bottom:1px solid var(--owo-ref-color-surface-border);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--owo-ref-color-neutral-800)}@media(min-width:640px){.panelGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.panelGridLg{grid-template-columns:repeat(3,minmax(0,1fr))}}.root{--panel-bg: var(--owo-cmp-surface-bg);--panel-border: var(--owo-cmp-surface-border);--panel-section-border: var(--owo-cmp-surface-border);--panel-shadow: none;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}.root[data-padding=sm]{padding:1rem}.root[data-padding=md]{padding:1.25rem}.root[data-padding=lg]{padding:1.5rem}.root [data-part=header]{border-bottom:1px solid var(--panel-section-border);padding:1.25rem 1.5rem}.root [data-part=body]{padding:1.25rem 1.5rem}.root [data-part=footer]{border-top:1px solid var(--panel-section-border);padding:1rem 1.5rem}.root[data-variant=subtle]{--panel-bg: var(--owo-cmp-surface-bg-subtle)}.root[data-variant=raised]{--panel-bg: var(--owo-cmp-surface-bg-raised);--panel-shadow: var(--owo-cmp-surface-shadow)}.root{position:fixed;inset:0 0 auto;z-index:50;display:flex;height:4rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--owo-cmp-surface-border);padding:0 2rem;background:var(--owo-cmp-surface-bg);color:var(--owo-cmp-text-primary);font-family:var(--font-headline);font-size:.875rem;line-height:1.25rem;letter-spacing:-.025em}.brandRow{display:flex;align-items:center;gap:2rem}.brand{font-size:1.125rem;line-height:1.75rem;font-weight:700;letter-spacing:-.05em;color:var(--owo-cmp-text-primary)}.tabs{display:none;align-items:center;gap:1.5rem}.tab{display:flex;height:4rem;align-items:center;color:var(--owo-cmp-text-muted);transition:color .15s}.tab:hover{color:var(--owo-cmp-text-primary)}.tabActive{border-bottom:2px solid var(--owo-cmp-text-primary);color:var(--owo-cmp-text-primary);font-weight:600}.actions{display:flex;align-items:center;gap:1rem}@media(min-width:768px){.tabs{display:flex}}.root{position:relative}.icon{position:absolute;top:50%;left:.625rem;z-index:10;transform:translateY(-50%);color:var(--owo-cmp-text-muted)}.input{padding-left:2rem;font-size:.75rem;line-height:1rem}.results{position:absolute;top:100%;right:0;left:0;z-index:50;margin-top:.25rem;max-height:13rem;overflow-y:auto;border-radius:.5rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);box-shadow:var(--owo-cmp-surface-shadow-strong)}.result{display:flex;width:100%;align-items:center;gap:.625rem;padding:.5rem .75rem;text-align:left;font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted);transition:color .15s,background-color .15s}.result:hover{background:var(--owo-cmp-surface-bg-inset);color:var(--owo-cmp-text-primary)}.resultName{font-weight:500}.resultGroup{margin-left:auto;font-size:10px}.root{position:fixed;top:4rem;left:0;z-index:40;display:flex;width:16rem;flex-direction:column;overflow-y:auto;border-right:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg-subtle)}.topArea{margin-bottom:1rem;padding:1rem 1.25rem 0}.topArea>*+*{margin-top:.75rem}.themeRow{display:flex;align-items:center;gap:.5rem}.presetSelect{flex:1 1 0%}.foundationsNote{flex:1 1 0%;padding:1.5rem 1rem;font-size:.75rem;line-height:1.625;color:var(--owo-cmp-text-muted)}.groups{flex:1 1 0%;padding:0 1rem}.groups>*+*{margin-top:1.5rem}.groupLabel{display:block;padding:0 .75rem;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--owo-cmp-text-primary);opacity:.6}.groupItems{margin-top:.5rem}.groupItems>*+*{margin-top:.25rem}.navItem{display:flex;align-items:center;gap:.75rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-secondary);transition:all .2s}.navItem:hover{background:var(--owo-cmp-surface-container-highest)}.navItemActive{border:1px solid var(--owo-cmp-surface-border-muted);background:var(--owo-cmp-surface-bg);color:var(--owo-cmp-text-primary);font-weight:500;box-shadow:var(--owo-cmp-surface-shadow)}.navItemIcon{flex-shrink:0}.navItemLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{margin-top:auto;border-top:1px solid var(--owo-cmp-surface-border);padding:1rem}.footer>*+*{margin-top:.25rem}.footerLink{display:flex;align-items:center;gap:.75rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-secondary);transition:all .2s}.footerLink:hover{background:var(--owo-cmp-surface-container-highest)}.root{overflow:hidden;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border)}.preview{position:relative;overflow-x:auto;padding:2rem;background:var(--owo-cmp-surface-bg)}.previewInner{position:relative;z-index:10;min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg-subtle);padding:.5rem 1rem}.codeBlock{overflow-x:auto;border-top:1px solid var(--owo-cmp-surface-border);background:var(--owo-ref-color-code-block-bg);padding:1rem;font-size:.75rem;line-height:1.625;color:var(--owo-ref-color-neutral-700)}.root{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}.previewColumn{position:relative}.preview{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);box-shadow:var(--owo-cmp-surface-shadow-strong)}.previewContent{position:relative;z-index:10;padding:3rem;text-align:center;transition:transform .2s}.floatingControls{position:absolute;bottom:1rem;left:1rem;z-index:10;display:flex;align-items:center;gap:.5rem}.zoomLabel{min-width:3ch;text-align:center;font-family:var(--owo-ref-font-mono);font-size:11px;color:var(--owo-cmp-text-muted)}.controlsPanel{display:flex;flex-direction:column;gap:1.5rem;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg-subtle);padding:1.5rem}.controlsHeading{display:flex;align-items:center;gap:.5rem;font-family:var(--font-headline);font-size:.875rem;line-height:1.25rem;font-weight:700;letter-spacing:.05em;color:var(--owo-cmp-text-primary)}.headingIcon{color:var(--owo-cmp-text-muted)}.controlsList>*+*{margin-top:1.25rem}.booleanGroup{padding-top:.5rem}.booleanGroup>*+*{margin-top:1rem}.booleanRow{display:flex;align-items:center;justify-content:space-between}.booleanLabel{font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-primary)}.fieldGroup>*+*{margin-top:.5rem}.fieldLabel{display:block;font-size:11px;line-height:1.25;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--owo-cmp-text-secondary)}.copyButton{margin-top:auto;width:100%;text-transform:uppercase;letter-spacing:.1em}.numberInput{width:6rem}@media(min-width:1280px){.root{grid-template-columns:repeat(3,minmax(0,1fr))}.previewColumn{grid-column:span 2 / span 2}}.root{overflow:hidden;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem;line-height:1.25rem}.headRow{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.headCell{border-bottom:1px solid var(--owo-cmp-surface-border);padding:1rem 1.5rem}.body{color:var(--owo-cmp-text-primary)}.bodyRow{transition:background-color .15s}.bodyRow+.bodyRow td{border-top:1px solid var(--owo-cmp-surface-border)}.bodyRow:hover{background:var(--owo-cmp-surface-bg-inset)}.nameCell{padding:1rem 1.5rem;font-family:var(--owo-ref-font-mono);font-size:.75rem;line-height:1rem;font-weight:600;color:var(--owo-cmp-text-primary)}.typeCell{padding:1rem 1.5rem;font-style:italic;color:var(--owo-cmp-text-muted)}.defaultCell{padding:1rem 1.5rem;color:var(--owo-cmp-text-muted)}.descriptionCell{padding:1rem 1.5rem}.root>*+*{margin-top:3rem}.header>*+*{margin-top:1rem}.title{font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-.025em;color:var(--owo-cmp-text-primary)}.description{max-width:42rem;font-size:1.125rem;line-height:1.625;color:var(--owo-cmp-text-muted)}.sectionTitle{font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--owo-cmp-text-primary)}.groupTitle{margin-bottom:1rem;font-size:.75rem;line-height:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.colorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.swatchRow{display:flex;align-items:center;gap:.75rem}.swatch{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:.5rem;border:1px solid var(--owo-cmp-surface-border)}.swatchMeta{min-width:0}.swatchName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-cmp-text-primary)}.swatchVar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--owo-ref-font-mono);font-size:10px;color:var(--owo-cmp-text-muted)}.card{border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);padding:2rem}.card>*+*{margin-top:1.5rem}.tokenLabel{margin-bottom:.25rem;font-size:10px;line-height:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.samplePrimary{font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--owo-cmp-text-primary)}.sampleSecondary{font-size:1.125rem;line-height:1.75rem;color:var(--owo-cmp-text-primary)}.scaleBlock{border-top:1px solid var(--owo-cmp-surface-border);padding-top:1.5rem}.scaleList>*+*{margin-top:.75rem}.scaleRow{display:flex;align-items:baseline;gap:1rem}.scaleKey{width:5rem;flex-shrink:0;font-family:var(--owo-ref-font-mono);font-size:10px;color:var(--owo-cmp-text-muted)}.radiusGrid,.heightGrid,.shadowGrid{display:flex;flex-wrap:wrap;gap:1.5rem}.tokenCard{text-align:center}.radiusSample{margin:0 auto .5rem;width:4rem;height:4rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg-subtle)}.heightRail{margin:0 auto .75rem;display:flex;min-height:4.5rem;align-items:flex-end;justify-content:center}.heightSample{display:inline-flex;min-width:4.5rem;align-items:center;justify-content:center;border-radius:var(--owo-cmp-control-radius-md);border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-cmp-text-primary)}.shadowSample{margin:0 auto .75rem;width:9rem;height:6rem;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg)}.tokenName{font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-cmp-text-primary)}.tokenVar{font-family:var(--owo-ref-font-mono);font-size:10px;color:var(--owo-cmp-text-muted)}@media(min-width:640px){.colorGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.colorGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.root>*+*{margin-top:2rem}.sectionStack>*+*{margin-top:2rem}.pageHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--owo-cmp-surface-border);padding-bottom:1.5rem}.pageHeaderMeta{display:flex;align-items:center;gap:.5rem}.pageTitle{font-family:var(--font-headline);font-size:1.5rem;line-height:2rem;font-weight:800;letter-spacing:-.025em}.pageDescription{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-muted)}.showcaseStack>*+*{margin-top:2rem}.headline{font-family:var(--font-headline);font-size:1.875rem;line-height:2.25rem;font-weight:800;letter-spacing:-.025em}.subtleText{font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-muted)}.metaLine{margin-top:.25rem}.headerActions{display:flex;align-items:center;gap:.75rem}.userMenuTrigger{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.25rem .5rem;transition:background-color .15s}.userMenuTrigger:hover{background:var(--owo-cmp-surface-bg-inset)}.mutedIcon{color:var(--owo-cmp-text-muted)}.contentGrid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}.mainColumn>*+*{margin-top:1.5rem}.sidebarColumn>*+*{margin-top:1.5rem}.toolbar{display:flex;align-items:center;justify-content:space-between}.stack5>*+*{margin-top:1.25rem}.stack6>*+*{margin-top:1.5rem}.panelHeader{margin-bottom:1rem;font-family:var(--font-headline);font-size:.875rem;line-height:1.25rem;font-weight:700}.simpleStack>*+*{margin-top:.75rem}.activityRow{display:flex;align-items:flex-start;gap:.75rem}.activityMeta{min-width:0}.activityText{font-size:.875rem;line-height:1.25rem}.activityMuted{color:var(--owo-cmp-text-muted)}.metaText{font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.buttonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.newsMainColumn{min-width:0}.newsArticleCard{display:flex;gap:1.25rem;padding:1.25rem}.newsArticleImage{display:none;height:7rem;width:11rem;flex-shrink:0;border-radius:.5rem}.newsArticleBody{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}.newsArticleMeta{display:flex;align-items:center;gap:.5rem}.newsMetaText{font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.newsArticleTitle{margin-top:.5rem;font-family:var(--font-headline);font-size:1rem;line-height:1.375rem;font-weight:700}.newsArticleExcerpt{margin-top:.25rem;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-muted)}.newsArticleFooter{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:.75rem}.newsAuthorRow{display:flex;align-items:center;gap:.75rem;font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.newsAuthorInline,.newsIconRow{display:flex;align-items:center;gap:.25rem}.centerRow{display:flex;justify-content:center}.fullWidth{width:100%}.cardTrigger{width:100%;border-radius:.5rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);padding:.75rem 1rem;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:background-color .15s}.cardTrigger:hover{background:var(--owo-cmp-surface-bg-subtle)}.cardContent{padding:.25rem 1rem .75rem;font-size:.875rem;line-height:1.5;color:var(--owo-cmp-text-muted)}.accentText{font-weight:500;color:var(--owo-cmp-accent-bg)}.loadingRow{display:flex;align-items:center;gap:1rem}.loadingMeta{flex:1 1 0%}.loadingMeta>*+*{margin-top:.5rem}.dialogSettingRow{display:flex;align-items:center;justify-content:space-between}.dialogSettingTitle{font-size:.875rem;line-height:1.25rem;font-weight:500}.dialogSettingHint{font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.metricBody>*+*{margin-top:.5rem}.metricHeaderRow{display:flex;align-items:center;justify-content:space-between}.metricLabel{font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-cmp-text-muted)}.metricIcon{color:var(--owo-cmp-text-muted)}.metricValueRow{display:flex;align-items:flex-end;gap:.5rem}.metricValue{font-family:var(--font-headline);font-size:1.5rem;line-height:2rem;font-weight:700}.chartHeader{display:flex;align-items:center;justify-content:space-between}.sectionTitle{font-family:var(--font-headline);font-size:1rem;line-height:1.5rem;font-weight:700}.chartArea{display:flex;height:12rem;align-items:flex-end;gap:.5rem;border-radius:.5rem;background:var(--owo-cmp-surface-bg-inset);padding:1rem}.chartBar{flex:1 1 0%;border-top-left-radius:.5rem;border-top-right-radius:.5rem;transition:opacity .15s}.chartBar:hover{opacity:.8}.chartXAxis{display:flex;justify-content:space-between;font-size:10px;line-height:1rem;color:var(--owo-cmp-text-muted)}.serviceHeader{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.serviceList{border-top:1px solid transparent}.serviceList>*+*{border-top:1px solid var(--owo-cmp-surface-border)}.serviceRow{display:flex;align-items:center;justify-content:space-between;padding-block:.75rem}.serviceMeta{display:flex;align-items:center;gap:.75rem}.serviceDot{height:.5rem;width:.5rem;border-radius:9999px}.serviceName{font-size:.875rem;line-height:1.25rem;font-weight:500}.serviceStats{display:flex;align-items:center;gap:1.5rem;font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.loadingTitle{margin-bottom:1rem;font-family:var(--font-headline);font-size:.875rem;line-height:1.25rem;font-weight:700}.loadingAvatar{height:2.5rem;width:2.5rem;border-radius:9999px}.loadingLineWide{height:1rem;width:60%;border-radius:.25rem}.loadingLineNarrow{height:.75rem;width:40%;border-radius:.25rem}.loadingButton{height:2rem;width:6rem;border-radius:.25rem}@media(min-width:1280px){.contentGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.mainColumn{grid-column:span 2 / span 2}}@media(min-width:640px){.newsArticleImage{display:block}}.shell{min-height:100dvh;background:var(--owo-cmp-canvas-bg);color:var(--owo-cmp-text-primary)}.skipLink{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skipLink:focus{position:absolute;top:1rem;left:1rem;width:auto;height:auto;margin:0;padding:.5rem 1rem;clip:auto;overflow:visible;white-space:normal;z-index:50;border-radius:.25rem;background:var(--owo-cmp-surface-bg);box-shadow:var(--owo-cmp-surface-shadow);font-size:.875rem;line-height:1.25rem}.main{min-height:100vh;padding-top:4rem;background:var(--owo-cmp-canvas-bg)}.mainWithSidebar{margin-left:16rem}.contentWrap{margin:0 auto;max-width:1400px;padding:2.5rem}.contentWrap>*+*{margin-top:3rem}.notFound{padding:5rem 0;text-align:center;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-muted)}.pageStack>*+*{margin-top:3rem}.pageHeader>*+*{margin-top:1rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-cmp-text-muted)}.breadcrumbCurrent{font-weight:600;color:var(--owo-cmp-text-primary)}.pageTitle{font-family:var(--font-headline);font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-.025em;color:var(--owo-cmp-text-primary)}.pageDescription{max-width:42rem;font-size:1.125rem;line-height:1.625;color:var(--owo-cmp-text-muted)}.section>*+*{margin-top:1.5rem}.sectionHeadingRow{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--owo-cmp-surface-border)}.sectionTitle{font-family:var(--font-headline);font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--owo-cmp-text-primary)}.stableBadge{border-radius:9999px;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg-subtle);padding:.25rem .75rem;font-family:var(--owo-ref-font-mono);font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.storiesSection>*+*{margin-top:2rem}.storyCardHeader{margin-bottom:.75rem}.storyTitle{font-size:1rem;line-height:1.5rem;font-weight:600;color:var(--owo-cmp-text-primary)}.storyDescription{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-muted)}.footer{display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--owo-cmp-surface-border);padding-top:5rem;padding-bottom:2.5rem;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.footerLinks{display:flex;gap:2rem}.footerLink{transition:color .15s}.footerLink:hover{color:var(--owo-cmp-text-primary)}@media(min-width:768px){.footer{flex-direction:row;align-items:center;justify-content:space-between}}:root{--owo-ref-color-neutral-900: #1a1a1a;--owo-ref-color-neutral-800: #2d2d2d;--owo-ref-color-neutral-700: #4a4a4a;--owo-ref-color-neutral-600: #71717a;--owo-ref-color-neutral-500: #a1a1aa;--owo-ref-color-neutral-400: #d4d4d8;--owo-ref-color-neutral-300: #e4e4e7;--owo-ref-color-neutral-200: #f0f0f2;--owo-ref-color-neutral-100: #f8f8f9;--owo-ref-color-brand-primary: #1a1a1a;--owo-ref-color-brand-primary-hover: #000000;--owo-ref-color-brand-accent: #4a4a4a;--owo-ref-color-surface-canvas: #ffffff;--owo-ref-color-surface-base: #ffffff;--owo-ref-color-surface-subtle: #fafaf9;--owo-ref-color-surface-raised: #ffffff;--owo-ref-color-surface-inset: #f5f5f4;--owo-ref-color-surface-border: #e5e7eb;--owo-ref-color-surface-ring: #d6d3d1;--owo-ref-color-surface-overlay: rgba(0, 0, 0, .4);--owo-ref-color-overlay-soft: rgba(244, 238, 230, .56);--owo-ref-color-overlay-strong: rgba(15, 23, 42, .18);--owo-ref-color-highlight-soft: rgba(255, 255, 255, .56);--owo-ref-color-highlight-sheen: rgba(255, 255, 255, .34);--owo-ref-color-text-on-brand: #ffffff;--owo-ref-color-code-block-bg: #f4f4f5;--owo-ref-color-code-block-border: #e4e4e7;--owo-ref-color-code-block-divider: #ececed;--owo-ref-color-code-inline-bg: #f4f4f5;--owo-ref-shadow-raised: 0 10px 20px rgba(15, 23, 42, .08);--owo-ref-shadow-popover: 0 18px 40px rgba(15, 23, 42, .1);--owo-ref-color-status-success-bg: rgba(16, 185, 129, .1);--owo-ref-color-status-success-border: rgba(16, 185, 129, .2);--owo-ref-color-status-success-text: #047857;--owo-ref-color-status-warning-bg: rgba(245, 158, 11, .1);--owo-ref-color-status-warning-border: rgba(245, 158, 11, .2);--owo-ref-color-status-warning-text: #b45309;--owo-ref-color-status-danger-bg: rgba(239, 68, 68, .1);--owo-ref-color-status-danger-border: rgba(239, 68, 68, .2);--owo-ref-color-status-danger-text: #b91c1c;--owo-ref-color-status-info-bg: rgba(14, 165, 233, .1);--owo-ref-color-status-info-border: rgba(14, 165, 233, .2);--owo-ref-color-status-info-text: #0369a1;--owo-ref-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Roboto, sans-serif;--owo-ref-font-heading: "Source Serif 4", Georgia, "Times New Roman", serif;--owo-ref-font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--owo-ref-radius-0: 0px;--owo-ref-radius-xs: .375rem;--owo-ref-radius-sm: .5rem;--owo-ref-radius-md: .75rem;--owo-ref-radius-lg: 1rem;--owo-ref-radius-xl: 1.5rem;--owo-ref-radius-2xl: 2rem;--owo-ref-radius-full: 9999px;--owo-ref-motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--owo-ref-motion-ease-decelerate: cubic-bezier(0, 0, 0, 1);--owo-ref-motion-ease-accelerate: cubic-bezier(.4, 0, 1, 1);--owo-ref-motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--owo-sys-preset-surface-bg: var(--owo-sys-theme-surface-base);--owo-sys-preset-surface-bg-subtle: var(--owo-sys-theme-surface-subtle);--owo-sys-preset-surface-bg-raised: var(--owo-sys-theme-surface-raised);--owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);--owo-sys-preset-surface-border: var(--owo-sys-theme-surface-border);--owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);--owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);--owo-sys-preset-surface-shadow: var(--owo-ref-shadow-raised);--owo-sys-preset-surface-shadow-strong: var(--owo-ref-shadow-popover);--owo-sys-preset-surface-blur: 0px;--owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);--owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);--owo-sys-preset-surface-container: var(--owo-sys-theme-surface-container);--owo-sys-preset-surface-container-high: var(--owo-sys-theme-surface-container-high);--owo-sys-preset-surface-container-highest: var(--owo-sys-theme-surface-container-highest);--owo-sys-preset-control-radius-sm: var(--owo-ref-radius-sm);--owo-sys-preset-control-radius-md: var(--owo-ref-radius-md);--owo-sys-preset-control-radius-lg: var(--owo-ref-radius-lg);--owo-sys-preset-control-radius-xl: var(--owo-ref-radius-xl);--owo-sys-preset-control-radius-2xl: var(--owo-ref-radius-2xl);--owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);--owo-sys-preset-control-height-xs: 1.75rem;--owo-sys-preset-control-height-sm: 2rem;--owo-sys-preset-control-height-md: 2.25rem;--owo-sys-preset-control-height-lg: 2.5rem;--owo-sys-preset-control-height-xl: 3rem;--owo-sys-preset-control-border-width: 1px;--owo-cmp-surface-bg: var(--owo-sys-preset-surface-bg);--owo-cmp-surface-bg-subtle: var(--owo-sys-preset-surface-bg-subtle);--owo-cmp-surface-bg-raised: var(--owo-sys-preset-surface-bg-raised);--owo-cmp-surface-bg-inset: var(--owo-sys-preset-surface-bg-inset);--owo-cmp-surface-border: var(--owo-sys-preset-surface-border);--owo-cmp-surface-border-muted: var(--owo-sys-preset-surface-border-muted);--owo-cmp-surface-border-strong: var(--owo-sys-preset-surface-border-strong);--owo-cmp-surface-shadow: var(--owo-sys-preset-surface-shadow);--owo-cmp-surface-shadow-strong: var(--owo-sys-preset-surface-shadow-strong);--owo-cmp-surface-blur: var(--owo-sys-preset-surface-blur);--owo-cmp-canvas-bg: var(--owo-sys-preset-canvas-bg);--owo-cmp-canvas-bg-subtle: var(--owo-sys-preset-canvas-bg-subtle);--owo-cmp-surface-container: var(--owo-sys-preset-surface-container);--owo-cmp-surface-container-high: var(--owo-sys-preset-surface-container-high);--owo-cmp-surface-container-highest: var(--owo-sys-preset-surface-container-highest);--owo-cmp-text-primary: var(--owo-sys-theme-text-primary);--owo-cmp-text-secondary: var(--owo-sys-theme-text-secondary);--owo-cmp-text-muted: var(--owo-sys-theme-text-muted);--owo-cmp-text-on-accent: var(--owo-sys-theme-text-on-accent);--owo-cmp-accent-bg: var(--owo-sys-theme-accent-bg);--owo-cmp-accent-bg-hover: var(--owo-sys-theme-accent-bg-hover);--owo-cmp-accent-bg-muted: var(--owo-sys-theme-accent-bg-muted);--owo-cmp-accent-text: var(--owo-sys-theme-text-on-accent);--owo-cmp-accent-border: var(--owo-sys-theme-accent-border);--owo-cmp-success-bg: var(--owo-sys-theme-success-bg);--owo-cmp-success-border: var(--owo-sys-theme-success-border);--owo-cmp-success-text: var(--owo-sys-theme-success-text);--owo-cmp-warning-bg: var(--owo-sys-theme-warning-bg);--owo-cmp-warning-border: var(--owo-sys-theme-warning-border);--owo-cmp-warning-text: var(--owo-sys-theme-warning-text);--owo-cmp-danger-bg: var(--owo-sys-theme-danger-bg);--owo-cmp-danger-bg-emphasis: var(--owo-sys-theme-danger-bg-emphasis);--owo-cmp-danger-border: var(--owo-sys-theme-danger-border);--owo-cmp-danger-text: var(--owo-sys-theme-danger-text);--owo-cmp-info-bg: var(--owo-sys-theme-info-bg);--owo-cmp-info-border: var(--owo-sys-theme-info-border);--owo-cmp-info-text: var(--owo-sys-theme-info-text);--owo-cmp-control-radius-sm: var(--owo-sys-preset-control-radius-sm);--owo-cmp-control-radius-md: var(--owo-sys-preset-control-radius-md);--owo-cmp-control-radius-lg: var(--owo-sys-preset-control-radius-lg);--owo-cmp-control-radius-xl: var(--owo-sys-preset-control-radius-xl);--owo-cmp-control-radius-2xl: var(--owo-sys-preset-control-radius-2xl);--owo-cmp-control-radius-full: var(--owo-sys-preset-control-radius-full);--owo-cmp-control-height-xs: var(--owo-sys-preset-control-height-xs);--owo-cmp-control-height-sm: var(--owo-sys-preset-control-height-sm);--owo-cmp-control-height-md: var(--owo-sys-preset-control-height-md);--owo-cmp-control-height-lg: var(--owo-sys-preset-control-height-lg);--owo-cmp-control-height-xl: var(--owo-sys-preset-control-height-xl);--owo-cmp-control-border-width: var(--owo-sys-preset-control-border-width);--owo-cmp-control-focus-ring: var(--owo-sys-theme-control-focus-ring);--owo-cmp-control-focus-ring-offset: var(--owo-sys-theme-control-focus-ring-offset);--owo-cmp-font-heading: var(--owo-ref-font-heading);--owo-cmp-motion-duration-fast: .15s;--owo-cmp-motion-duration-default: .2s;--owo-cmp-motion-ease-standard: var(--owo-ref-motion-ease-standard);--owo-cmp-motion-ease-decelerate: var(--owo-ref-motion-ease-decelerate);--owo-cmp-motion-ease-accelerate: var(--owo-ref-motion-ease-accelerate);--owo-cmp-density-compact: .875;--owo-cmp-density-default: 1;--owo-cmp-density-comfortable: 1.125;--owo-cmp-overlay-bg: var(--owo-sys-theme-overlay-bg);--owo-cmp-z-dropdown: 1000;--owo-cmp-z-modal: 1100;--owo-cmp-z-toast: 1200;--owo-feedback-neutral-bg: var(--owo-cmp-surface-bg-raised);--owo-feedback-neutral-border: var(--owo-cmp-surface-border);--owo-feedback-neutral-text: var(--owo-cmp-text-primary);--owo-feedback-neutral-icon: var(--owo-cmp-text-secondary);--owo-feedback-info-bg: var(--owo-cmp-info-bg);--owo-feedback-info-border: var(--owo-cmp-info-border);--owo-feedback-info-text: var(--owo-cmp-info-text);--owo-feedback-info-icon: var(--owo-cmp-info-text);--owo-feedback-success-bg: var(--owo-cmp-success-bg);--owo-feedback-success-border: var(--owo-cmp-success-border);--owo-feedback-success-text: var(--owo-cmp-success-text);--owo-feedback-success-icon: var(--owo-cmp-success-text);--owo-feedback-warning-bg: var(--owo-cmp-warning-bg);--owo-feedback-warning-border: var(--owo-cmp-warning-border);--owo-feedback-warning-text: var(--owo-cmp-warning-text);--owo-feedback-warning-icon: var(--owo-cmp-warning-text);--owo-feedback-danger-bg: var(--owo-cmp-danger-bg);--owo-feedback-danger-border: var(--owo-cmp-danger-border);--owo-feedback-danger-text: var(--owo-cmp-danger-text);--owo-feedback-danger-icon: var(--owo-cmp-danger-text)}:root[data-preset=default],.owoui-preset-default{--owo-sys-preset-surface-bg: var(--owo-sys-theme-surface-base);--owo-sys-preset-surface-bg-subtle: var(--owo-sys-theme-surface-subtle);--owo-sys-preset-surface-bg-raised: var(--owo-sys-theme-surface-raised);--owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);--owo-sys-preset-surface-border: var(--owo-sys-theme-surface-border);--owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);--owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);--owo-sys-preset-surface-shadow: var(--owo-ref-shadow-raised);--owo-sys-preset-surface-shadow-strong: var(--owo-ref-shadow-popover);--owo-sys-preset-surface-blur: 0px;--owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);--owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);--owo-sys-preset-surface-container: var(--owo-sys-theme-surface-container);--owo-sys-preset-surface-container-high: var(--owo-sys-theme-surface-container-high);--owo-sys-preset-surface-container-highest: var(--owo-sys-theme-surface-container-highest);--owo-sys-preset-control-radius-sm: var(--owo-ref-radius-sm);--owo-sys-preset-control-radius-md: var(--owo-ref-radius-md);--owo-sys-preset-control-radius-lg: var(--owo-ref-radius-lg);--owo-sys-preset-control-radius-xl: var(--owo-ref-radius-xl);--owo-sys-preset-control-radius-2xl: var(--owo-ref-radius-2xl);--owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);--owo-sys-preset-control-height-xs: 1.75rem;--owo-sys-preset-control-height-sm: 2rem;--owo-sys-preset-control-height-md: 2.25rem;--owo-sys-preset-control-height-lg: 2.5rem;--owo-sys-preset-control-height-xl: 3rem;--owo-sys-preset-control-border-width: 1px}:root,:root[data-theme=light],.owoui-theme-light{--owo-ref-color-neutral-900: #1a1a1a;--owo-ref-color-neutral-800: #2d2d2d;--owo-ref-color-neutral-700: #4a4a4a;--owo-ref-color-neutral-600: #71717a;--owo-ref-color-neutral-500: #a1a1aa;--owo-ref-color-neutral-400: #d4d4d8;--owo-ref-color-neutral-300: #e4e4e7;--owo-ref-color-neutral-200: #f0f0f2;--owo-ref-color-neutral-100: #f8f8f9;--owo-ref-color-brand-primary: #1a1a1a;--owo-ref-color-brand-primary-hover: #000000;--owo-ref-color-brand-accent: #4a4a4a;--owo-ref-color-surface-canvas: #ffffff;--owo-ref-color-surface-base: #ffffff;--owo-ref-color-surface-subtle: #fafaf9;--owo-ref-color-surface-raised: #ffffff;--owo-ref-color-surface-inset: #f5f5f4;--owo-ref-color-surface-border: #e5e7eb;--owo-ref-color-surface-ring: #d6d3d1;--owo-ref-color-surface-overlay: rgba(0, 0, 0, .4);--owo-ref-color-overlay-soft: rgba(244, 238, 230, .56);--owo-ref-color-overlay-strong: rgba(15, 23, 42, .18);--owo-ref-color-highlight-soft: rgba(255, 255, 255, .56);--owo-ref-color-highlight-sheen: rgba(255, 255, 255, .34);--owo-ref-color-text-on-brand: #ffffff;--owo-ref-color-code-block-bg: #f4f4f5;--owo-ref-color-code-block-border: #e4e4e7;--owo-ref-color-code-block-divider: #ececed;--owo-ref-color-code-inline-bg: #f4f4f5;--owo-ref-color-status-success-bg: rgba(16, 185, 129, .1);--owo-ref-color-status-success-border: rgba(16, 185, 129, .2);--owo-ref-color-status-success-text: #047857;--owo-ref-color-status-warning-bg: rgba(245, 158, 11, .1);--owo-ref-color-status-warning-border: rgba(245, 158, 11, .2);--owo-ref-color-status-warning-text: #b45309;--owo-ref-color-status-danger-bg: rgba(239, 68, 68, .1);--owo-ref-color-status-danger-border: rgba(239, 68, 68, .2);--owo-ref-color-status-danger-text: #b91c1c;--owo-ref-color-status-info-bg: rgba(14, 165, 233, .1);--owo-ref-color-status-info-border: rgba(14, 165, 233, .2);--owo-ref-color-status-info-text: #0369a1;--owo-sys-theme-surface-canvas: var(--owo-ref-color-surface-canvas);--owo-sys-theme-surface-base: var(--owo-ref-color-surface-base);--owo-sys-theme-surface-subtle: var(--owo-ref-color-surface-subtle);--owo-sys-theme-surface-raised: var(--owo-ref-color-surface-raised);--owo-sys-theme-surface-inset: var(--owo-ref-color-surface-inset);--owo-sys-theme-surface-border: var(--owo-ref-color-surface-border);--owo-sys-theme-surface-border-muted: rgba(0, 0, 0, .06);--owo-sys-theme-surface-border-strong: var(--owo-ref-color-surface-ring);--owo-sys-theme-canvas-bg-subtle: #f5f5f4;--owo-sys-theme-surface-container: #f4f4f5;--owo-sys-theme-surface-container-high: #ececed;--owo-sys-theme-surface-container-highest: #e4e4e7;--owo-sys-theme-text-primary: var(--owo-ref-color-neutral-900);--owo-sys-theme-text-secondary: var(--owo-ref-color-neutral-700);--owo-sys-theme-text-muted: var(--owo-ref-color-neutral-600);--owo-sys-theme-text-on-accent: var(--owo-ref-color-text-on-brand);--owo-sys-theme-accent-bg: var(--owo-ref-color-brand-primary);--owo-sys-theme-accent-bg-hover: var(--owo-ref-color-brand-primary-hover);--owo-sys-theme-accent-bg-muted: color-mix(in srgb, var(--owo-ref-color-brand-primary) 10%, var(--owo-ref-color-surface-base));--owo-sys-theme-accent-border: color-mix(in srgb, var(--owo-ref-color-brand-primary) 40%, transparent);--owo-sys-theme-success-bg: var(--owo-ref-color-status-success-bg);--owo-sys-theme-success-border: var(--owo-ref-color-status-success-border);--owo-sys-theme-success-text: var(--owo-ref-color-status-success-text);--owo-sys-theme-warning-bg: var(--owo-ref-color-status-warning-bg);--owo-sys-theme-warning-border: var(--owo-ref-color-status-warning-border);--owo-sys-theme-warning-text: var(--owo-ref-color-status-warning-text);--owo-sys-theme-danger-bg: var(--owo-ref-color-status-danger-bg);--owo-sys-theme-danger-bg-emphasis: rgba(239, 68, 68, .18);--owo-sys-theme-danger-border: var(--owo-ref-color-status-danger-border);--owo-sys-theme-danger-text: var(--owo-ref-color-status-danger-text);--owo-sys-theme-info-bg: var(--owo-ref-color-status-info-bg);--owo-sys-theme-info-border: var(--owo-ref-color-status-info-border);--owo-sys-theme-info-text: var(--owo-ref-color-status-info-text);--owo-sys-theme-control-focus-ring: var(--owo-ref-color-surface-ring);--owo-sys-theme-control-focus-ring-offset: var(--owo-ref-color-surface-base);--owo-sys-theme-overlay-bg: var(--owo-ref-color-overlay-strong)}:root[data-theme=dark],.owoui-theme-dark{--owo-ref-color-neutral-900: #fafafa;--owo-ref-color-neutral-800: #e4e4e7;--owo-ref-color-neutral-700: #d4d4d8;--owo-ref-color-neutral-600: #a1a1aa;--owo-ref-color-neutral-500: #71717a;--owo-ref-color-neutral-400: #3f3f46;--owo-ref-color-neutral-300: #27272a;--owo-ref-color-neutral-200: #1f1f22;--owo-ref-color-neutral-100: #18181a;--owo-ref-color-brand-primary: #c6c6c7;--owo-ref-color-brand-primary-hover: #d4d4d8;--owo-ref-color-brand-accent: #a1a1aa;--owo-ref-color-surface-canvas: #0e0e0e;--owo-ref-color-surface-base: #18181b;--owo-ref-color-surface-subtle: #1c1c1f;--owo-ref-color-surface-raised: #27272a;--owo-ref-color-surface-inset: #111113;--owo-ref-color-surface-border: rgba(255, 255, 255, .12);--owo-ref-color-surface-ring: rgba(255, 255, 255, .24);--owo-ref-color-surface-overlay: rgba(0, 0, 0, .6);--owo-ref-color-overlay-soft: rgba(0, 0, 0, .32);--owo-ref-color-overlay-strong: rgba(0, 0, 0, .56);--owo-ref-color-highlight-soft: rgba(255, 255, 255, .06);--owo-ref-color-highlight-sheen: rgba(255, 255, 255, .08);--owo-ref-color-text-on-brand: #1a1a1a;--owo-ref-color-code-block-bg: #1e1e22;--owo-ref-color-code-block-border: #2d2d32;--owo-ref-color-code-block-divider: #27272c;--owo-ref-color-code-inline-bg: #27272a;--owo-ref-color-status-success-bg: rgba(16, 185, 129, .15);--owo-ref-color-status-success-border: rgba(16, 185, 129, .3);--owo-ref-color-status-success-text: #6ee7b7;--owo-ref-color-status-warning-bg: rgba(245, 158, 11, .15);--owo-ref-color-status-warning-border: rgba(245, 158, 11, .3);--owo-ref-color-status-warning-text: #fbbf24;--owo-ref-color-status-danger-bg: rgba(239, 68, 68, .15);--owo-ref-color-status-danger-border: rgba(239, 68, 68, .3);--owo-ref-color-status-danger-text: #fca5a5;--owo-ref-color-status-info-bg: rgba(14, 165, 233, .15);--owo-ref-color-status-info-border: rgba(14, 165, 233, .3);--owo-ref-color-status-info-text: #7dd3fc;--owo-sys-theme-surface-canvas: var(--owo-ref-color-surface-canvas);--owo-sys-theme-surface-base: var(--owo-ref-color-surface-base);--owo-sys-theme-surface-subtle: var(--owo-ref-color-surface-subtle);--owo-sys-theme-surface-raised: var(--owo-ref-color-surface-raised);--owo-sys-theme-surface-inset: var(--owo-ref-color-surface-inset);--owo-sys-theme-surface-border: var(--owo-ref-color-surface-border);--owo-sys-theme-surface-border-muted: rgba(255, 255, 255, .06);--owo-sys-theme-surface-border-strong: var(--owo-ref-color-surface-ring);--owo-sys-theme-canvas-bg-subtle: #0f0f11;--owo-sys-theme-surface-container: #1e1e22;--owo-sys-theme-surface-container-high: #252529;--owo-sys-theme-surface-container-highest: #2d2d32;--owo-sys-theme-text-primary: var(--owo-ref-color-neutral-900);--owo-sys-theme-text-secondary: var(--owo-ref-color-neutral-700);--owo-sys-theme-text-muted: var(--owo-ref-color-neutral-600);--owo-sys-theme-text-on-accent: var(--owo-ref-color-text-on-brand);--owo-sys-theme-accent-bg: var(--owo-ref-color-brand-primary);--owo-sys-theme-accent-bg-hover: var(--owo-ref-color-brand-primary-hover);--owo-sys-theme-accent-bg-muted: color-mix(in srgb, var(--owo-ref-color-brand-primary) 14%, var(--owo-ref-color-surface-base));--owo-sys-theme-accent-border: color-mix(in srgb, var(--owo-ref-color-brand-primary) 50%, transparent);--owo-sys-theme-success-bg: var(--owo-ref-color-status-success-bg);--owo-sys-theme-success-border: var(--owo-ref-color-status-success-border);--owo-sys-theme-success-text: var(--owo-ref-color-status-success-text);--owo-sys-theme-warning-bg: var(--owo-ref-color-status-warning-bg);--owo-sys-theme-warning-border: var(--owo-ref-color-status-warning-border);--owo-sys-theme-warning-text: var(--owo-ref-color-status-warning-text);--owo-sys-theme-danger-bg: var(--owo-ref-color-status-danger-bg);--owo-sys-theme-danger-bg-emphasis: rgba(239, 68, 68, .24);--owo-sys-theme-danger-border: var(--owo-ref-color-status-danger-border);--owo-sys-theme-danger-text: var(--owo-ref-color-status-danger-text);--owo-sys-theme-info-bg: var(--owo-ref-color-status-info-bg);--owo-sys-theme-info-border: var(--owo-ref-color-status-info-border);--owo-sys-theme-info-text: var(--owo-ref-color-status-info-text);--owo-sys-theme-control-focus-ring: var(--owo-ref-color-surface-ring);--owo-sys-theme-control-focus-ring-offset: var(--owo-ref-color-surface-base);--owo-sys-theme-overlay-bg: var(--owo-ref-color-overlay-strong)}:root[data-preset=flat],.owoui-preset-flat{--owo-sys-preset-surface-bg: var(--owo-sys-theme-surface-base);--owo-sys-preset-surface-bg-subtle: var(--owo-sys-theme-surface-subtle);--owo-sys-preset-surface-bg-raised: var(--owo-sys-theme-surface-base);--owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);--owo-sys-preset-surface-border: var(--owo-sys-theme-surface-border);--owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);--owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);--owo-sys-preset-surface-shadow: none;--owo-sys-preset-surface-shadow-strong: none;--owo-sys-preset-surface-blur: 0px;--owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);--owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);--owo-sys-preset-surface-container: var(--owo-sys-theme-surface-container);--owo-sys-preset-surface-container-high: var(--owo-sys-theme-surface-container);--owo-sys-preset-surface-container-highest: var(--owo-sys-theme-surface-container-high);--owo-sys-preset-control-radius-sm: var(--owo-ref-radius-xs);--owo-sys-preset-control-radius-md: calc(var(--owo-ref-radius-sm) + .125rem);--owo-sys-preset-control-radius-lg: calc(var(--owo-ref-radius-md) + .125rem);--owo-sys-preset-control-radius-xl: calc(var(--owo-ref-radius-lg) + .25rem);--owo-sys-preset-control-radius-2xl: var(--owo-ref-radius-xl);--owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);--owo-sys-preset-control-height-xs: 1.75rem;--owo-sys-preset-control-height-sm: 2rem;--owo-sys-preset-control-height-md: 2.25rem;--owo-sys-preset-control-height-lg: 2.5rem;--owo-sys-preset-control-height-xl: 3rem;--owo-sys-preset-control-border-width: 1px}:root[data-preset=elevated],.owoui-preset-elevated{--owo-sys-preset-surface-bg: color-mix(in srgb, var(--owo-sys-theme-surface-base) 96%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-bg-subtle: color-mix(in srgb, var(--owo-sys-theme-surface-subtle) 96%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-bg-raised: color-mix(in srgb, var(--owo-sys-theme-surface-raised) 94%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);--owo-sys-preset-surface-border: color-mix(in srgb, var(--owo-sys-theme-surface-border) 88%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);--owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);--owo-sys-preset-surface-shadow: 0 16px 40px rgba(15, 23, 42, .14);--owo-sys-preset-surface-shadow-strong: 0 28px 60px rgba(15, 23, 42, .18);--owo-sys-preset-surface-blur: 0px;--owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);--owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);--owo-sys-preset-surface-container: color-mix(in srgb, var(--owo-sys-theme-surface-container) 94%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-container-high: color-mix(in srgb, var(--owo-sys-theme-surface-container-high) 94%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-container-highest: color-mix(in srgb, var(--owo-sys-theme-surface-container-highest) 92%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-control-radius-sm: calc(var(--owo-ref-radius-sm) + .125rem);--owo-sys-preset-control-radius-md: calc(var(--owo-ref-radius-md) + .125rem);--owo-sys-preset-control-radius-lg: calc(var(--owo-ref-radius-lg) + .125rem);--owo-sys-preset-control-radius-xl: calc(var(--owo-ref-radius-xl) + .125rem);--owo-sys-preset-control-radius-2xl: calc(var(--owo-ref-radius-2xl) + .125rem);--owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);--owo-sys-preset-control-height-xs: 1.75rem;--owo-sys-preset-control-height-sm: 2rem;--owo-sys-preset-control-height-md: 2.25rem;--owo-sys-preset-control-height-lg: 2.5rem;--owo-sys-preset-control-height-xl: 3rem;--owo-sys-preset-control-border-width: 1px}:root[data-preset=glass],.owoui-preset-glass{--owo-sys-preset-surface-bg: color-mix(in srgb, var(--owo-sys-theme-surface-base) 62%, transparent);--owo-sys-preset-surface-bg-subtle: color-mix(in srgb, var(--owo-sys-theme-surface-subtle) 48%, transparent);--owo-sys-preset-surface-bg-raised: color-mix(in srgb, var(--owo-sys-theme-surface-raised) 72%, transparent);--owo-sys-preset-surface-bg-inset: color-mix(in srgb, var(--owo-sys-theme-surface-inset) 82%, transparent);--owo-sys-preset-surface-border: color-mix(in srgb, var(--owo-sys-theme-surface-border-strong) 55%, transparent);--owo-sys-preset-surface-border-muted: color-mix(in srgb, var(--owo-sys-theme-surface-border-muted) 60%, transparent);--owo-sys-preset-surface-border-strong: color-mix(in srgb, var(--owo-sys-theme-surface-border-strong) 78%, transparent);--owo-sys-preset-surface-shadow: 0 16px 44px rgba(15, 23, 42, .1);--owo-sys-preset-surface-shadow-strong: 0 24px 64px rgba(15, 23, 42, .14);--owo-sys-preset-surface-blur: 18px;--owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);--owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);--owo-sys-preset-surface-container: color-mix(in srgb, var(--owo-sys-theme-surface-container) 70%, transparent);--owo-sys-preset-surface-container-high: color-mix(in srgb, var(--owo-sys-theme-surface-container-high) 74%, transparent);--owo-sys-preset-surface-container-highest: color-mix(in srgb, var(--owo-sys-theme-surface-container-highest) 78%, transparent);--owo-sys-preset-control-radius-sm: var(--owo-ref-radius-md);--owo-sys-preset-control-radius-md: var(--owo-ref-radius-lg);--owo-sys-preset-control-radius-lg: calc(var(--owo-ref-radius-lg) + .25rem);--owo-sys-preset-control-radius-xl: calc(var(--owo-ref-radius-xl) + .25rem);--owo-sys-preset-control-radius-2xl: calc(var(--owo-ref-radius-2xl) + .25rem);--owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);--owo-sys-preset-control-height-xs: 1.75rem;--owo-sys-preset-control-height-sm: 2rem;--owo-sys-preset-control-height-md: 2.25rem;--owo-sys-preset-control-height-lg: 2.5rem;--owo-sys-preset-control-height-xl: 3rem;--owo-sys-preset-control-border-width: 1px}@source "../components/**/*.ts";@source "../components/**/*.tsx";@source "../storybook/**/*.ts";@source "../storybook/**/*.tsx";@source "./**/*.ts";@source "./**/*.tsx";:root{--font-inter: "Inter", sans-serif;--font-headline: "Manrope", sans-serif}@layer base{html,body,#root{min-height:100%}body{margin:0;font-family:var(--owo-ref-font-sans);color:var(--owo-cmp-text-primary);background:var(--owo-cmp-canvas-bg);line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:inherit;text-decoration:none}}.sb-dot-grid{background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--owo-cmp-surface-border) 50%,transparent) .5px,transparent 0);background-size:20px 20px}.sb-sidebar::-webkit-scrollbar{width:4px}.sb-sidebar::-webkit-scrollbar-track{background:transparent}.sb-sidebar::-webkit-scrollbar-thumb{background:var(--owo-cmp-surface-border);border-radius:10px}#sb-main::-webkit-scrollbar{width:6px}#sb-main::-webkit-scrollbar-track{background:transparent}#sb-main::-webkit-scrollbar-thumb{background:var(--owo-cmp-surface-border);border-radius:10px}
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";.root{display:inline-flex}.root[data-animate=spin]{animation:owo-spin 1s linear infinite}@keyframes owo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.root[data-animate=spin]{animation:none}}.root{--button-bg: var(--owo-cmp-surface-bg);--button-bg-hover: var(--owo-cmp-surface-bg-inset);--button-bg-active: var(--owo-cmp-surface-bg-subtle);--button-text: var(--owo-cmp-text-primary);--button-border: var(--owo-cmp-surface-border);--button-ring: var(--owo-cmp-control-focus-ring);--button-disabled-opacity: .5;display:inline-flex;align-items:center;justify-content:center;padding:0;gap:.5rem;border-radius:var(--owo-cmp-control-radius-md);border:1px solid var(--button-border);font-weight:500;transition-property:color,background-color,border-color;transition-duration:.15s;appearance:none;background:var(--button-bg);color:var(--button-text)}.root[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding-inline:.625rem;font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding-inline:.75rem;font-size:.75rem;line-height:1rem}.root[data-size=md]{min-height:var(--owo-cmp-control-height-md);padding-inline:1rem;font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding-inline:1.125rem;font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding-inline:1.25rem;font-size:1rem;line-height:1.5rem}.root:focus-visible{box-shadow:inset 0 0 0 2px var(--button-ring);outline:none}.root:hover{background:var(--button-bg-hover)}.root:active{background:var(--button-bg-active)}.root:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.root[data-loading=true]{pointer-events:none;cursor:wait}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.icon svg{display:block}.label{display:inline-flex;align-items:center}.root[data-variant=primary]{--button-bg: var(--owo-cmp-accent-bg);--button-bg-hover: var(--owo-cmp-accent-bg-hover);--button-bg-active: color-mix(in srgb, var(--owo-cmp-accent-bg-hover) 88%, black);--button-text: var(--owo-cmp-accent-text);--button-border: transparent}.root[data-variant=ghost]{--button-bg: transparent;--button-bg-hover: var(--owo-cmp-surface-bg-inset);--button-bg-active: var(--owo-cmp-surface-bg-subtle);--button-text: var(--owo-cmp-text-secondary);--button-border: transparent}.root[data-variant=danger]{--button-bg: var(--owo-cmp-danger-bg);--button-bg-hover: color-mix(in srgb, var(--owo-cmp-danger-bg) 92%, var(--owo-cmp-danger-border));--button-bg-active: color-mix(in srgb, var(--owo-cmp-danger-bg) 84%, var(--owo-cmp-danger-border));--button-text: var(--owo-cmp-danger-text);--button-border: var(--owo-cmp-danger-border);--button-ring: var(--owo-cmp-danger-border)}.menuStage{display:flex;min-height:13rem;align-items:flex-start;justify-content:flex-start;padding-bottom:12rem}.pickerStage{display:flex;min-height:16rem;align-items:flex-end;padding-bottom:11rem}.triggerButton{border-radius:.5rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--owo-cmp-text-primary)}.pickerTrigger{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-primary)}.pickerCaret{display:inline-flex;align-items:center;justify-content:center;color:var(--owo-cmp-text-muted);line-height:0}.pickerMenu{width:16rem}.root{--icon-button-bg: transparent;--icon-button-bg-hover: var(--owo-cmp-surface-bg-inset);--icon-button-bg-active: var(--owo-cmp-surface-bg-subtle);--icon-button-text: var(--owo-cmp-text-muted);--icon-button-ring: var(--owo-cmp-control-focus-ring);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--owo-cmp-control-radius-md);transition-property:color,background-color;transition-duration:.15s;background:var(--icon-button-bg);color:var(--icon-button-text)}.root[data-size=xs]{height:var(--owo-cmp-control-height-xs);width:var(--owo-cmp-control-height-xs)}.root[data-size=sm]{height:var(--owo-cmp-control-height-sm);width:var(--owo-cmp-control-height-sm)}.root[data-size=md]{height:var(--owo-cmp-control-height-md);width:var(--owo-cmp-control-height-md)}.root[data-size=lg]{height:var(--owo-cmp-control-height-lg);width:var(--owo-cmp-control-height-lg)}.root[data-size=xl]{height:var(--owo-cmp-control-height-xl);width:var(--owo-cmp-control-height-xl)}.root:focus-visible{box-shadow:inset 0 0 0 2px var(--icon-button-ring);outline:none}.root:hover{background:var(--icon-button-bg-hover);color:var(--owo-cmp-text-primary)}.root:active{background:var(--icon-button-bg-active)}.root[data-variant=subtle]{--icon-button-bg: var(--owo-cmp-surface-bg-inset);--icon-button-bg-hover: var(--owo-cmp-surface-bg-subtle);--icon-button-bg-active: var(--owo-cmp-surface-bg-raised);--icon-button-text: var(--owo-cmp-text-primary)}.root{--field-bg: var(--owo-cmp-surface-bg);--field-border: var(--owo-cmp-surface-border);--field-text: var(--owo-cmp-text-primary);--field-placeholder: var(--owo-cmp-text-muted);--field-ring: var(--owo-cmp-control-focus-ring);background:var(--field-bg);border:1px solid var(--field-border);color:var(--field-text);width:100%;min-height:var(--owo-cmp-control-height-md);border-radius:var(--owo-cmp-control-radius-md);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.root[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding:.25rem .5rem;font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding:.375rem .625rem;font-size:.75rem;line-height:1rem}.root[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding:.5625rem .875rem;font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.root::placeholder{color:var(--field-placeholder)}.root:hover:not(:disabled){--field-border: var(--owo-cmp-surface-border-strong)}.root:focus-visible{outline:none;--field-border: var(--field-ring);box-shadow:none}.root[data-tone=warning]{--field-border: var(--owo-cmp-warning-border);--field-ring: var(--owo-cmp-warning-border)}.maxXs{max-width:20rem}.maxSm{max-width:24rem}.max2xl{max-width:42rem}.rowWrapCenter{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.switchLabel{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-800)}.textareaGroup{display:flex;flex-direction:column;gap:.75rem}.stageBottomLarge{padding-bottom:11rem}.stageBottomMedium{padding-bottom:9rem}.collapsibleCard{max-width:32rem;text-align:left;--collapsible-inline-padding: .875rem}.collapsibleCardText{padding:.25rem var(--collapsible-inline-padding) 0;font-size:.875rem;line-height:1.5;color:var(--owo-cmp-text-secondary)}.collapsibleTrigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.75rem;padding:.625rem var(--collapsible-inline-padding);text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--owo-cmp-text-primary);transition:background-color .15s,color .15s}.collapsibleTrigger:hover{background:var(--owo-cmp-surface-bg-inset)}.collapsibleTrigger[data-state=open]{background:color-mix(in srgb,var(--owo-cmp-surface-bg-inset) 85%,var(--owo-cmp-surface-bg))}.collapsibleChevron{flex:0 0 auto;color:var(--owo-cmp-text-muted);transition:transform .15s,color .15s}.collapsibleTrigger[data-state=open] .collapsibleChevron{transform:rotate(180deg);color:var(--owo-cmp-text-secondary)}.collapsibleControlRow{margin-bottom:.5rem}.collapsibleTriggerCompact{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;padding:.5rem .625rem;text-align:left;font-size:.8125rem;line-height:1.25rem;font-weight:500;color:var(--owo-cmp-text-secondary);transition:background-color .15s,color .15s}.collapsibleTriggerCompact:hover{background:var(--owo-cmp-surface-bg-inset);color:var(--owo-cmp-text-primary)}.nestedChild{margin-top:.5rem;padding-left:.25rem;border-left:2px solid var(--owo-cmp-surface-border)}.themedCollapsible{max-width:32rem;border:1px solid color-mix(in srgb,var(--owo-cmp-info-border) 70%,var(--owo-cmp-surface-border));border-radius:1rem;overflow:hidden;background:color-mix(in srgb,var(--owo-cmp-info-bg) 40%,var(--owo-cmp-surface-bg));--collapsible-trigger-bg: color-mix(in srgb, var(--owo-cmp-info-bg) 82%, var(--owo-cmp-surface-bg));--collapsible-trigger-bg-hover: color-mix(in srgb, var(--owo-cmp-info-bg) 92%, var(--owo-cmp-surface-bg));--collapsible-trigger-bg-open: color-mix(in srgb, var(--owo-cmp-info-bg) 96%, var(--owo-cmp-surface-bg));--collapsible-content-bg: color-mix(in srgb, var(--owo-cmp-info-bg) 56%, var(--owo-cmp-surface-bg))}.themedTrigger{width:100%;padding:.875rem 1rem;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--owo-cmp-info-text)}.themedTriggerIcon{color:color-mix(in srgb,var(--owo-cmp-info-text) 72%,var(--owo-cmp-text-muted))}.themedTriggerIndicator{color:color-mix(in srgb,var(--owo-cmp-info-text) 72%,var(--owo-cmp-text-muted));transition:transform .18s ease,color .18s ease}.themedTrigger[data-state=open] .themedTriggerIndicator{transform:rotate(180deg);color:var(--owo-cmp-info-text)}.themedContent{padding:0 1rem 1rem;font-size:.875rem;line-height:1.6;color:color-mix(in srgb,var(--owo-cmp-info-text) 82%,var(--owo-cmp-text-secondary))}.themedContentInner{padding-top:.125rem}.settingsCard{max-width:22rem;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);overflow:hidden}.settingsTrigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;text-align:left;font-size:.8125rem;line-height:1.25rem;font-weight:500;color:var(--owo-cmp-text-primary);transition:background-color .15s}.settingsTrigger:hover{background:color-mix(in srgb,var(--owo-cmp-surface-bg-inset) 50%,transparent)}.settingsLabel{display:flex;align-items:center;gap:.5rem}.settingsIcon{color:var(--owo-cmp-text-muted);flex:0 0 auto}.settingsChevron{flex:0 0 auto;color:var(--owo-cmp-text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1)}.settingsTrigger[data-state=open] .settingsChevron{transform:rotate(90deg)}.settingsContent{padding:0 .875rem .625rem 2.25rem}.settingsRow{font-size:.75rem;line-height:1.5;color:var(--owo-cmp-text-muted)}.faqCard{max-width:40rem;border-radius:.875rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);overflow:hidden;box-shadow:0 1px 3px color-mix(in srgb,var(--owo-cmp-surface-border) 40%,transparent)}.faqItem+.faqItem{border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 60%,transparent)}.faqTrigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;text-align:left;font-size:.875rem;line-height:1.5;font-weight:600;letter-spacing:-.006em;color:var(--owo-cmp-text-primary);transition:background-color .15s,color .15s}.faqTrigger:hover{background:color-mix(in srgb,var(--owo-cmp-surface-bg-inset) 50%,transparent)}.faqTrigger[data-state=open]{color:var(--owo-cmp-text-primary)}.faqQuestion{flex:1 1 auto}.faqChevron{flex:0 0 auto;color:var(--owo-cmp-text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1),color .15s}.faqTrigger[data-state=open] .faqChevron{transform:rotate(180deg);color:var(--owo-cmp-text-secondary)}.faqContent{padding:0 1.25rem 1rem;font-size:.8125rem;line-height:1.65;color:var(--owo-cmp-text-muted)}.tabsPanel{border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);padding:1rem;font-size:.875rem;line-height:1.5;color:var(--owo-cmp-text-secondary)}.root{--field-label: var(--owo-cmp-text-secondary);--field-help: var(--owo-cmp-text-muted);display:block}.root .label{display:block;margin-bottom:.25rem;font-size:.75rem;line-height:1rem;color:var(--field-label)}.root .help{display:block;margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--field-help)}.root{position:relative;display:inline-block}.root [data-part=trigger]{--select-bg: var(--owo-cmp-surface-bg);--select-border: var(--owo-cmp-surface-border);--select-text: var(--owo-cmp-text-primary);--select-ring: var(--owo-cmp-control-focus-ring);display:flex;width:100%;align-items:center;justify-content:space-between;padding:0;gap:.5rem;border-radius:var(--owo-cmp-control-radius-md);text-align:left;transition:color .15s,background-color .15s,border-color .15s;appearance:none;background:var(--select-bg);border:.5px solid var(--select-border);color:var(--select-text)}.root [data-part=trigger]:focus-visible{outline:none;--select-border: var(--select-ring);box-shadow:none}.root [data-part=trigger][data-size=xs]{height:var(--owo-cmp-control-height-xs);min-height:var(--owo-cmp-control-height-xs);padding:0 .5rem;font-size:.6875rem;line-height:.875rem}.root [data-part=trigger][data-size=sm]{height:var(--owo-cmp-control-height-sm);min-height:var(--owo-cmp-control-height-sm);padding:0 .5rem;font-size:.75rem;line-height:1rem}.root [data-part=trigger][data-size=md]{height:var(--owo-cmp-control-height-md);min-height:var(--owo-cmp-control-height-md);padding:0 .75rem;font-size:.875rem;line-height:1.25rem}.root [data-part=trigger][data-size=lg]{height:var(--owo-cmp-control-height-lg);min-height:var(--owo-cmp-control-height-lg);padding:0 .875rem;font-size:.9375rem;line-height:1.375rem}.root [data-part=trigger][data-size=xl]{height:var(--owo-cmp-control-height-xl);min-height:var(--owo-cmp-control-height-xl);padding:0 1rem;font-size:1rem;line-height:1.5rem}.root [data-part=trigger]:hover:not(:disabled){--select-border: var(--owo-cmp-surface-border-strong)}.root [data-part=trigger][data-state=open]{--select-border: var(--owo-cmp-surface-border-strong)}.root [data-part=trigger][data-tone=warning]{--select-border: var(--owo-cmp-warning-border);--select-ring: var(--owo-cmp-warning-border)}.valueText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{color:var(--owo-cmp-text-muted)}.root [data-part=chevron]{width:.875rem;height:.875rem;flex-shrink:0;transition:transform .15s;color:var(--owo-cmp-text-muted)}.root [data-part=chevron][data-state=open]{transform:rotate(180deg)}.root [data-part=dropdown]{--select-dropdown-shadow: var(--owo-cmp-surface-shadow-strong);position:absolute;z-index:var(--owo-cmp-z-dropdown);margin-top:.25rem;max-height:15rem;width:100%;overflow:auto;border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-md);padding:.25rem 0;background:var(--owo-cmp-surface-bg-raised);box-shadow:var(--select-dropdown-shadow)}.root [data-part=dropdown][data-size=sm]{font-size:.75rem;line-height:1rem}.root [data-part=dropdown][data-size=md]{font-size:.875rem;line-height:1.25rem}.root [data-part=dropdown][data-size=xs]{font-size:.6875rem;line-height:.875rem}.root [data-part=dropdown][data-size=lg]{font-size:.9375rem;line-height:1.375rem}.root [data-part=dropdown][data-size=xl]{font-size:1rem;line-height:1.5rem}.root [data-part=option]{cursor:default;user-select:none;padding:.375rem .75rem;transition:background-color .15s}.root [data-part=option][data-disabled]{cursor:not-allowed;opacity:.5}.root [data-part=option][data-focused]{background:var(--owo-cmp-surface-bg-inset)}.root [data-part=option][data-selected]{color:var(--owo-cmp-accent-bg);font-weight:500}.root{--segmented-bg: var(--owo-cmp-surface-bg-inset);--segmented-border: var(--owo-cmp-surface-border);--segmented-item-text: var(--owo-cmp-text-muted);--segmented-item-hover-text: var(--owo-cmp-text-secondary);--segmented-item-active-bg: var(--owo-cmp-surface-bg-raised);--segmented-item-active-text: var(--owo-cmp-text-primary);--segmented-ring: var(--owo-cmp-control-focus-ring);display:inline-flex;border-radius:var(--owo-cmp-control-radius-md);padding:.125rem;background:var(--segmented-bg);box-shadow:0 0 0 1px var(--segmented-border)}.root[data-size=xs]{font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{font-size:.75rem;line-height:1rem}.root[data-size=md]{font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{font-size:1rem;line-height:1.5rem}.item{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--owo-cmp-control-radius-sm);background:transparent;font-weight:500;transition:color .15s,background-color .15s;color:var(--segmented-item-text)}.item:focus{outline:none}.item:focus-visible{box-shadow:inset 0 0 0 1px var(--segmented-ring)}.item:disabled{cursor:not-allowed;opacity:.5}.item:hover{color:var(--segmented-item-hover-text)}.item[data-active=true]{background:var(--segmented-item-active-bg);color:var(--segmented-item-active-text)}.root[data-size=xs]>.item{min-height:calc(var(--owo-cmp-control-height-xs) - .25rem);padding:.125rem .5rem}.root[data-size=sm]>.item{min-height:calc(var(--owo-cmp-control-height-sm) - .25rem);padding:.25rem .625rem}.root[data-size=md]>.item{min-height:calc(var(--owo-cmp-control-height-md) - .25rem);padding:.375rem .75rem}.root[data-size=lg]>.item{min-height:calc(var(--owo-cmp-control-height-lg) - .25rem);padding:.5rem .875rem}.root[data-size=xl]>.item{min-height:calc(var(--owo-cmp-control-height-xl) - .25rem);padding:.625rem 1rem}.root{--switch-track-width: calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size: 1.125rem;--switch-thumb-offset: .125rem;position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;padding:0;box-sizing:border-box;border-radius:var(--owo-cmp-control-radius-full);border:2px solid transparent;transition:background-color .15s,border-color .15s;background:var(--owo-cmp-surface-border-strong)}.root:focus{outline:none}.root:focus-visible{box-shadow:0 0 0 2px var(--owo-cmp-surface-bg),0 0 0 4px var(--owo-cmp-control-focus-ring)}.root:disabled{cursor:not-allowed;opacity:.5}.root[data-size=xs]{height:calc(var(--owo-cmp-control-height-xs) - .75rem);width:calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-track-width: calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-thumb-size: .625rem}.root[data-size=sm]{height:calc(var(--owo-cmp-control-height-sm) - .75rem);width:calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-track-width: calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-thumb-size: .875rem}.root[data-size=md]{height:calc(var(--owo-cmp-control-height-md) - .75rem);width:calc(var(--owo-cmp-control-height-md) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size: 1.125rem}.root[data-size=lg]{height:calc(var(--owo-cmp-control-height-lg) - .75rem);width:calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-thumb-size: 1.375rem}.root[data-size=xl]{height:calc(var(--owo-cmp-control-height-xl) - .75rem);width:calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-thumb-size: 1.875rem}.root[aria-checked=true]{background:var(--owo-cmp-accent-bg)}.root:hover:not(:disabled){background:color-mix(in srgb,var(--owo-cmp-surface-border-strong) 82%,var(--owo-cmp-text-muted))}.root[aria-checked=true]:hover:not(:disabled){background:var(--owo-cmp-accent-bg-hover)}.root .thumb{pointer-events:none;display:inline-block;border-radius:var(--owo-cmp-control-radius-full);background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .15s;transform:translate(var(--switch-thumb-offset))}.root[data-size=xs]>.thumb{height:.625rem;width:.625rem}.root[data-size=sm]>.thumb{height:.875rem;width:.875rem}.root[data-size=md]>.thumb{height:1.125rem;width:1.125rem}.root[data-size=lg]>.thumb{height:1.375rem;width:1.375rem}.root[data-size=xl]>.thumb{height:1.875rem;width:1.875rem}.root[aria-checked=true]>.thumb{transform:translate(calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset)))}.root{min-height:calc(4.5em + 1rem);line-height:1.5}.root[data-auto-resize=true]{overflow-y:hidden}:where(.root [data-part=trigger]){border:0;padding:0;appearance:none;background:var(--collapsible-trigger-bg, transparent);color:inherit;font:inherit;cursor:pointer;transition:background-color .18s ease,color .18s ease}:where(.root [data-part=trigger]:hover){background:var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent))}:where(.root [data-part=trigger][data-state=open]){background:var(--collapsible-trigger-bg-open, var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent)))}:where(.root [data-part=content]){height:auto;overflow:hidden;transition:height .18s ease;background:var(--collapsible-content-bg, transparent)}.triggerInner{display:flex;width:100%;align-items:center;gap:var(--collapsible-trigger-gap, .75rem)}.triggerIcon,.triggerIndicator{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;line-height:0;color:inherit}.triggerLabel{min-width:0;flex:1 1 auto;text-align:inherit}.contentInner{min-height:0}.root [data-part=list]{--tabs-border: var(--owo-cmp-surface-border);display:flex;align-items:flex-end;gap:.25rem;border-bottom-width:1px;border-bottom-style:solid;border-color:var(--tabs-border)}.root [data-part=trigger]{--tabs-text: var(--owo-cmp-text-muted);--tabs-hover-text: var(--owo-cmp-text-secondary);--tabs-active-text: var(--owo-cmp-text-primary);--tabs-active-border: var(--owo-cmp-accent-border);--tabs-active-bg: color-mix(in srgb, var(--owo-cmp-accent-bg-muted) 35%, transparent);--tabs-ring: var(--owo-cmp-control-focus-ring);position:relative;margin-bottom:-1px;display:inline-flex;min-height:var(--owo-cmp-control-height-md);align-items:center;justify-content:center;border:0;border-top-left-radius:var(--owo-cmp-control-radius-md);border-top-right-radius:var(--owo-cmp-control-radius-md);border-bottom:2px solid transparent;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:color .15s ease;appearance:none;background:transparent;color:var(--tabs-text)}.root [data-part=trigger]:focus{outline:none}.root [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 2px var(--tabs-ring)}.root [data-part=trigger]:disabled{cursor:not-allowed;opacity:.5}.root [data-part=trigger]:hover{color:var(--tabs-hover-text)}.root [data-part=trigger][data-state=active]{background:var(--tabs-active-bg);border-bottom-color:var(--tabs-active-border);color:var(--tabs-active-text)}.root [data-part=content]{padding-top:1rem;color:var(--owo-cmp-text-primary)}.root{--badge-bg: var(--owo-cmp-surface-bg-inset);--badge-text: var(--owo-cmp-text-secondary);--badge-border: transparent;display:inline-flex;align-items:center;border-radius:var(--owo-cmp-control-radius-full);border:1px solid var(--badge-border);color:var(--badge-text);background:var(--badge-bg)}.root[data-size=xs]{padding:.25rem .625rem;font-size:11px}.root[data-size=sm]{padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500}.root[data-variant=outline]{--badge-bg: transparent;--badge-border: var(--owo-cmp-surface-border)}.root[data-tone=info]{--badge-bg: var(--owo-cmp-info-bg);--badge-text: var(--owo-cmp-info-text);--badge-border: var(--owo-cmp-info-border)}.root[data-tone=info][data-variant=outline]{--badge-bg: transparent}.root[data-tone=success]{--badge-bg: var(--owo-cmp-success-bg);--badge-text: var(--owo-cmp-success-text);--badge-border: var(--owo-cmp-success-border)}.root[data-tone=success][data-variant=outline]{--badge-bg: transparent}.root[data-tone=warning]{--badge-bg: var(--owo-cmp-warning-bg);--badge-text: var(--owo-cmp-warning-text);--badge-border: var(--owo-cmp-warning-border)}.root[data-tone=warning][data-variant=outline]{--badge-bg: transparent}.root[data-tone=danger]{--badge-bg: var(--owo-cmp-danger-bg);--badge-text: var(--owo-cmp-danger-text);--badge-border: var(--owo-cmp-danger-border)}.root[data-tone=danger][data-variant=outline]{--badge-bg: transparent}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.stack{display:flex;flex-direction:column;gap:.75rem}.rowWrap{display:flex;flex-wrap:wrap;gap:.5rem}.rowEnd{display:flex;align-items:flex-end;gap:.75rem}.rowCenter{display:flex;align-items:center;gap:1rem}.rowCenterSm{display:flex;align-items:center;gap:.5rem}.rowStart{display:flex;align-items:flex-start;gap:.75rem}.columnGap3{display:flex;flex-direction:column;gap:.75rem}.columnGap4{display:flex;flex-direction:column;gap:1rem}.centerText{text-align:center}.toneLabel{margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--owo-ref-color-neutral-500)}.mutedText{font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-600)}.text2xl{font-size:1.5rem;line-height:2rem}.text11Muted{font-size:11px;line-height:1rem;color:var(--owo-ref-color-neutral-500)}.textXsMuted{font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-ref-color-neutral-500)}.fontStrong{font-weight:600;color:var(--owo-ref-color-neutral-800)}.marginTop1{margin-top:.25rem}.marginTop2{margin-top:.5rem}.marginTop3{margin-top:.75rem}.stack2{display:flex;flex-direction:column;gap:.5rem}.placementColumn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:3rem;padding-bottom:3rem}.placementRow{display:flex;align-items:center;gap:.5rem}.placementSpacer{width:1.5rem}.centerRowLarge{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;padding-top:3rem;padding-bottom:3rem}.richTooltipTitle{font-weight:500}.richTooltipBody{margin-top:.25rem;opacity:.8}.spinnerVariantsRow{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.spinnerVariantCell{display:flex;flex-direction:column;align-items:center;gap:.5rem}.surfaceGrid{display:grid;gap:1rem}.surfaceCard{border-radius:.5rem;padding:1rem}.surfaceLabel{margin-bottom:.5rem;font-size:11px;line-height:1rem;font-weight:500;color:var(--owo-ref-color-neutral-500)}.cardPlaceholder{display:flex;flex-direction:column;gap:.75rem;max-width:24rem;border-radius:.5rem;border:1px solid var(--owo-ref-color-surface-border);padding:1rem}.actionsRow{display:flex;gap:.5rem;padding-top:.5rem}.avatarTextColumn{flex:1 1 auto;display:flex;flex-direction:column;gap:.5rem}.noteBox{border-radius:.5rem;border:1px solid var(--owo-ref-color-surface-border);background:var(--owo-ref-color-surface-subtle);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-600)}.dialogStatsCard{margin-top:.75rem;border-radius:.5rem;border:1px solid var(--owo-ref-color-surface-border);background:var(--owo-ref-color-surface-base);padding:.75rem;font-size:.875rem;line-height:1.25rem}.dialogStatsRow{display:flex;justify-content:space-between}.resultText{font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-600)}.inlineCode{border-radius:.25rem;background:var(--owo-ref-color-surface-subtle);padding:.125rem .25rem;font-size:.75rem;line-height:1rem}.skeletonLineSm{height:.75rem;width:8rem}.skeletonLineMd{height:1rem;width:12rem}.skeletonLineLg{height:1rem;width:16rem}.skeletonLineFull{height:1rem;width:100%}.skeletonLineThreeQuarter{height:1rem;width:75%}.skeletonLineFiveSixths{height:1rem;width:83.3333%}.skeletonTitle{height:1.25rem;width:75%}.skeletonAvatar{height:2.5rem;width:2.5rem;border-radius:9999px}.skeletonButton{height:2rem;width:5rem;border-radius:.375rem}.surfaceStack2{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.surfaceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.root{--status-notice-bg: var(--owo-feedback-neutral-bg);--status-notice-border: var(--owo-feedback-neutral-border);--status-notice-text: var(--owo-feedback-neutral-text);--status-notice-icon: var(--owo-feedback-neutral-icon);border-radius:var(--owo-cmp-control-radius-md);border-width:1px;border-style:solid;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;background:var(--status-notice-bg);border-color:var(--status-notice-border);color:var(--status-notice-text)}.withIcon{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem}.icon{color:var(--status-notice-icon)}.root:not([data-layout=vertical]) .icon{margin-top:.125rem;flex-shrink:0}.text{min-width:0}.title{font-weight:500;color:var(--owo-cmp-text-primary)}.root[data-layout=vertical]{border-radius:var(--owo-cmp-control-radius-lg)}.root[data-layout=vertical] .body{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;text-align:center}.root[data-layout=vertical] .icon{font-size:1.125rem;line-height:1.75rem}.root[data-layout=vertical] .title{color:var(--status-notice-text)}.root[data-layout=vertical] .action{margin-top:.5rem}.root[data-tone=info]{--status-notice-bg: var(--owo-feedback-info-bg);--status-notice-border: var(--owo-feedback-info-border);--status-notice-text: var(--owo-feedback-info-text);--status-notice-icon: var(--owo-feedback-info-icon)}.root[data-tone=success]{--status-notice-bg: var(--owo-feedback-success-bg);--status-notice-border: var(--owo-feedback-success-border);--status-notice-text: var(--owo-feedback-success-text);--status-notice-icon: var(--owo-feedback-success-icon)}.root[data-tone=warning]{--status-notice-bg: var(--owo-feedback-warning-bg);--status-notice-border: var(--owo-feedback-warning-border);--status-notice-text: var(--owo-feedback-warning-text);--status-notice-icon: var(--owo-feedback-warning-icon)}.root[data-tone=danger]{--status-notice-bg: var(--owo-feedback-danger-bg);--status-notice-border: var(--owo-feedback-danger-border);--status-notice-text: var(--owo-feedback-danger-text);--status-notice-icon: var(--owo-feedback-danger-icon)}.root{border-radius:var(--owo-cmp-control-radius-sm);--_owo-skeleton-scan-duration: 3.6s;--skeleton-bg: linear-gradient( 180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 94%, white) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 100%, var(--owo-cmp-surface-border)) 100% );--skeleton-bg-emphasis: linear-gradient( 180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-subtle) 78%, var(--owo-ref-color-highlight-soft)) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 86%, var(--owo-cmp-surface-border)) 100% );--skeleton-sheen: linear-gradient( 100deg, transparent 0%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 28%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 40%, var(--owo-ref-color-highlight-sheen) 50%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 60%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 72%, transparent 100% );--skeleton-top-highlight: var(--owo-ref-color-highlight-soft);position:relative;overflow:hidden;background:var(--skeleton-bg);box-shadow:inset 0 1px 0 var(--skeleton-top-highlight);transform:translateZ(0)}.root[data-tone=emphasis]{background:var(--skeleton-bg-emphasis)}.root:before{content:"";position:absolute;inset:0;background:inherit;opacity:.84}.root:after{content:"";position:absolute;inset:-35%;background:var(--skeleton-sheen);transform:translate(-140%) skew(-14deg);opacity:0;will-change:transform,opacity}.root[data-animation=pulse]:after{display:none}.root[data-animation=pulse]:before{animation:owo-skeleton-breathe 2.6s var(--owo-cmp-motion-ease-standard) infinite}.root[data-animation=scan]:before{opacity:1;filter:none}.root[data-animation=scan]:after{opacity:1;animation:owo-skeleton-scan var(--_owo-skeleton-scan-duration) cubic-bezier(.3,0,.2,1) infinite}@keyframes owo-skeleton-breathe{0%,to{opacity:.8;filter:saturate(.96) brightness(.98)}50%{opacity:1;filter:saturate(1.04) brightness(1.04)}}@keyframes owo-skeleton-scan{0%{transform:translate(-140%) skew(-14deg);opacity:0}18%{opacity:.82}52%{transform:translate(6%) skew(-14deg);opacity:1}82%{opacity:.82}to{transform:translate(140%) skew(-14deg);opacity:0}}@media(prefers-reduced-motion:reduce){.root:before{animation:none;opacity:.94;filter:none}.root:after{animation:none;opacity:0}}.overlay{position:fixed;inset:0;z-index:var(--owo-cmp-z-modal);display:flex;align-items:center;justify-content:center}.overlay [data-part=backdrop]{position:absolute;inset:0;padding:0;border:0;background:var(--owo-cmp-overlay-bg);animation:dialog-backdrop-in .2s var(--owo-cmp-motion-ease-standard)}.panel{position:relative;z-index:10;width:100%;border-radius:var(--owo-cmp-control-radius-xl);background:var(--owo-cmp-surface-bg-raised);border:1px solid var(--owo-cmp-surface-border);color:var(--owo-cmp-text-primary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:dialog-in .2s var(--owo-cmp-motion-ease-standard)}.panel[data-size=sm]{max-width:26rem}.panel[data-size=md]{max-width:32rem}.overlay [data-part=header]{padding:1.25rem 1.25rem .25rem;font-size:1rem;line-height:1.5;font-weight:600;color:var(--owo-cmp-text-primary)}.overlay [data-part=body]{padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-secondary)}.overlay [data-part=footer]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1.25rem}.confirmDescription{white-space:pre-wrap}@keyframes dialog-in{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}.container{pointer-events:none;position:fixed;bottom:1rem;right:1rem;z-index:var(--owo-cmp-z-toast);display:flex;flex-direction:column-reverse;gap:.5rem}.toast{--toast-bg: var(--owo-feedback-neutral-bg);--toast-border: var(--owo-feedback-neutral-border);--toast-text: var(--owo-feedback-neutral-text);--toast-icon: var(--owo-feedback-neutral-icon);--toast-shadow: var(--owo-cmp-surface-shadow-strong);pointer-events:auto;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--toast-border);font-size:.875rem;line-height:1.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--toast-bg);color:var(--toast-text);box-shadow:var(--toast-shadow);animation:toast-in .25s var(--owo-cmp-motion-ease-standard)}.toastDefault{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}.toast [data-part=icon]{margin-top:.125rem;flex-shrink:0;color:var(--toast-icon)}.toast [data-part=content]{min-width:0;flex:1}.toast [data-part=title]{display:block;font-weight:500;color:inherit}.toast [data-part=message]{display:block}.toast [data-part=close]{margin-right:-.25rem;margin-top:-.125rem;flex-shrink:0;border-radius:var(--owo-cmp-control-radius-sm);padding:.125rem;color:currentColor;opacity:.5;transition:opacity .15s;background:transparent;border:0;cursor:pointer}.toast [data-part=close]:hover{opacity:1}.toast[data-tone=success]{--toast-bg: var(--owo-feedback-success-bg);--toast-border: var(--owo-feedback-success-border);--toast-text: var(--owo-feedback-success-text);--toast-icon: var(--owo-feedback-success-icon)}.toast[data-tone=warning]{--toast-bg: var(--owo-feedback-warning-bg);--toast-border: var(--owo-feedback-warning-border);--toast-text: var(--owo-feedback-warning-text);--toast-icon: var(--owo-feedback-warning-icon)}.toast[data-tone=danger]{--toast-bg: var(--owo-feedback-danger-bg);--toast-border: var(--owo-feedback-danger-border);--toast-text: var(--owo-feedback-danger-text);--toast-icon: var(--owo-feedback-danger-icon)}.toast[data-tone=info]{--toast-bg: var(--owo-feedback-info-bg);--toast-border: var(--owo-feedback-info-border);--toast-text: var(--owo-feedback-info-text);--toast-icon: var(--owo-feedback-info-icon)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.root{--avatar-bg: var(--owo-cmp-surface-bg-inset);--avatar-text: var(--owo-cmp-text-secondary);--avatar-border: transparent;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--owo-cmp-control-radius-full);font-weight:500;user-select:none;background:var(--avatar-bg);color:var(--avatar-text);border:1px solid var(--avatar-border)}.root[data-size=xs]{height:1.5rem;width:1.5rem;font-size:10px}.root[data-size=sm]{height:2rem;width:2rem;font-size:.75rem;line-height:1rem}.root[data-size=md]{height:2.5rem;width:2.5rem;font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{height:3.5rem;width:3.5rem;font-size:1.125rem;line-height:1.75rem}.root>img{height:100%;width:100%;object-fit:cover}.root[data-tone=subtle]{--avatar-bg: var(--owo-cmp-surface-bg-subtle);--avatar-text: var(--owo-cmp-text-muted)}.trigger{display:inline-flex}.content{--tooltip-bg: var(--owo-cmp-surface-bg-raised);--tooltip-border: var(--owo-cmp-surface-border);--tooltip-text: var(--owo-cmp-text-primary);--tooltip-shadow: var(--owo-cmp-surface-shadow-strong);--tooltip-arrow-color: var(--tooltip-bg);position:fixed;z-index:var(--owo-cmp-z-toast);border-radius:var(--owo-cmp-control-radius-lg);line-height:1.625;background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);backdrop-filter:blur(10px);animation:tooltip-in .15s var(--owo-cmp-motion-ease-standard)}.content[data-density=compact]{padding:.25rem .5rem;font-size:11px;max-width:200px}.content[data-density=default]{padding:.5rem .75rem;font-size:.75rem;line-height:1rem;max-width:20rem}.content [data-part=arrow]{position:absolute;color:var(--tooltip-arrow-color);filter:drop-shadow(0 1px 0 var(--tooltip-border))}@keyframes tooltip-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.trigger{border:0;padding:0;appearance:none;background:transparent;color:inherit;font:inherit}.content{min-width:12rem;overflow-y:auto;border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-lg);background:var(--owo-cmp-surface-bg-raised);box-shadow:var(--_owo-dropdown-menu-shadow, var(--owo-cmp-surface-shadow-strong));padding:.375rem;color:var(--owo-cmp-text-primary);outline:none;z-index:var(--owo-cmp-z-dropdown);animation:owo-dropdown-menu-in var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard)}.content[data-side=top]{transform-origin:bottom center}.content[data-side=bottom]{transform-origin:top center}.content[data-side=left]{transform-origin:center right}.content[data-side=right]{transform-origin:center left}.content [data-part=group]+[data-part=group]{margin-top:.375rem;padding-top:.375rem;border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 80%,transparent)}.content [data-part=label]{padding:.35rem .625rem .25rem;font-size:.675rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.content [data-part=separator]{margin:.375rem .25rem;border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 82%,transparent)}.content [data-part=item],.subTrigger{display:flex;width:100%;align-items:center;gap:.75rem;border:0;border-radius:calc(var(--owo-cmp-control-radius-md) - .125rem);background:transparent;padding:.625rem .75rem;text-align:left;color:inherit;cursor:default;transition:background-color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard),color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard);appearance:none}.content [data-part=item]:hover,.content [data-part=item][data-highlighted],.subTrigger:hover,.subTrigger[data-highlighted]{background:var(--owo-cmp-surface-bg-inset)}.content [data-part=item][data-selected]{background:color-mix(in srgb,var(--owo-cmp-accent-bg) 10%,var(--owo-cmp-surface-bg-raised))}.content [data-part=item][data-selected] .itemMain{color:var(--owo-cmp-text-primary);font-weight:600}.content [data-part=item][data-disabled],.subTrigger[data-disabled]{opacity:.5;cursor:not-allowed}.content [data-part=item][data-destructive],.subTrigger[data-destructive]{color:var(--owo-cmp-danger-text)}.itemInset{padding-left:1rem}.itemMain{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut,.indicator,.submenuIndicator{flex:0 0 auto;color:var(--owo-cmp-text-muted);font-size:.75rem}.indicator{min-width:1rem;text-align:center;color:var(--owo-cmp-accent-bg);font-weight:700}.subTrigger[data-state=open]{background:var(--owo-cmp-surface-bg-inset)}@keyframes owo-dropdown-menu-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.panel{--drawer-surface: var(--owo-cmp-surface-bg-raised);--drawer-border: var(--owo-cmp-surface-border);--drawer-shadow: var(--owo-cmp-surface-shadow-strong);z-index:calc(var(--owo-cmp-z-modal) + 1);display:flex;max-width:100%;flex-direction:column;will-change:transform;transform:translate(0);transition:transform var(--owo-cmp-motion-duration-default) var(--owo-cmp-motion-ease-standard);background:var(--drawer-surface);border-color:var(--drawer-border);box-shadow:var(--drawer-shadow)}.panel[data-position=fixed]{position:fixed}.panel[data-position=absolute]{position:absolute}.panel[data-side=left]{left:0;top:0}.panel[data-side=right]{right:0;top:0}.panel[data-state=open]{pointer-events:auto;visibility:visible;transform:translate(0)}.panel[data-state=closed]{pointer-events:none;visibility:hidden}.panel[data-state=closed][data-side=left]{transform:translate(-100%)}.panel[data-state=closed][data-side=right]{transform:translate(100%)}.backdrop{--drawer-backdrop: var(--owo-cmp-overlay-bg);inset:0;z-index:var(--owo-cmp-z-modal);padding:0;border:0;background:var(--drawer-backdrop)}.backdrop[data-position=fixed]{position:fixed}.backdrop[data-position=absolute]{position:absolute}.panelGrid,.panelGridLg{display:grid;gap:1rem}.panelTextSm{font-size:.875rem;line-height:1.25rem}.panelTextXsMuted{margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--owo-ref-color-neutral-500)}.panelTitle{font-size:.875rem;line-height:1.25rem;font-weight:500}.panelHeading{font-size:.875rem;line-height:1.25rem;font-weight:600}.panelSurfaceCard{border-radius:.5rem;padding:1rem}.panelSurfaceLabel{margin-bottom:.5rem;font-size:11px;line-height:1rem;font-weight:500;color:var(--owo-ref-color-neutral-500)}.panelOuterSurface{border-radius:.75rem;background:var(--owo-ref-color-surface-subtle);padding:1.25rem}.panelMax{max-width:28rem}.panelFooterActions{display:flex;justify-content:flex-end;gap:.5rem}.panelStack{display:flex;flex-direction:column;gap:.75rem}.drawerFrame{position:relative;height:26rem;overflow:hidden;border-radius:.75rem;border:1px solid var(--owo-ref-color-surface-border);background:var(--owo-ref-color-surface-canvas)}.drawerCenter{display:flex;height:100%;align-items:center;justify-content:center}.drawerPanel{height:100%;width:20rem;max-width:100%;border-left:1px solid var(--owo-ref-color-surface-border)}.drawerColumn{display:flex;height:100%;flex-direction:column}.drawerHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--owo-ref-color-surface-border);padding:.75rem 1rem}.drawerHeaderTitle{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--owo-ref-color-neutral-800)}.drawerBody{flex:1 1 auto;overflow-y:auto;padding:1rem}.drawerBodyStack{display:flex;flex-direction:column;gap:.75rem}.drawerBodyText{font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-600)}.drawerInnerCard{border-radius:.5rem;border:1px solid var(--owo-ref-color-surface-border);background:var(--owo-ref-color-surface-base);padding:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-ref-color-neutral-700)}.drawerFooter{display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--owo-ref-color-surface-border);padding:.75rem 1rem}.drawerSurfaceStage{border-radius:.75rem;background:var(--owo-ref-color-surface-subtle);padding:1.25rem}.drawerSurfaceFrame{position:relative;height:20rem;overflow:hidden;border-radius:.75rem;border:1px solid var(--owo-ref-color-surface-border);background:var(--owo-ref-color-surface-canvas)}.drawerOverlay{position:absolute;inset:0;background:var(--owo-cmp-overlay-bg)}.drawerPanelDemo{position:absolute;inset-block:0;right:0;display:flex;width:20rem;max-width:100%;flex-direction:column;border-left:1px solid var(--owo-ref-color-surface-border)}.drawerSurfaceHeader{border-bottom:1px solid var(--owo-ref-color-surface-border);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--owo-ref-color-neutral-800)}@media(min-width:640px){.panelGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.panelGridLg{grid-template-columns:repeat(3,minmax(0,1fr))}}.root{--panel-bg: var(--owo-cmp-surface-bg);--panel-border: var(--owo-cmp-surface-border);--panel-section-border: var(--owo-cmp-surface-border);--panel-shadow: none;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}.root[data-padding=sm]{padding:1rem}.root[data-padding=md]{padding:1.25rem}.root[data-padding=lg]{padding:1.5rem}.root [data-part=header]{border-bottom:1px solid var(--panel-section-border);padding:1.25rem 1.5rem}.root [data-part=body]{padding:1.25rem 1.5rem}.root [data-part=footer]{border-top:1px solid var(--panel-section-border);padding:1rem 1.5rem}.root[data-variant=subtle]{--panel-bg: var(--owo-cmp-surface-bg-subtle)}.root[data-variant=raised]{--panel-bg: var(--owo-cmp-surface-bg-raised);--panel-shadow: var(--owo-cmp-surface-shadow)}.root{position:fixed;inset:0 0 auto;z-index:50;display:flex;height:4rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--owo-cmp-surface-border);padding:0 2rem;background:var(--owo-cmp-surface-bg);color:var(--owo-cmp-text-primary);font-family:var(--font-headline);font-size:.875rem;line-height:1.25rem;letter-spacing:-.025em}.brandRow{display:flex;align-items:center;gap:2rem}.brand{font-size:1.125rem;line-height:1.75rem;font-weight:700;letter-spacing:-.05em;color:var(--owo-cmp-text-primary)}.tabs{display:none;align-items:center;gap:1.5rem}.tab{display:flex;height:4rem;align-items:center;color:var(--owo-cmp-text-muted);transition:color .15s}.tab:hover{color:var(--owo-cmp-text-primary)}.tabActive{border-bottom:2px solid var(--owo-cmp-text-primary);color:var(--owo-cmp-text-primary);font-weight:600}.actions{display:flex;align-items:center;gap:1rem}@media(min-width:768px){.tabs{display:flex}}.root{position:relative}.icon{position:absolute;top:50%;left:.625rem;z-index:10;transform:translateY(-50%);color:var(--owo-cmp-text-muted)}.input{padding-left:2rem;font-size:.75rem;line-height:1rem}.results{position:absolute;top:100%;right:0;left:0;z-index:50;margin-top:.25rem;max-height:13rem;overflow-y:auto;border-radius:.5rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);box-shadow:var(--owo-cmp-surface-shadow-strong)}.result{display:flex;width:100%;align-items:center;gap:.625rem;padding:.5rem .75rem;text-align:left;font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted);transition:color .15s,background-color .15s}.result:hover{background:var(--owo-cmp-surface-bg-inset);color:var(--owo-cmp-text-primary)}.resultName{font-weight:500}.resultGroup{margin-left:auto;font-size:10px}.root{position:fixed;top:4rem;left:0;z-index:40;display:flex;width:16rem;flex-direction:column;overflow-y:auto;border-right:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg-subtle)}.topArea{margin-bottom:1rem;padding:1rem 1.25rem 0}.topArea>*+*{margin-top:.75rem}.themeRow{display:flex;align-items:center;gap:.5rem}.presetSelect{flex:1 1 0%}.foundationsNote{flex:1 1 0%;padding:1.5rem 1rem;font-size:.75rem;line-height:1.625;color:var(--owo-cmp-text-muted)}.groups{flex:1 1 0%;padding:0 1rem}.groups>*+*{margin-top:1.5rem}.groupLabel{display:block;padding:0 .75rem;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--owo-cmp-text-primary);opacity:.6}.groupItems{margin-top:.5rem}.groupItems>*+*{margin-top:.25rem}.navItem{display:flex;align-items:center;gap:.75rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-secondary);transition:all .2s}.navItem:hover{background:var(--owo-cmp-surface-container-highest)}.navItemActive{border:1px solid var(--owo-cmp-surface-border-muted);background:var(--owo-cmp-surface-bg);color:var(--owo-cmp-text-primary);font-weight:500;box-shadow:var(--owo-cmp-surface-shadow)}.navItemIcon{flex-shrink:0}.navItemLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{margin-top:auto;border-top:1px solid var(--owo-cmp-surface-border);padding:1rem}.footer>*+*{margin-top:.25rem}.footerLink{display:flex;align-items:center;gap:.75rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-secondary);transition:all .2s}.footerLink:hover{background:var(--owo-cmp-surface-container-highest)}.root{overflow:hidden;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border)}.preview{position:relative;overflow-x:auto;padding:2rem;background:var(--owo-cmp-surface-bg)}.previewInner{position:relative;z-index:10;min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg-subtle);padding:.5rem 1rem}.codeBlock{overflow-x:auto;border-top:1px solid var(--owo-cmp-surface-border);background:var(--owo-ref-color-code-block-bg);padding:1rem;font-size:.75rem;line-height:1.625;color:var(--owo-ref-color-neutral-700)}.root{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}.previewColumn{position:relative}.preview{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);box-shadow:var(--owo-cmp-surface-shadow-strong)}.previewContent{position:relative;z-index:10;padding:3rem;text-align:center;transition:transform .2s}.floatingControls{position:absolute;bottom:1rem;left:1rem;z-index:10;display:flex;align-items:center;gap:.5rem}.zoomLabel{min-width:3ch;text-align:center;font-family:var(--owo-ref-font-mono);font-size:11px;color:var(--owo-cmp-text-muted)}.controlsPanel{display:flex;flex-direction:column;gap:1.5rem;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg-subtle);padding:1.5rem}.controlsHeading{display:flex;align-items:center;gap:.5rem;font-family:var(--font-headline);font-size:.875rem;line-height:1.25rem;font-weight:700;letter-spacing:.05em;color:var(--owo-cmp-text-primary)}.headingIcon{color:var(--owo-cmp-text-muted)}.controlsList>*+*{margin-top:1.25rem}.booleanGroup{padding-top:.5rem}.booleanGroup>*+*{margin-top:1rem}.booleanRow{display:flex;align-items:center;justify-content:space-between}.booleanLabel{font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-primary)}.fieldGroup>*+*{margin-top:.5rem}.fieldLabel{display:block;font-size:11px;line-height:1.25;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--owo-cmp-text-secondary)}.copyButton{margin-top:auto;width:100%;text-transform:uppercase;letter-spacing:.1em}.numberInput{width:6rem}@media(min-width:1280px){.root{grid-template-columns:repeat(3,minmax(0,1fr))}.previewColumn{grid-column:span 2 / span 2}}.root{overflow:hidden;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem;line-height:1.25rem}.headRow{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.headCell{border-bottom:1px solid var(--owo-cmp-surface-border);padding:1rem 1.5rem}.body{color:var(--owo-cmp-text-primary)}.bodyRow{transition:background-color .15s}.bodyRow+.bodyRow td{border-top:1px solid var(--owo-cmp-surface-border)}.bodyRow:hover{background:var(--owo-cmp-surface-bg-inset)}.nameCell{padding:1rem 1.5rem;font-family:var(--owo-ref-font-mono);font-size:.75rem;line-height:1rem;font-weight:600;color:var(--owo-cmp-text-primary)}.typeCell{padding:1rem 1.5rem;font-style:italic;color:var(--owo-cmp-text-muted)}.defaultCell{padding:1rem 1.5rem;color:var(--owo-cmp-text-muted)}.descriptionCell{padding:1rem 1.5rem}.root>*+*{margin-top:3rem}.header>*+*{margin-top:1rem}.title{font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-.025em;color:var(--owo-cmp-text-primary)}.description{max-width:42rem;font-size:1.125rem;line-height:1.625;color:var(--owo-cmp-text-muted)}.sectionTitle{font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--owo-cmp-text-primary)}.groupTitle{margin-bottom:1rem;font-size:.75rem;line-height:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.colorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.swatchRow{display:flex;align-items:center;gap:.75rem}.swatch{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:.5rem;border:1px solid var(--owo-cmp-surface-border)}.swatchMeta{min-width:0}.swatchName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-cmp-text-primary)}.swatchVar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--owo-ref-font-mono);font-size:10px;color:var(--owo-cmp-text-muted)}.card{border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);padding:2rem}.card>*+*{margin-top:1.5rem}.tokenLabel{margin-bottom:.25rem;font-size:10px;line-height:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.samplePrimary{font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--owo-cmp-text-primary)}.sampleSecondary{font-size:1.125rem;line-height:1.75rem;color:var(--owo-cmp-text-primary)}.scaleBlock{border-top:1px solid var(--owo-cmp-surface-border);padding-top:1.5rem}.scaleList>*+*{margin-top:.75rem}.scaleRow{display:flex;align-items:baseline;gap:1rem}.scaleKey{width:5rem;flex-shrink:0;font-family:var(--owo-ref-font-mono);font-size:10px;color:var(--owo-cmp-text-muted)}.radiusGrid,.heightGrid,.shadowGrid{display:flex;flex-wrap:wrap;gap:1.5rem}.tokenCard{text-align:center}.radiusSample{margin:0 auto .5rem;width:4rem;height:4rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg-subtle)}.heightRail{margin:0 auto .75rem;display:flex;min-height:4.5rem;align-items:flex-end;justify-content:center}.heightSample{display:inline-flex;min-width:4.5rem;align-items:center;justify-content:center;border-radius:var(--owo-cmp-control-radius-md);border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-cmp-text-primary)}.shadowSample{margin:0 auto .75rem;width:9rem;height:6rem;border-radius:.75rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg)}.tokenName{font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-cmp-text-primary)}.tokenVar{font-family:var(--owo-ref-font-mono);font-size:10px;color:var(--owo-cmp-text-muted)}@media(min-width:640px){.colorGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.colorGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.root>*+*{margin-top:2rem}.sectionStack>*+*{margin-top:2rem}.pageHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--owo-cmp-surface-border);padding-bottom:1.5rem}.pageHeaderMeta{display:flex;align-items:center;gap:.5rem}.pageTitle{font-family:var(--font-headline);font-size:1.5rem;line-height:2rem;font-weight:800;letter-spacing:-.025em}.pageDescription{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-muted)}.showcaseStack>*+*{margin-top:2rem}.headline{font-family:var(--font-headline);font-size:1.875rem;line-height:2.25rem;font-weight:800;letter-spacing:-.025em}.subtleText{font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-muted)}.metaLine{margin-top:.25rem}.headerActions{display:flex;align-items:center;gap:.75rem}.userMenuTrigger{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.25rem .5rem;transition:background-color .15s}.userMenuTrigger:hover{background:var(--owo-cmp-surface-bg-inset)}.mutedIcon{color:var(--owo-cmp-text-muted)}.contentGrid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}.mainColumn>*+*{margin-top:1.5rem}.sidebarColumn>*+*{margin-top:1.5rem}.toolbar{display:flex;align-items:center;justify-content:space-between}.stack5>*+*{margin-top:1.25rem}.stack6>*+*{margin-top:1.5rem}.panelHeader{margin-bottom:1rem;font-family:var(--font-headline);font-size:.875rem;line-height:1.25rem;font-weight:700}.simpleStack>*+*{margin-top:.75rem}.activityRow{display:flex;align-items:flex-start;gap:.75rem}.activityMeta{min-width:0}.activityText{font-size:.875rem;line-height:1.25rem}.activityMuted{color:var(--owo-cmp-text-muted)}.metaText{font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.buttonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.newsMainColumn{min-width:0}.newsArticleCard{display:flex;gap:1.25rem;padding:1.25rem}.newsArticleImage{display:none;height:7rem;width:11rem;flex-shrink:0;border-radius:.5rem}.newsArticleBody{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}.newsArticleMeta{display:flex;align-items:center;gap:.5rem}.newsMetaText{font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.newsArticleTitle{margin-top:.5rem;font-family:var(--font-headline);font-size:1rem;line-height:1.375rem;font-weight:700}.newsArticleExcerpt{margin-top:.25rem;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-muted)}.newsArticleFooter{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:.75rem}.newsAuthorRow{display:flex;align-items:center;gap:.75rem;font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.newsAuthorInline,.newsIconRow{display:flex;align-items:center;gap:.25rem}.centerRow{display:flex;justify-content:center}.fullWidth{width:100%}.cardTrigger{width:100%;border-radius:.5rem;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg);padding:.75rem 1rem;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:background-color .15s}.cardTrigger:hover{background:var(--owo-cmp-surface-bg-subtle)}.cardContent{padding:.25rem 1rem .75rem;font-size:.875rem;line-height:1.5;color:var(--owo-cmp-text-muted)}.accentText{font-weight:500;color:var(--owo-cmp-accent-bg)}.loadingRow{display:flex;align-items:center;gap:1rem}.loadingMeta{flex:1 1 0%}.loadingMeta>*+*{margin-top:.5rem}.dialogSettingRow{display:flex;align-items:center;justify-content:space-between}.dialogSettingTitle{font-size:.875rem;line-height:1.25rem;font-weight:500}.dialogSettingHint{font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.metricBody>*+*{margin-top:.5rem}.metricHeaderRow{display:flex;align-items:center;justify-content:space-between}.metricLabel{font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-cmp-text-muted)}.metricIcon{color:var(--owo-cmp-text-muted)}.metricValueRow{display:flex;align-items:flex-end;gap:.5rem}.metricValue{font-family:var(--font-headline);font-size:1.5rem;line-height:2rem;font-weight:700}.chartHeader{display:flex;align-items:center;justify-content:space-between}.sectionTitle{font-family:var(--font-headline);font-size:1rem;line-height:1.5rem;font-weight:700}.chartArea{display:flex;height:12rem;align-items:flex-end;gap:.5rem;border-radius:.5rem;background:var(--owo-cmp-surface-bg-inset);padding:1rem}.chartBar{flex:1 1 0%;border-top-left-radius:.5rem;border-top-right-radius:.5rem;transition:opacity .15s}.chartBar:hover{opacity:.8}.chartXAxis{display:flex;justify-content:space-between;font-size:10px;line-height:1rem;color:var(--owo-cmp-text-muted)}.serviceHeader{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.serviceList{border-top:1px solid transparent}.serviceList>*+*{border-top:1px solid var(--owo-cmp-surface-border)}.serviceRow{display:flex;align-items:center;justify-content:space-between;padding-block:.75rem}.serviceMeta{display:flex;align-items:center;gap:.75rem}.serviceDot{height:.5rem;width:.5rem;border-radius:9999px}.serviceName{font-size:.875rem;line-height:1.25rem;font-weight:500}.serviceStats{display:flex;align-items:center;gap:1.5rem;font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.loadingTitle{margin-bottom:1rem;font-family:var(--font-headline);font-size:.875rem;line-height:1.25rem;font-weight:700}.loadingAvatar{height:2.5rem;width:2.5rem;border-radius:9999px}.loadingLineWide{height:1rem;width:60%;border-radius:.25rem}.loadingLineNarrow{height:.75rem;width:40%;border-radius:.25rem}.loadingButton{height:2rem;width:6rem;border-radius:.25rem}@media(min-width:1280px){.contentGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.mainColumn{grid-column:span 2 / span 2}}@media(min-width:640px){.newsArticleImage{display:block}}.shell{min-height:100dvh;background:var(--owo-cmp-canvas-bg);color:var(--owo-cmp-text-primary)}.skipLink{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skipLink:focus{position:absolute;top:1rem;left:1rem;width:auto;height:auto;margin:0;padding:.5rem 1rem;clip:auto;overflow:visible;white-space:normal;z-index:50;border-radius:.25rem;background:var(--owo-cmp-surface-bg);box-shadow:var(--owo-cmp-surface-shadow);font-size:.875rem;line-height:1.25rem}.main{min-height:100vh;padding-top:4rem;background:var(--owo-cmp-canvas-bg)}.mainWithSidebar{margin-left:16rem}.contentWrap{margin:0 auto;max-width:1400px;padding:2.5rem}.contentWrap>*+*{margin-top:3rem}.notFound{padding:5rem 0;text-align:center;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-muted)}.pageStack>*+*{margin-top:3rem}.pageHeader>*+*{margin-top:1rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--owo-cmp-text-muted)}.breadcrumbCurrent{font-weight:600;color:var(--owo-cmp-text-primary)}.pageTitle{font-family:var(--font-headline);font-size:2.25rem;line-height:2.5rem;font-weight:800;letter-spacing:-.025em;color:var(--owo-cmp-text-primary)}.pageDescription{max-width:42rem;font-size:1.125rem;line-height:1.625;color:var(--owo-cmp-text-muted)}.section>*+*{margin-top:1.5rem}.sectionHeadingRow{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--owo-cmp-surface-border)}.sectionTitle{font-family:var(--font-headline);font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--owo-cmp-text-primary)}.stableBadge{border-radius:9999px;border:1px solid var(--owo-cmp-surface-border);background:var(--owo-cmp-surface-bg-subtle);padding:.25rem .75rem;font-family:var(--owo-ref-font-mono);font-size:.75rem;line-height:1rem;color:var(--owo-cmp-text-muted)}.storiesSection>*+*{margin-top:2rem}.storyCardHeader{margin-bottom:.75rem}.storyTitle{font-size:1rem;line-height:1.5rem;font-weight:600;color:var(--owo-cmp-text-primary)}.storyDescription{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-muted)}.footer{display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--owo-cmp-surface-border);padding-top:5rem;padding-bottom:2.5rem;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.footerLinks{display:flex;gap:2rem}.footerLink{transition:color .15s}.footerLink:hover{color:var(--owo-cmp-text-primary)}@media(min-width:768px){.footer{flex-direction:row;align-items:center;justify-content:space-between}}:root{--owo-ref-color-neutral-900: #1a1a1a;--owo-ref-color-neutral-800: #2d2d2d;--owo-ref-color-neutral-700: #4a4a4a;--owo-ref-color-neutral-600: #71717a;--owo-ref-color-neutral-500: #a1a1aa;--owo-ref-color-neutral-400: #d4d4d8;--owo-ref-color-neutral-300: #e4e4e7;--owo-ref-color-neutral-200: #f0f0f2;--owo-ref-color-neutral-100: #f8f8f9;--owo-ref-color-brand-primary: #1a1a1a;--owo-ref-color-brand-primary-hover: #000000;--owo-ref-color-brand-accent: #4a4a4a;--owo-ref-color-surface-canvas: #ffffff;--owo-ref-color-surface-base: #ffffff;--owo-ref-color-surface-subtle: #fafaf9;--owo-ref-color-surface-raised: #ffffff;--owo-ref-color-surface-inset: #f5f5f4;--owo-ref-color-surface-border: #e5e7eb;--owo-ref-color-surface-ring: #d6d3d1;--owo-ref-color-surface-overlay: rgba(0, 0, 0, .4);--owo-ref-color-overlay-soft: rgba(244, 238, 230, .56);--owo-ref-color-overlay-strong: rgba(15, 23, 42, .18);--owo-ref-color-highlight-soft: rgba(255, 255, 255, .56);--owo-ref-color-highlight-sheen: rgba(255, 255, 255, .34);--owo-ref-color-text-on-brand: #ffffff;--owo-ref-color-code-block-bg: #f4f4f5;--owo-ref-color-code-block-border: #e4e4e7;--owo-ref-color-code-block-divider: #ececed;--owo-ref-color-code-inline-bg: #f4f4f5;--owo-ref-shadow-raised: 0 10px 20px rgba(15, 23, 42, .08);--owo-ref-shadow-popover: 0 18px 40px rgba(15, 23, 42, .1);--owo-ref-color-status-success-bg: rgba(16, 185, 129, .1);--owo-ref-color-status-success-border: rgba(16, 185, 129, .2);--owo-ref-color-status-success-text: #047857;--owo-ref-color-status-warning-bg: rgba(245, 158, 11, .1);--owo-ref-color-status-warning-border: rgba(245, 158, 11, .2);--owo-ref-color-status-warning-text: #b45309;--owo-ref-color-status-danger-bg: rgba(239, 68, 68, .1);--owo-ref-color-status-danger-border: rgba(239, 68, 68, .2);--owo-ref-color-status-danger-text: #b91c1c;--owo-ref-color-status-info-bg: rgba(14, 165, 233, .1);--owo-ref-color-status-info-border: rgba(14, 165, 233, .2);--owo-ref-color-status-info-text: #0369a1;--owo-ref-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Roboto, sans-serif;--owo-ref-font-heading: "Source Serif 4", Georgia, "Times New Roman", serif;--owo-ref-font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--owo-ref-radius-0: 0px;--owo-ref-radius-xs: .375rem;--owo-ref-radius-sm: .5rem;--owo-ref-radius-md: .75rem;--owo-ref-radius-lg: 1rem;--owo-ref-radius-xl: 1.5rem;--owo-ref-radius-2xl: 2rem;--owo-ref-radius-full: 9999px;--owo-ref-motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--owo-ref-motion-ease-decelerate: cubic-bezier(0, 0, 0, 1);--owo-ref-motion-ease-accelerate: cubic-bezier(.4, 0, 1, 1);--owo-ref-motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--owo-sys-preset-surface-bg: var(--owo-sys-theme-surface-base);--owo-sys-preset-surface-bg-subtle: var(--owo-sys-theme-surface-subtle);--owo-sys-preset-surface-bg-raised: var(--owo-sys-theme-surface-raised);--owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);--owo-sys-preset-surface-border: var(--owo-sys-theme-surface-border);--owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);--owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);--owo-sys-preset-surface-shadow: var(--owo-ref-shadow-raised);--owo-sys-preset-surface-shadow-strong: var(--owo-ref-shadow-popover);--owo-sys-preset-surface-blur: 0px;--owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);--owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);--owo-sys-preset-surface-container: var(--owo-sys-theme-surface-container);--owo-sys-preset-surface-container-high: var(--owo-sys-theme-surface-container-high);--owo-sys-preset-surface-container-highest: var(--owo-sys-theme-surface-container-highest);--owo-sys-preset-control-radius-sm: var(--owo-ref-radius-sm);--owo-sys-preset-control-radius-md: var(--owo-ref-radius-md);--owo-sys-preset-control-radius-lg: var(--owo-ref-radius-lg);--owo-sys-preset-control-radius-xl: var(--owo-ref-radius-xl);--owo-sys-preset-control-radius-2xl: var(--owo-ref-radius-2xl);--owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);--owo-sys-preset-control-height-xs: 1.75rem;--owo-sys-preset-control-height-sm: 2rem;--owo-sys-preset-control-height-md: 2.25rem;--owo-sys-preset-control-height-lg: 2.5rem;--owo-sys-preset-control-height-xl: 3rem;--owo-sys-preset-control-border-width: 1px;--owo-cmp-surface-bg: var(--owo-sys-preset-surface-bg);--owo-cmp-surface-bg-subtle: var(--owo-sys-preset-surface-bg-subtle);--owo-cmp-surface-bg-raised: var(--owo-sys-preset-surface-bg-raised);--owo-cmp-surface-bg-inset: var(--owo-sys-preset-surface-bg-inset);--owo-cmp-surface-border: var(--owo-sys-preset-surface-border);--owo-cmp-surface-border-muted: var(--owo-sys-preset-surface-border-muted);--owo-cmp-surface-border-strong: var(--owo-sys-preset-surface-border-strong);--owo-cmp-surface-shadow: var(--owo-sys-preset-surface-shadow);--owo-cmp-surface-shadow-strong: var(--owo-sys-preset-surface-shadow-strong);--owo-cmp-surface-blur: var(--owo-sys-preset-surface-blur);--owo-cmp-canvas-bg: var(--owo-sys-preset-canvas-bg);--owo-cmp-canvas-bg-subtle: var(--owo-sys-preset-canvas-bg-subtle);--owo-cmp-surface-container: var(--owo-sys-preset-surface-container);--owo-cmp-surface-container-high: var(--owo-sys-preset-surface-container-high);--owo-cmp-surface-container-highest: var(--owo-sys-preset-surface-container-highest);--owo-cmp-text-primary: var(--owo-sys-theme-text-primary);--owo-cmp-text-secondary: var(--owo-sys-theme-text-secondary);--owo-cmp-text-muted: var(--owo-sys-theme-text-muted);--owo-cmp-text-on-accent: var(--owo-sys-theme-text-on-accent);--owo-cmp-accent-bg: var(--owo-sys-theme-accent-bg);--owo-cmp-accent-bg-hover: var(--owo-sys-theme-accent-bg-hover);--owo-cmp-accent-bg-muted: var(--owo-sys-theme-accent-bg-muted);--owo-cmp-accent-text: var(--owo-sys-theme-text-on-accent);--owo-cmp-accent-border: var(--owo-sys-theme-accent-border);--owo-cmp-success-bg: var(--owo-sys-theme-success-bg);--owo-cmp-success-border: var(--owo-sys-theme-success-border);--owo-cmp-success-text: var(--owo-sys-theme-success-text);--owo-cmp-warning-bg: var(--owo-sys-theme-warning-bg);--owo-cmp-warning-border: var(--owo-sys-theme-warning-border);--owo-cmp-warning-text: var(--owo-sys-theme-warning-text);--owo-cmp-danger-bg: var(--owo-sys-theme-danger-bg);--owo-cmp-danger-bg-emphasis: var(--owo-sys-theme-danger-bg-emphasis);--owo-cmp-danger-border: var(--owo-sys-theme-danger-border);--owo-cmp-danger-text: var(--owo-sys-theme-danger-text);--owo-cmp-info-bg: var(--owo-sys-theme-info-bg);--owo-cmp-info-border: var(--owo-sys-theme-info-border);--owo-cmp-info-text: var(--owo-sys-theme-info-text);--owo-cmp-control-radius-sm: var(--owo-sys-preset-control-radius-sm);--owo-cmp-control-radius-md: var(--owo-sys-preset-control-radius-md);--owo-cmp-control-radius-lg: var(--owo-sys-preset-control-radius-lg);--owo-cmp-control-radius-xl: var(--owo-sys-preset-control-radius-xl);--owo-cmp-control-radius-2xl: var(--owo-sys-preset-control-radius-2xl);--owo-cmp-control-radius-full: var(--owo-sys-preset-control-radius-full);--owo-cmp-control-height-xs: var(--owo-sys-preset-control-height-xs);--owo-cmp-control-height-sm: var(--owo-sys-preset-control-height-sm);--owo-cmp-control-height-md: var(--owo-sys-preset-control-height-md);--owo-cmp-control-height-lg: var(--owo-sys-preset-control-height-lg);--owo-cmp-control-height-xl: var(--owo-sys-preset-control-height-xl);--owo-cmp-control-border-width: var(--owo-sys-preset-control-border-width);--owo-cmp-control-focus-ring: var(--owo-sys-theme-control-focus-ring);--owo-cmp-control-focus-ring-offset: var(--owo-sys-theme-control-focus-ring-offset);--owo-cmp-font-heading: var(--owo-ref-font-heading);--owo-cmp-motion-duration-fast: .15s;--owo-cmp-motion-duration-default: .2s;--owo-cmp-motion-ease-standard: var(--owo-ref-motion-ease-standard);--owo-cmp-motion-ease-decelerate: var(--owo-ref-motion-ease-decelerate);--owo-cmp-motion-ease-accelerate: var(--owo-ref-motion-ease-accelerate);--owo-cmp-density-compact: .875;--owo-cmp-density-default: 1;--owo-cmp-density-comfortable: 1.125;--owo-cmp-overlay-bg: var(--owo-sys-theme-overlay-bg);--owo-cmp-z-dropdown: 1000;--owo-cmp-z-modal: 1100;--owo-cmp-z-toast: 1200;--owo-feedback-neutral-bg: var(--owo-cmp-surface-bg-raised);--owo-feedback-neutral-border: var(--owo-cmp-surface-border);--owo-feedback-neutral-text: var(--owo-cmp-text-primary);--owo-feedback-neutral-icon: var(--owo-cmp-text-secondary);--owo-feedback-info-bg: var(--owo-cmp-info-bg);--owo-feedback-info-border: var(--owo-cmp-info-border);--owo-feedback-info-text: var(--owo-cmp-info-text);--owo-feedback-info-icon: var(--owo-cmp-info-text);--owo-feedback-success-bg: var(--owo-cmp-success-bg);--owo-feedback-success-border: var(--owo-cmp-success-border);--owo-feedback-success-text: var(--owo-cmp-success-text);--owo-feedback-success-icon: var(--owo-cmp-success-text);--owo-feedback-warning-bg: var(--owo-cmp-warning-bg);--owo-feedback-warning-border: var(--owo-cmp-warning-border);--owo-feedback-warning-text: var(--owo-cmp-warning-text);--owo-feedback-warning-icon: var(--owo-cmp-warning-text);--owo-feedback-danger-bg: var(--owo-cmp-danger-bg);--owo-feedback-danger-border: var(--owo-cmp-danger-border);--owo-feedback-danger-text: var(--owo-cmp-danger-text);--owo-feedback-danger-icon: var(--owo-cmp-danger-text)}:root[data-preset=default],.owoui-preset-default{--owo-sys-preset-surface-bg: var(--owo-sys-theme-surface-base);--owo-sys-preset-surface-bg-subtle: var(--owo-sys-theme-surface-subtle);--owo-sys-preset-surface-bg-raised: var(--owo-sys-theme-surface-raised);--owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);--owo-sys-preset-surface-border: var(--owo-sys-theme-surface-border);--owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);--owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);--owo-sys-preset-surface-shadow: var(--owo-ref-shadow-raised);--owo-sys-preset-surface-shadow-strong: var(--owo-ref-shadow-popover);--owo-sys-preset-surface-blur: 0px;--owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);--owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);--owo-sys-preset-surface-container: var(--owo-sys-theme-surface-container);--owo-sys-preset-surface-container-high: var(--owo-sys-theme-surface-container-high);--owo-sys-preset-surface-container-highest: var(--owo-sys-theme-surface-container-highest);--owo-sys-preset-control-radius-sm: var(--owo-ref-radius-sm);--owo-sys-preset-control-radius-md: var(--owo-ref-radius-md);--owo-sys-preset-control-radius-lg: var(--owo-ref-radius-lg);--owo-sys-preset-control-radius-xl: var(--owo-ref-radius-xl);--owo-sys-preset-control-radius-2xl: var(--owo-ref-radius-2xl);--owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);--owo-sys-preset-control-height-xs: 1.75rem;--owo-sys-preset-control-height-sm: 2rem;--owo-sys-preset-control-height-md: 2.25rem;--owo-sys-preset-control-height-lg: 2.5rem;--owo-sys-preset-control-height-xl: 3rem;--owo-sys-preset-control-border-width: 1px}:root,:root[data-theme=light],.owoui-theme-light{--owo-ref-color-neutral-900: #1a1a1a;--owo-ref-color-neutral-800: #2d2d2d;--owo-ref-color-neutral-700: #4a4a4a;--owo-ref-color-neutral-600: #71717a;--owo-ref-color-neutral-500: #a1a1aa;--owo-ref-color-neutral-400: #d4d4d8;--owo-ref-color-neutral-300: #e4e4e7;--owo-ref-color-neutral-200: #f0f0f2;--owo-ref-color-neutral-100: #f8f8f9;--owo-ref-color-brand-primary: #1a1a1a;--owo-ref-color-brand-primary-hover: #000000;--owo-ref-color-brand-accent: #4a4a4a;--owo-ref-color-surface-canvas: #ffffff;--owo-ref-color-surface-base: #ffffff;--owo-ref-color-surface-subtle: #fafaf9;--owo-ref-color-surface-raised: #ffffff;--owo-ref-color-surface-inset: #f5f5f4;--owo-ref-color-surface-border: #e5e7eb;--owo-ref-color-surface-ring: #d6d3d1;--owo-ref-color-surface-overlay: rgba(0, 0, 0, .4);--owo-ref-color-overlay-soft: rgba(244, 238, 230, .56);--owo-ref-color-overlay-strong: rgba(15, 23, 42, .18);--owo-ref-color-highlight-soft: rgba(255, 255, 255, .56);--owo-ref-color-highlight-sheen: rgba(255, 255, 255, .34);--owo-ref-color-text-on-brand: #ffffff;--owo-ref-color-code-block-bg: #f4f4f5;--owo-ref-color-code-block-border: #e4e4e7;--owo-ref-color-code-block-divider: #ececed;--owo-ref-color-code-inline-bg: #f4f4f5;--owo-ref-color-status-success-bg: rgba(16, 185, 129, .1);--owo-ref-color-status-success-border: rgba(16, 185, 129, .2);--owo-ref-color-status-success-text: #047857;--owo-ref-color-status-warning-bg: rgba(245, 158, 11, .1);--owo-ref-color-status-warning-border: rgba(245, 158, 11, .2);--owo-ref-color-status-warning-text: #b45309;--owo-ref-color-status-danger-bg: rgba(239, 68, 68, .1);--owo-ref-color-status-danger-border: rgba(239, 68, 68, .2);--owo-ref-color-status-danger-text: #b91c1c;--owo-ref-color-status-info-bg: rgba(14, 165, 233, .1);--owo-ref-color-status-info-border: rgba(14, 165, 233, .2);--owo-ref-color-status-info-text: #0369a1;--owo-sys-theme-surface-canvas: var(--owo-ref-color-surface-canvas);--owo-sys-theme-surface-base: var(--owo-ref-color-surface-base);--owo-sys-theme-surface-subtle: var(--owo-ref-color-surface-subtle);--owo-sys-theme-surface-raised: var(--owo-ref-color-surface-raised);--owo-sys-theme-surface-inset: var(--owo-ref-color-surface-inset);--owo-sys-theme-surface-border: var(--owo-ref-color-surface-border);--owo-sys-theme-surface-border-muted: rgba(0, 0, 0, .06);--owo-sys-theme-surface-border-strong: var(--owo-ref-color-surface-ring);--owo-sys-theme-canvas-bg-subtle: #f5f5f4;--owo-sys-theme-surface-container: #f4f4f5;--owo-sys-theme-surface-container-high: #ececed;--owo-sys-theme-surface-container-highest: #e4e4e7;--owo-sys-theme-text-primary: var(--owo-ref-color-neutral-900);--owo-sys-theme-text-secondary: var(--owo-ref-color-neutral-700);--owo-sys-theme-text-muted: var(--owo-ref-color-neutral-600);--owo-sys-theme-text-on-accent: var(--owo-ref-color-text-on-brand);--owo-sys-theme-accent-bg: var(--owo-ref-color-brand-primary);--owo-sys-theme-accent-bg-hover: var(--owo-ref-color-brand-primary-hover);--owo-sys-theme-accent-bg-muted: color-mix(in srgb, var(--owo-ref-color-brand-primary) 10%, var(--owo-ref-color-surface-base));--owo-sys-theme-accent-border: color-mix(in srgb, var(--owo-ref-color-brand-primary) 40%, transparent);--owo-sys-theme-success-bg: var(--owo-ref-color-status-success-bg);--owo-sys-theme-success-border: var(--owo-ref-color-status-success-border);--owo-sys-theme-success-text: var(--owo-ref-color-status-success-text);--owo-sys-theme-warning-bg: var(--owo-ref-color-status-warning-bg);--owo-sys-theme-warning-border: var(--owo-ref-color-status-warning-border);--owo-sys-theme-warning-text: var(--owo-ref-color-status-warning-text);--owo-sys-theme-danger-bg: var(--owo-ref-color-status-danger-bg);--owo-sys-theme-danger-bg-emphasis: rgba(239, 68, 68, .18);--owo-sys-theme-danger-border: var(--owo-ref-color-status-danger-border);--owo-sys-theme-danger-text: var(--owo-ref-color-status-danger-text);--owo-sys-theme-info-bg: var(--owo-ref-color-status-info-bg);--owo-sys-theme-info-border: var(--owo-ref-color-status-info-border);--owo-sys-theme-info-text: var(--owo-ref-color-status-info-text);--owo-sys-theme-control-focus-ring: var(--owo-ref-color-surface-ring);--owo-sys-theme-control-focus-ring-offset: var(--owo-ref-color-surface-base);--owo-sys-theme-overlay-bg: var(--owo-ref-color-overlay-strong)}:root[data-theme=dark],.owoui-theme-dark{--owo-ref-color-neutral-900: #fafafa;--owo-ref-color-neutral-800: #e4e4e7;--owo-ref-color-neutral-700: #d4d4d8;--owo-ref-color-neutral-600: #a1a1aa;--owo-ref-color-neutral-500: #71717a;--owo-ref-color-neutral-400: #3f3f46;--owo-ref-color-neutral-300: #27272a;--owo-ref-color-neutral-200: #1f1f22;--owo-ref-color-neutral-100: #18181a;--owo-ref-color-brand-primary: #c6c6c7;--owo-ref-color-brand-primary-hover: #d4d4d8;--owo-ref-color-brand-accent: #a1a1aa;--owo-ref-color-surface-canvas: #0e0e0e;--owo-ref-color-surface-base: #18181b;--owo-ref-color-surface-subtle: #1c1c1f;--owo-ref-color-surface-raised: #27272a;--owo-ref-color-surface-inset: #111113;--owo-ref-color-surface-border: rgba(255, 255, 255, .12);--owo-ref-color-surface-ring: rgba(255, 255, 255, .24);--owo-ref-color-surface-overlay: rgba(0, 0, 0, .6);--owo-ref-color-overlay-soft: rgba(0, 0, 0, .32);--owo-ref-color-overlay-strong: rgba(0, 0, 0, .56);--owo-ref-color-highlight-soft: rgba(255, 255, 255, .06);--owo-ref-color-highlight-sheen: rgba(255, 255, 255, .08);--owo-ref-color-text-on-brand: #1a1a1a;--owo-ref-color-code-block-bg: #1e1e22;--owo-ref-color-code-block-border: #2d2d32;--owo-ref-color-code-block-divider: #27272c;--owo-ref-color-code-inline-bg: #27272a;--owo-ref-color-status-success-bg: rgba(16, 185, 129, .15);--owo-ref-color-status-success-border: rgba(16, 185, 129, .3);--owo-ref-color-status-success-text: #6ee7b7;--owo-ref-color-status-warning-bg: rgba(245, 158, 11, .15);--owo-ref-color-status-warning-border: rgba(245, 158, 11, .3);--owo-ref-color-status-warning-text: #fbbf24;--owo-ref-color-status-danger-bg: rgba(239, 68, 68, .15);--owo-ref-color-status-danger-border: rgba(239, 68, 68, .3);--owo-ref-color-status-danger-text: #fca5a5;--owo-ref-color-status-info-bg: rgba(14, 165, 233, .15);--owo-ref-color-status-info-border: rgba(14, 165, 233, .3);--owo-ref-color-status-info-text: #7dd3fc;--owo-sys-theme-surface-canvas: var(--owo-ref-color-surface-canvas);--owo-sys-theme-surface-base: var(--owo-ref-color-surface-base);--owo-sys-theme-surface-subtle: var(--owo-ref-color-surface-subtle);--owo-sys-theme-surface-raised: var(--owo-ref-color-surface-raised);--owo-sys-theme-surface-inset: var(--owo-ref-color-surface-inset);--owo-sys-theme-surface-border: var(--owo-ref-color-surface-border);--owo-sys-theme-surface-border-muted: rgba(255, 255, 255, .06);--owo-sys-theme-surface-border-strong: var(--owo-ref-color-surface-ring);--owo-sys-theme-canvas-bg-subtle: #0f0f11;--owo-sys-theme-surface-container: #1e1e22;--owo-sys-theme-surface-container-high: #252529;--owo-sys-theme-surface-container-highest: #2d2d32;--owo-sys-theme-text-primary: var(--owo-ref-color-neutral-900);--owo-sys-theme-text-secondary: var(--owo-ref-color-neutral-700);--owo-sys-theme-text-muted: var(--owo-ref-color-neutral-600);--owo-sys-theme-text-on-accent: var(--owo-ref-color-text-on-brand);--owo-sys-theme-accent-bg: var(--owo-ref-color-brand-primary);--owo-sys-theme-accent-bg-hover: var(--owo-ref-color-brand-primary-hover);--owo-sys-theme-accent-bg-muted: color-mix(in srgb, var(--owo-ref-color-brand-primary) 14%, var(--owo-ref-color-surface-base));--owo-sys-theme-accent-border: color-mix(in srgb, var(--owo-ref-color-brand-primary) 50%, transparent);--owo-sys-theme-success-bg: var(--owo-ref-color-status-success-bg);--owo-sys-theme-success-border: var(--owo-ref-color-status-success-border);--owo-sys-theme-success-text: var(--owo-ref-color-status-success-text);--owo-sys-theme-warning-bg: var(--owo-ref-color-status-warning-bg);--owo-sys-theme-warning-border: var(--owo-ref-color-status-warning-border);--owo-sys-theme-warning-text: var(--owo-ref-color-status-warning-text);--owo-sys-theme-danger-bg: var(--owo-ref-color-status-danger-bg);--owo-sys-theme-danger-bg-emphasis: rgba(239, 68, 68, .24);--owo-sys-theme-danger-border: var(--owo-ref-color-status-danger-border);--owo-sys-theme-danger-text: var(--owo-ref-color-status-danger-text);--owo-sys-theme-info-bg: var(--owo-ref-color-status-info-bg);--owo-sys-theme-info-border: var(--owo-ref-color-status-info-border);--owo-sys-theme-info-text: var(--owo-ref-color-status-info-text);--owo-sys-theme-control-focus-ring: var(--owo-ref-color-surface-ring);--owo-sys-theme-control-focus-ring-offset: var(--owo-ref-color-surface-base);--owo-sys-theme-overlay-bg: var(--owo-ref-color-overlay-strong)}:root[data-preset=flat],.owoui-preset-flat{--owo-sys-preset-surface-bg: var(--owo-sys-theme-surface-base);--owo-sys-preset-surface-bg-subtle: var(--owo-sys-theme-surface-subtle);--owo-sys-preset-surface-bg-raised: var(--owo-sys-theme-surface-base);--owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);--owo-sys-preset-surface-border: var(--owo-sys-theme-surface-border);--owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);--owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);--owo-sys-preset-surface-shadow: none;--owo-sys-preset-surface-shadow-strong: none;--owo-sys-preset-surface-blur: 0px;--owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);--owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);--owo-sys-preset-surface-container: var(--owo-sys-theme-surface-container);--owo-sys-preset-surface-container-high: var(--owo-sys-theme-surface-container);--owo-sys-preset-surface-container-highest: var(--owo-sys-theme-surface-container-high);--owo-sys-preset-control-radius-sm: var(--owo-ref-radius-xs);--owo-sys-preset-control-radius-md: calc(var(--owo-ref-radius-sm) + .125rem);--owo-sys-preset-control-radius-lg: calc(var(--owo-ref-radius-md) + .125rem);--owo-sys-preset-control-radius-xl: calc(var(--owo-ref-radius-lg) + .25rem);--owo-sys-preset-control-radius-2xl: var(--owo-ref-radius-xl);--owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);--owo-sys-preset-control-height-xs: 1.75rem;--owo-sys-preset-control-height-sm: 2rem;--owo-sys-preset-control-height-md: 2.25rem;--owo-sys-preset-control-height-lg: 2.5rem;--owo-sys-preset-control-height-xl: 3rem;--owo-sys-preset-control-border-width: 1px}:root[data-preset=elevated],.owoui-preset-elevated{--owo-sys-preset-surface-bg: color-mix(in srgb, var(--owo-sys-theme-surface-base) 96%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-bg-subtle: color-mix(in srgb, var(--owo-sys-theme-surface-subtle) 96%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-bg-raised: color-mix(in srgb, var(--owo-sys-theme-surface-raised) 94%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);--owo-sys-preset-surface-border: color-mix(in srgb, var(--owo-sys-theme-surface-border) 88%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);--owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);--owo-sys-preset-surface-shadow: 0 16px 40px rgba(15, 23, 42, .14);--owo-sys-preset-surface-shadow-strong: 0 28px 60px rgba(15, 23, 42, .18);--owo-sys-preset-surface-blur: 0px;--owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);--owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);--owo-sys-preset-surface-container: color-mix(in srgb, var(--owo-sys-theme-surface-container) 94%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-container-high: color-mix(in srgb, var(--owo-sys-theme-surface-container-high) 94%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-surface-container-highest: color-mix(in srgb, var(--owo-sys-theme-surface-container-highest) 92%, var(--owo-sys-theme-surface-border-strong));--owo-sys-preset-control-radius-sm: calc(var(--owo-ref-radius-sm) + .125rem);--owo-sys-preset-control-radius-md: calc(var(--owo-ref-radius-md) + .125rem);--owo-sys-preset-control-radius-lg: calc(var(--owo-ref-radius-lg) + .125rem);--owo-sys-preset-control-radius-xl: calc(var(--owo-ref-radius-xl) + .125rem);--owo-sys-preset-control-radius-2xl: calc(var(--owo-ref-radius-2xl) + .125rem);--owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);--owo-sys-preset-control-height-xs: 1.75rem;--owo-sys-preset-control-height-sm: 2rem;--owo-sys-preset-control-height-md: 2.25rem;--owo-sys-preset-control-height-lg: 2.5rem;--owo-sys-preset-control-height-xl: 3rem;--owo-sys-preset-control-border-width: 1px}:root[data-preset=glass],.owoui-preset-glass{--owo-sys-preset-surface-bg: color-mix(in srgb, var(--owo-sys-theme-surface-base) 62%, transparent);--owo-sys-preset-surface-bg-subtle: color-mix(in srgb, var(--owo-sys-theme-surface-subtle) 48%, transparent);--owo-sys-preset-surface-bg-raised: color-mix(in srgb, var(--owo-sys-theme-surface-raised) 72%, transparent);--owo-sys-preset-surface-bg-inset: color-mix(in srgb, var(--owo-sys-theme-surface-inset) 82%, transparent);--owo-sys-preset-surface-border: color-mix(in srgb, var(--owo-sys-theme-surface-border-strong) 55%, transparent);--owo-sys-preset-surface-border-muted: color-mix(in srgb, var(--owo-sys-theme-surface-border-muted) 60%, transparent);--owo-sys-preset-surface-border-strong: color-mix(in srgb, var(--owo-sys-theme-surface-border-strong) 78%, transparent);--owo-sys-preset-surface-shadow: 0 16px 44px rgba(15, 23, 42, .1);--owo-sys-preset-surface-shadow-strong: 0 24px 64px rgba(15, 23, 42, .14);--owo-sys-preset-surface-blur: 18px;--owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);--owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);--owo-sys-preset-surface-container: color-mix(in srgb, var(--owo-sys-theme-surface-container) 70%, transparent);--owo-sys-preset-surface-container-high: color-mix(in srgb, var(--owo-sys-theme-surface-container-high) 74%, transparent);--owo-sys-preset-surface-container-highest: color-mix(in srgb, var(--owo-sys-theme-surface-container-highest) 78%, transparent);--owo-sys-preset-control-radius-sm: var(--owo-ref-radius-md);--owo-sys-preset-control-radius-md: var(--owo-ref-radius-lg);--owo-sys-preset-control-radius-lg: calc(var(--owo-ref-radius-lg) + .25rem);--owo-sys-preset-control-radius-xl: calc(var(--owo-ref-radius-xl) + .25rem);--owo-sys-preset-control-radius-2xl: calc(var(--owo-ref-radius-2xl) + .25rem);--owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);--owo-sys-preset-control-height-xs: 1.75rem;--owo-sys-preset-control-height-sm: 2rem;--owo-sys-preset-control-height-md: 2.25rem;--owo-sys-preset-control-height-lg: 2.5rem;--owo-sys-preset-control-height-xl: 3rem;--owo-sys-preset-control-border-width: 1px}@source "../components/**/*.ts";@source "../components/**/*.tsx";@source "../storybook/**/*.ts";@source "../storybook/**/*.tsx";@source "./**/*.ts";@source "./**/*.tsx";:root{--font-inter: "Inter", sans-serif;--font-headline: "Manrope", sans-serif}@layer base{html,body,#root{min-height:100%}body{margin:0;font-family:var(--owo-ref-font-sans);color:var(--owo-cmp-text-primary);background:var(--owo-cmp-canvas-bg);line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:inherit;text-decoration:none}}.sb-dot-grid{background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--owo-cmp-surface-border) 50%,transparent) .5px,transparent 0);background-size:20px 20px}.sb-sidebar::-webkit-scrollbar{width:4px}.sb-sidebar::-webkit-scrollbar-track{background:transparent}.sb-sidebar::-webkit-scrollbar-thumb{background:var(--owo-cmp-surface-border);border-radius:10px}#sb-main::-webkit-scrollbar{width:6px}#sb-main::-webkit-scrollbar-track{background:transparent}#sb-main::-webkit-scrollbar-thumb{background:var(--owo-cmp-surface-border);border-radius:10px}

package/dist/style.css

@@ -350,6 +350,6 @@
 }
 
 @layer owoui.components {
-.root{--avatar-bg: var(--owo-cmp-surface-bg-inset);--avatar-text: var(--owo-cmp-text-secondary);--avatar-border: transparent;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--owo-cmp-control-radius-full);font-weight:500;user-select:none;background:var(--avatar-bg);color:var(--avatar-text);border:1px solid var(--avatar-border)}.root[data-size=xs]{height:1.5rem;width:1.5rem;font-size:10px}.root[data-size=sm]{height:2rem;width:2rem;font-size:.75rem;line-height:1rem}.root[data-size=md]{height:2.5rem;width:2.5rem;font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{height:3.5rem;width:3.5rem;font-size:1.125rem;line-height:1.75rem}.root>img{height:100%;width:100%;object-fit:cover}.root[data-tone=subtle]{--avatar-bg: var(--owo-cmp-surface-bg-subtle);--avatar-text: var(--owo-cmp-text-muted)}.root{--badge-bg: var(--owo-cmp-surface-bg-inset);--badge-text: var(--owo-cmp-text-secondary);--badge-border: transparent;display:inline-flex;align-items:center;border-radius:var(--owo-cmp-control-radius-full);border:1px solid var(--badge-border);color:var(--badge-text);background:var(--badge-bg)}.root[data-size=xs]{padding:.25rem .625rem;font-size:11px}.root[data-size=sm]{padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500}.root[data-variant=outline]{--badge-bg: transparent;--badge-border: var(--owo-cmp-surface-border)}.root[data-tone=info]{--badge-bg: var(--owo-cmp-info-bg);--badge-text: var(--owo-cmp-info-text);--badge-border: var(--owo-cmp-info-border)}.root[data-tone=info][data-variant=outline]{--badge-bg: transparent}.root[data-tone=success]{--badge-bg: var(--owo-cmp-success-bg);--badge-text: var(--owo-cmp-success-text);--badge-border: var(--owo-cmp-success-border)}.root[data-tone=success][data-variant=outline]{--badge-bg: transparent}.root[data-tone=warning]{--badge-bg: var(--owo-cmp-warning-bg);--badge-text: var(--owo-cmp-warning-text);--badge-border: var(--owo-cmp-warning-border)}.root[data-tone=warning][data-variant=outline]{--badge-bg: transparent}.root[data-tone=danger]{--badge-bg: var(--owo-cmp-danger-bg);--badge-text: var(--owo-cmp-danger-text);--badge-border: var(--owo-cmp-danger-border)}.root[data-tone=danger][data-variant=outline]{--badge-bg: transparent}.root{display:inline-flex}.root[data-animate=spin]{animation:owo-spin 1s linear infinite}@keyframes owo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.root[data-animate=spin]{animation:none}}.root{--button-bg: var(--owo-cmp-surface-bg);--button-bg-hover: var(--owo-cmp-surface-bg-inset);--button-bg-active: var(--owo-cmp-surface-bg-subtle);--button-text: var(--owo-cmp-text-primary);--button-border: var(--owo-cmp-surface-border);--button-ring: var(--owo-cmp-control-focus-ring);--button-disabled-opacity: .5;display:inline-flex;align-items:center;justify-content:center;padding:0;gap:.5rem;border-radius:var(--owo-cmp-control-radius-md);border:1px solid var(--button-border);font-weight:500;transition-property:color,background-color,border-color;transition-duration:.15s;appearance:none;background:var(--button-bg);color:var(--button-text)}.root[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding-inline:.625rem;font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding-inline:.75rem;font-size:.75rem;line-height:1rem}.root[data-size=md]{min-height:var(--owo-cmp-control-height-md);padding-inline:1rem;font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding-inline:1.125rem;font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding-inline:1.25rem;font-size:1rem;line-height:1.5rem}.root:focus-visible{box-shadow:inset 0 0 0 2px var(--button-ring);outline:none}.root:hover{background:var(--button-bg-hover)}.root:active{background:var(--button-bg-active)}.root:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.root[data-loading=true]{pointer-events:none;cursor:wait}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.icon :global(svg){display:block}.label{display:inline-flex;align-items:center}.root[data-variant=primary]{--button-bg: var(--owo-cmp-accent-bg);--button-bg-hover: var(--owo-cmp-accent-bg-hover);--button-bg-active: color-mix(in srgb, var(--owo-cmp-accent-bg-hover) 88%, black);--button-text: var(--owo-cmp-accent-text);--button-border: transparent}.root[data-variant=ghost]{--button-bg: transparent;--button-bg-hover: var(--owo-cmp-surface-bg-inset);--button-bg-active: var(--owo-cmp-surface-bg-subtle);--button-text: var(--owo-cmp-text-secondary);--button-border: transparent}.root[data-variant=danger]{--button-bg: var(--owo-cmp-danger-bg);--button-bg-hover: color-mix(in srgb, var(--owo-cmp-danger-bg) 92%, var(--owo-cmp-danger-border));--button-bg-active: color-mix(in srgb, var(--owo-cmp-danger-bg) 84%, var(--owo-cmp-danger-border));--button-text: var(--owo-cmp-danger-text);--button-border: var(--owo-cmp-danger-border);--button-ring: var(--owo-cmp-danger-border)}:where(.root [data-part=trigger]){border:0;padding:0;appearance:none;background:var(--collapsible-trigger-bg, transparent);color:inherit;font:inherit;cursor:pointer;transition:background-color .18s ease,color .18s ease}:where(.root [data-part=trigger]:hover){background:var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent))}:where(.root [data-part=trigger][data-state=open]){background:var(--collapsible-trigger-bg-open, var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent)))}:where(.root [data-part=content]){height:auto;overflow:hidden;transition:height .18s ease;background:var(--collapsible-content-bg, transparent)}.triggerInner{display:flex;width:100%;align-items:center;gap:var(--collapsible-trigger-gap, .75rem)}.triggerIcon,.triggerIndicator{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;line-height:0;color:inherit}.triggerLabel{min-width:0;flex:1 1 auto;text-align:inherit}.contentInner{min-height:0}.overlay{position:fixed;inset:0;z-index:var(--owo-cmp-z-modal);display:flex;align-items:center;justify-content:center}.overlay [data-part=backdrop]{position:absolute;inset:0;padding:0;border:0;background:var(--owo-cmp-overlay-bg);animation:dialog-backdrop-in .2s var(--owo-cmp-motion-ease-standard)}.panel{position:relative;z-index:10;width:100%;border-radius:var(--owo-cmp-control-radius-xl);background:var(--owo-cmp-surface-bg-raised);border:1px solid var(--owo-cmp-surface-border);color:var(--owo-cmp-text-primary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:dialog-in .2s var(--owo-cmp-motion-ease-standard)}.panel[data-size=sm]{max-width:26rem}.panel[data-size=md]{max-width:32rem}.overlay [data-part=header]{padding:1.25rem 1.25rem .25rem;font-size:1rem;line-height:1.5;font-weight:600;color:var(--owo-cmp-text-primary)}.overlay [data-part=body]{padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-secondary)}.overlay [data-part=footer]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1.25rem}.confirmDescription{white-space:pre-wrap}@keyframes dialog-in{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}.trigger{border:0;padding:0;appearance:none;background:transparent;color:inherit;font:inherit}.content{min-width:12rem;overflow-y:auto;border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-lg);background:var(--owo-cmp-surface-bg-raised);box-shadow:var(--_owo-dropdown-menu-shadow, var(--owo-cmp-surface-shadow-strong));padding:.375rem;color:var(--owo-cmp-text-primary);outline:none;z-index:var(--owo-cmp-z-dropdown);animation:owo-dropdown-menu-in var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard)}.content[data-side=top]{transform-origin:bottom center}.content[data-side=bottom]{transform-origin:top center}.content[data-side=left]{transform-origin:center right}.content[data-side=right]{transform-origin:center left}.content [data-part=group]+[data-part=group]{margin-top:.375rem;padding-top:.375rem;border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 80%,transparent)}.content [data-part=label]{padding:.35rem .625rem .25rem;font-size:.675rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.content [data-part=separator]{margin:.375rem .25rem;border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 82%,transparent)}.content [data-part=item],.subTrigger{display:flex;width:100%;align-items:center;gap:.75rem;border:0;border-radius:calc(var(--owo-cmp-control-radius-md) - .125rem);background:transparent;padding:.625rem .75rem;text-align:left;color:inherit;cursor:default;transition:background-color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard),color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard);appearance:none}.content [data-part=item]:hover,.content [data-part=item][data-highlighted],.subTrigger:hover,.subTrigger[data-highlighted]{background:var(--owo-cmp-surface-bg-inset)}.content [data-part=item][data-selected]{background:color-mix(in srgb,var(--owo-cmp-accent-bg) 10%,var(--owo-cmp-surface-bg-raised))}.content [data-part=item][data-selected] .itemMain{color:var(--owo-cmp-text-primary);font-weight:600}.content [data-part=item][data-disabled],.subTrigger[data-disabled]{opacity:.5;cursor:not-allowed}.content [data-part=item][data-destructive],.subTrigger[data-destructive]{color:var(--owo-cmp-danger-text)}.itemInset{padding-left:1rem}.itemMain{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut,.indicator,.submenuIndicator{flex:0 0 auto;color:var(--owo-cmp-text-muted);font-size:.75rem}.indicator{min-width:1rem;text-align:center;color:var(--owo-cmp-accent-bg);font-weight:700}.subTrigger[data-state=open]{background:var(--owo-cmp-surface-bg-inset)}@keyframes owo-dropdown-menu-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.panel{--drawer-surface: var(--owo-cmp-surface-bg-raised);--drawer-border: var(--owo-cmp-surface-border);--drawer-shadow: var(--owo-cmp-surface-shadow-strong);z-index:calc(var(--owo-cmp-z-modal) + 1);display:flex;max-width:100%;flex-direction:column;will-change:transform;transform:translate(0);transition:transform var(--owo-cmp-motion-duration-default) var(--owo-cmp-motion-ease-standard);background:var(--drawer-surface);border-color:var(--drawer-border);box-shadow:var(--drawer-shadow)}.panel[data-position=fixed]{position:fixed}.panel[data-position=absolute]{position:absolute}.panel[data-side=left]{left:0;top:0}.panel[data-side=right]{right:0;top:0}.panel[data-state=open]{pointer-events:auto;visibility:visible;transform:translate(0)}.panel[data-state=closed]{pointer-events:none;visibility:hidden}.panel[data-state=closed][data-side=left]{transform:translate(-100%)}.panel[data-state=closed][data-side=right]{transform:translate(100%)}.backdrop{--drawer-backdrop: var(--owo-cmp-overlay-bg);inset:0;z-index:var(--owo-cmp-z-modal);padding:0;border:0;background:var(--drawer-backdrop)}.backdrop[data-position=fixed]{position:fixed}.backdrop[data-position=absolute]{position:absolute}.root{--field-label: var(--owo-cmp-text-secondary);--field-help: var(--owo-cmp-text-muted);display:block}.root .label{display:block;margin-bottom:.25rem;font-size:.75rem;line-height:1rem;color:var(--field-label)}.root .help{display:block;margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--field-help)}.root{--icon-button-bg: transparent;--icon-button-bg-hover: var(--owo-cmp-surface-bg-inset);--icon-button-bg-active: var(--owo-cmp-surface-bg-subtle);--icon-button-text: var(--owo-cmp-text-muted);--icon-button-ring: var(--owo-cmp-control-focus-ring);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--owo-cmp-control-radius-md);transition-property:color,background-color;transition-duration:.15s;background:var(--icon-button-bg);color:var(--icon-button-text)}.root[data-size=xs]{height:var(--owo-cmp-control-height-xs);width:var(--owo-cmp-control-height-xs)}.root[data-size=sm]{height:var(--owo-cmp-control-height-sm);width:var(--owo-cmp-control-height-sm)}.root[data-size=md]{height:var(--owo-cmp-control-height-md);width:var(--owo-cmp-control-height-md)}.root[data-size=lg]{height:var(--owo-cmp-control-height-lg);width:var(--owo-cmp-control-height-lg)}.root[data-size=xl]{height:var(--owo-cmp-control-height-xl);width:var(--owo-cmp-control-height-xl)}.root:focus-visible{box-shadow:inset 0 0 0 2px var(--icon-button-ring);outline:none}.root:hover{background:var(--icon-button-bg-hover);color:var(--owo-cmp-text-primary)}.root:active{background:var(--icon-button-bg-active)}.root[data-variant=subtle]{--icon-button-bg: var(--owo-cmp-surface-bg-inset);--icon-button-bg-hover: var(--owo-cmp-surface-bg-subtle);--icon-button-bg-active: var(--owo-cmp-surface-bg-raised);--icon-button-text: var(--owo-cmp-text-primary)}.root{--field-bg: var(--owo-cmp-surface-bg);--field-border: var(--owo-cmp-surface-border);--field-text: var(--owo-cmp-text-primary);--field-placeholder: var(--owo-cmp-text-muted);--field-ring: var(--owo-cmp-control-focus-ring);background:var(--field-bg);border:1px solid var(--field-border);color:var(--field-text);width:100%;min-height:var(--owo-cmp-control-height-md);border-radius:var(--owo-cmp-control-radius-md);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.root[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding:.25rem .5rem;font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding:.375rem .625rem;font-size:.75rem;line-height:1rem}.root[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding:.5625rem .875rem;font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.root::placeholder{color:var(--field-placeholder)}.root:hover:not(:disabled){--field-border: var(--owo-cmp-surface-border-strong)}.root:focus-visible{outline:none;--field-border: var(--field-ring);box-shadow:none}.root[data-tone=warning]{--field-border: var(--owo-cmp-warning-border);--field-ring: var(--owo-cmp-warning-border)}.root{--panel-bg: var(--owo-cmp-surface-bg);--panel-border: var(--owo-cmp-surface-border);--panel-section-border: var(--owo-cmp-surface-border);--panel-shadow: none;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}.root[data-padding=sm]{padding:1rem}.root[data-padding=md]{padding:1.25rem}.root[data-padding=lg]{padding:1.5rem}.root [data-part=header]{border-bottom:1px solid var(--panel-section-border);padding:1.25rem 1.5rem}.root [data-part=body]{padding:1.25rem 1.5rem}.root [data-part=footer]{border-top:1px solid var(--panel-section-border);padding:1rem 1.5rem}.root[data-variant=subtle]{--panel-bg: var(--owo-cmp-surface-bg-subtle)}.root[data-variant=raised]{--panel-bg: var(--owo-cmp-surface-bg-raised);--panel-shadow: var(--owo-cmp-surface-shadow)}.root{--segmented-bg: var(--owo-cmp-surface-bg-inset);--segmented-border: var(--owo-cmp-surface-border);--segmented-item-text: var(--owo-cmp-text-muted);--segmented-item-hover-text: var(--owo-cmp-text-secondary);--segmented-item-active-bg: var(--owo-cmp-surface-bg-raised);--segmented-item-active-text: var(--owo-cmp-text-primary);--segmented-ring: var(--owo-cmp-control-focus-ring);display:inline-flex;border-radius:var(--owo-cmp-control-radius-md);padding:.125rem;background:var(--segmented-bg);box-shadow:0 0 0 1px var(--segmented-border)}.root[data-size=xs]{font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{font-size:.75rem;line-height:1rem}.root[data-size=md]{font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{font-size:1rem;line-height:1.5rem}.item{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--owo-cmp-control-radius-sm);background:transparent;font-weight:500;transition:color .15s,background-color .15s;color:var(--segmented-item-text)}.item:focus{outline:none}.item:focus-visible{box-shadow:inset 0 0 0 1px var(--segmented-ring)}.item:disabled{cursor:not-allowed;opacity:.5}.item:hover{color:var(--segmented-item-hover-text)}.item[data-active=true]{background:var(--segmented-item-active-bg);color:var(--segmented-item-active-text)}.root[data-size=xs]>.item{min-height:calc(var(--owo-cmp-control-height-xs) - .25rem);padding:.125rem .5rem}.root[data-size=sm]>.item{min-height:calc(var(--owo-cmp-control-height-sm) - .25rem);padding:.25rem .625rem}.root[data-size=md]>.item{min-height:calc(var(--owo-cmp-control-height-md) - .25rem);padding:.375rem .75rem}.root[data-size=lg]>.item{min-height:calc(var(--owo-cmp-control-height-lg) - .25rem);padding:.5rem .875rem}.root[data-size=xl]>.item{min-height:calc(var(--owo-cmp-control-height-xl) - .25rem);padding:.625rem 1rem}.root{position:relative;display:inline-block}.root [data-part=trigger]{--select-bg: var(--owo-cmp-surface-bg);--select-border: var(--owo-cmp-surface-border);--select-text: var(--owo-cmp-text-primary);--select-ring: var(--owo-cmp-control-focus-ring);display:flex;width:100%;align-items:center;justify-content:space-between;padding:0;gap:.5rem;border-radius:var(--owo-cmp-control-radius-md);text-align:left;transition:color .15s,background-color .15s,border-color .15s;appearance:none;background:var(--select-bg);border:.5px solid var(--select-border);color:var(--select-text)}.root [data-part=trigger]:focus-visible{outline:none;--select-border: var(--select-ring);box-shadow:none}.root [data-part=trigger][data-size=xs]{height:var(--owo-cmp-control-height-xs);min-height:var(--owo-cmp-control-height-xs);padding:0 .5rem;font-size:.6875rem;line-height:.875rem}.root [data-part=trigger][data-size=sm]{height:var(--owo-cmp-control-height-sm);min-height:var(--owo-cmp-control-height-sm);padding:0 .5rem;font-size:.75rem;line-height:1rem}.root [data-part=trigger][data-size=md]{height:var(--owo-cmp-control-height-md);min-height:var(--owo-cmp-control-height-md);padding:0 .75rem;font-size:.875rem;line-height:1.25rem}.root [data-part=trigger][data-size=lg]{height:var(--owo-cmp-control-height-lg);min-height:var(--owo-cmp-control-height-lg);padding:0 .875rem;font-size:.9375rem;line-height:1.375rem}.root [data-part=trigger][data-size=xl]{height:var(--owo-cmp-control-height-xl);min-height:var(--owo-cmp-control-height-xl);padding:0 1rem;font-size:1rem;line-height:1.5rem}.root [data-part=trigger]:hover:not(:disabled){--select-border: var(--owo-cmp-surface-border-strong)}.root [data-part=trigger][data-state=open]{--select-border: var(--owo-cmp-surface-border-strong)}.root [data-part=trigger][data-tone=warning]{--select-border: var(--owo-cmp-warning-border);--select-ring: var(--owo-cmp-warning-border)}.valueText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{color:var(--owo-cmp-text-muted)}.root [data-part=chevron]{width:.875rem;height:.875rem;flex-shrink:0;transition:transform .15s;color:var(--owo-cmp-text-muted)}.root [data-part=chevron][data-state=open]{transform:rotate(180deg)}.root [data-part=dropdown]{--select-dropdown-shadow: var(--owo-cmp-surface-shadow-strong);position:absolute;z-index:var(--owo-cmp-z-dropdown);margin-top:.25rem;max-height:15rem;width:100%;overflow:auto;border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-md);padding:.25rem 0;background:var(--owo-cmp-surface-bg-raised);box-shadow:var(--select-dropdown-shadow)}.root [data-part=dropdown][data-size=sm]{font-size:.75rem;line-height:1rem}.root [data-part=dropdown][data-size=md]{font-size:.875rem;line-height:1.25rem}.root [data-part=dropdown][data-size=xs]{font-size:.6875rem;line-height:.875rem}.root [data-part=dropdown][data-size=lg]{font-size:.9375rem;line-height:1.375rem}.root [data-part=dropdown][data-size=xl]{font-size:1rem;line-height:1.5rem}.root [data-part=option]{cursor:default;user-select:none;padding:.375rem .75rem;transition:background-color .15s}.root [data-part=option][data-disabled]{cursor:not-allowed;opacity:.5}.root [data-part=option][data-focused]{background:var(--owo-cmp-surface-bg-inset)}.root [data-part=option][data-selected]{color:var(--owo-cmp-accent-bg);font-weight:500}.root{border-radius:var(--owo-cmp-control-radius-sm);--_owo-skeleton-scan-duration: 3.6s;--skeleton-bg: linear-gradient( 180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 94%, white) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 100%, var(--owo-cmp-surface-border)) 100% );--skeleton-bg-emphasis: linear-gradient( 180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-subtle) 78%, var(--owo-ref-color-highlight-soft)) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 86%, var(--owo-cmp-surface-border)) 100% );--skeleton-sheen: linear-gradient( 100deg, transparent 0%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 28%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 40%, var(--owo-ref-color-highlight-sheen) 50%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 60%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 72%, transparent 100% );--skeleton-top-highlight: var(--owo-ref-color-highlight-soft);position:relative;overflow:hidden;background:var(--skeleton-bg);box-shadow:inset 0 1px 0 var(--skeleton-top-highlight);transform:translateZ(0)}.root[data-tone=emphasis]{background:var(--skeleton-bg-emphasis)}.root:before{content:"";position:absolute;inset:0;background:inherit;opacity:.84}.root:after{content:"";position:absolute;inset:-35%;background:var(--skeleton-sheen);transform:translate(-140%) skew(-14deg);opacity:0;will-change:transform,opacity}.root[data-animation=pulse]:after{display:none}.root[data-animation=pulse]:before{animation:owo-skeleton-breathe 2.6s var(--owo-cmp-motion-ease-standard) infinite}.root[data-animation=scan]:before{opacity:1;filter:none}.root[data-animation=scan]:after{opacity:1;animation:owo-skeleton-scan var(--_owo-skeleton-scan-duration) cubic-bezier(.3,0,.2,1) infinite}@keyframes owo-skeleton-breathe{0%,to{opacity:.8;filter:saturate(.96) brightness(.98)}50%{opacity:1;filter:saturate(1.04) brightness(1.04)}}@keyframes owo-skeleton-scan{0%{transform:translate(-140%) skew(-14deg);opacity:0}18%{opacity:.82}52%{transform:translate(6%) skew(-14deg);opacity:1}82%{opacity:.82}to{transform:translate(140%) skew(-14deg);opacity:0}}@media(prefers-reduced-motion:reduce){.root:before{animation:none;opacity:.94;filter:none}.root:after{animation:none;opacity:0}}.root{--status-notice-bg: var(--owo-feedback-neutral-bg);--status-notice-border: var(--owo-feedback-neutral-border);--status-notice-text: var(--owo-feedback-neutral-text);--status-notice-icon: var(--owo-feedback-neutral-icon);border-radius:var(--owo-cmp-control-radius-md);border-width:1px;border-style:solid;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;background:var(--status-notice-bg);border-color:var(--status-notice-border);color:var(--status-notice-text)}.withIcon{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem}.icon{color:var(--status-notice-icon)}.root:not([data-layout=vertical]) .icon{margin-top:.125rem;flex-shrink:0}.text{min-width:0}.title{font-weight:500;color:var(--owo-cmp-text-primary)}.root[data-layout=vertical]{border-radius:var(--owo-cmp-control-radius-lg)}.root[data-layout=vertical] .body{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;text-align:center}.root[data-layout=vertical] .icon{font-size:1.125rem;line-height:1.75rem}.root[data-layout=vertical] .title{color:var(--status-notice-text)}.root[data-layout=vertical] .action{margin-top:.5rem}.root[data-tone=info]{--status-notice-bg: var(--owo-feedback-info-bg);--status-notice-border: var(--owo-feedback-info-border);--status-notice-text: var(--owo-feedback-info-text);--status-notice-icon: var(--owo-feedback-info-icon)}.root[data-tone=success]{--status-notice-bg: var(--owo-feedback-success-bg);--status-notice-border: var(--owo-feedback-success-border);--status-notice-text: var(--owo-feedback-success-text);--status-notice-icon: var(--owo-feedback-success-icon)}.root[data-tone=warning]{--status-notice-bg: var(--owo-feedback-warning-bg);--status-notice-border: var(--owo-feedback-warning-border);--status-notice-text: var(--owo-feedback-warning-text);--status-notice-icon: var(--owo-feedback-warning-icon)}.root[data-tone=danger]{--status-notice-bg: var(--owo-feedback-danger-bg);--status-notice-border: var(--owo-feedback-danger-border);--status-notice-text: var(--owo-feedback-danger-text);--status-notice-icon: var(--owo-feedback-danger-icon)}.root{--switch-track-width: calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size: 1.125rem;--switch-thumb-offset: .125rem;position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;padding:0;box-sizing:border-box;border-radius:var(--owo-cmp-control-radius-full);border:2px solid transparent;transition:background-color .15s,border-color .15s;background:var(--owo-cmp-surface-border-strong)}.root:focus{outline:none}.root:focus-visible{box-shadow:0 0 0 2px var(--owo-cmp-surface-bg),0 0 0 4px var(--owo-cmp-control-focus-ring)}.root:disabled{cursor:not-allowed;opacity:.5}.root[data-size=xs]{height:calc(var(--owo-cmp-control-height-xs) - .75rem);width:calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-track-width: calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-thumb-size: .625rem}.root[data-size=sm]{height:calc(var(--owo-cmp-control-height-sm) - .75rem);width:calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-track-width: calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-thumb-size: .875rem}.root[data-size=md]{height:calc(var(--owo-cmp-control-height-md) - .75rem);width:calc(var(--owo-cmp-control-height-md) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size: 1.125rem}.root[data-size=lg]{height:calc(var(--owo-cmp-control-height-lg) - .75rem);width:calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-thumb-size: 1.375rem}.root[data-size=xl]{height:calc(var(--owo-cmp-control-height-xl) - .75rem);width:calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-thumb-size: 1.875rem}.root[aria-checked=true]{background:var(--owo-cmp-accent-bg)}.root:hover:not(:disabled){background:color-mix(in srgb,var(--owo-cmp-surface-border-strong) 82%,var(--owo-cmp-text-muted))}.root[aria-checked=true]:hover:not(:disabled){background:var(--owo-cmp-accent-bg-hover)}.root .thumb{pointer-events:none;display:inline-block;border-radius:var(--owo-cmp-control-radius-full);background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .15s;transform:translate(var(--switch-thumb-offset))}.root[data-size=xs]>.thumb{height:.625rem;width:.625rem}.root[data-size=sm]>.thumb{height:.875rem;width:.875rem}.root[data-size=md]>.thumb{height:1.125rem;width:1.125rem}.root[data-size=lg]>.thumb{height:1.375rem;width:1.375rem}.root[data-size=xl]>.thumb{height:1.875rem;width:1.875rem}.root[aria-checked=true]>.thumb{transform:translate(calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset)))}.root [data-part=list]{--tabs-border: var(--owo-cmp-surface-border);display:flex;align-items:flex-end;gap:.25rem;border-bottom-width:1px;border-bottom-style:solid;border-color:var(--tabs-border)}.root [data-part=trigger]{--tabs-text: var(--owo-cmp-text-muted);--tabs-hover-text: var(--owo-cmp-text-secondary);--tabs-active-text: var(--owo-cmp-text-primary);--tabs-active-border: var(--owo-cmp-accent-border);--tabs-active-bg: color-mix(in srgb, var(--owo-cmp-accent-bg-muted) 35%, transparent);--tabs-ring: var(--owo-cmp-control-focus-ring);position:relative;margin-bottom:-1px;display:inline-flex;min-height:var(--owo-cmp-control-height-md);align-items:center;justify-content:center;border:0;border-top-left-radius:var(--owo-cmp-control-radius-md);border-top-right-radius:var(--owo-cmp-control-radius-md);border-bottom:2px solid transparent;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:color .15s ease;appearance:none;background:transparent;color:var(--tabs-text)}.root [data-part=trigger]:focus{outline:none}.root [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 2px var(--tabs-ring)}.root [data-part=trigger]:disabled{cursor:not-allowed;opacity:.5}.root [data-part=trigger]:hover{color:var(--tabs-hover-text)}.root [data-part=trigger][data-state=active]{background:var(--tabs-active-bg);border-bottom-color:var(--tabs-active-border);color:var(--tabs-active-text)}.root [data-part=content]{padding-top:1rem;color:var(--owo-cmp-text-primary)}.root{min-height:calc(4.5em + 1rem);line-height:1.5}.root[data-auto-resize=true]{overflow-y:hidden}.container{pointer-events:none;position:fixed;bottom:1rem;right:1rem;z-index:var(--owo-cmp-z-toast);display:flex;flex-direction:column-reverse;gap:.5rem}.toast{--toast-bg: var(--owo-feedback-neutral-bg);--toast-border: var(--owo-feedback-neutral-border);--toast-text: var(--owo-feedback-neutral-text);--toast-icon: var(--owo-feedback-neutral-icon);--toast-shadow: var(--owo-cmp-surface-shadow-strong);pointer-events:auto;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--toast-border);font-size:.875rem;line-height:1.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--toast-bg);color:var(--toast-text);box-shadow:var(--toast-shadow);animation:toast-in .25s var(--owo-cmp-motion-ease-standard)}.toastDefault{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}.toast [data-part=icon]{margin-top:.125rem;flex-shrink:0;color:var(--toast-icon)}.toast [data-part=content]{min-width:0;flex:1}.toast [data-part=title]{display:block;font-weight:500;color:inherit}.toast [data-part=message]{display:block}.toast [data-part=close]{margin-right:-.25rem;margin-top:-.125rem;flex-shrink:0;border-radius:var(--owo-cmp-control-radius-sm);padding:.125rem;color:currentColor;opacity:.5;transition:opacity .15s;background:transparent;border:0;cursor:pointer}.toast [data-part=close]:hover{opacity:1}.toast[data-tone=success]{--toast-bg: var(--owo-feedback-success-bg);--toast-border: var(--owo-feedback-success-border);--toast-text: var(--owo-feedback-success-text);--toast-icon: var(--owo-feedback-success-icon)}.toast[data-tone=warning]{--toast-bg: var(--owo-feedback-warning-bg);--toast-border: var(--owo-feedback-warning-border);--toast-text: var(--owo-feedback-warning-text);--toast-icon: var(--owo-feedback-warning-icon)}.toast[data-tone=danger]{--toast-bg: var(--owo-feedback-danger-bg);--toast-border: var(--owo-feedback-danger-border);--toast-text: var(--owo-feedback-danger-text);--toast-icon: var(--owo-feedback-danger-icon)}.toast[data-tone=info]{--toast-bg: var(--owo-feedback-info-bg);--toast-border: var(--owo-feedback-info-border);--toast-text: var(--owo-feedback-info-text);--toast-icon: var(--owo-feedback-info-icon)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.trigger{display:inline-flex}.content{--tooltip-bg: var(--owo-cmp-surface-bg-raised);--tooltip-border: var(--owo-cmp-surface-border);--tooltip-text: var(--owo-cmp-text-primary);--tooltip-shadow: var(--owo-cmp-surface-shadow-strong);--tooltip-arrow-color: var(--tooltip-bg);position:fixed;z-index:var(--owo-cmp-z-toast);border-radius:var(--owo-cmp-control-radius-lg);line-height:1.625;background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);backdrop-filter:blur(10px);animation:tooltip-in .15s var(--owo-cmp-motion-ease-standard)}.content[data-density=compact]{padding:.25rem .5rem;font-size:11px;max-width:200px}.content[data-density=default]{padding:.5rem .75rem;font-size:.75rem;line-height:1rem;max-width:20rem}.content [data-part=arrow]{position:absolute;color:var(--tooltip-arrow-color);filter:drop-shadow(0 1px 0 var(--tooltip-border))}@keyframes tooltip-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
+.root{--avatar-bg: var(--owo-cmp-surface-bg-inset);--avatar-text: var(--owo-cmp-text-secondary);--avatar-border: transparent;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--owo-cmp-control-radius-full);font-weight:500;user-select:none;background:var(--avatar-bg);color:var(--avatar-text);border:1px solid var(--avatar-border)}.root[data-size=xs]{height:1.5rem;width:1.5rem;font-size:10px}.root[data-size=sm]{height:2rem;width:2rem;font-size:.75rem;line-height:1rem}.root[data-size=md]{height:2.5rem;width:2.5rem;font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{height:3.5rem;width:3.5rem;font-size:1.125rem;line-height:1.75rem}.root>img{height:100%;width:100%;object-fit:cover}.root[data-tone=subtle]{--avatar-bg: var(--owo-cmp-surface-bg-subtle);--avatar-text: var(--owo-cmp-text-muted)}.root{--badge-bg: var(--owo-cmp-surface-bg-inset);--badge-text: var(--owo-cmp-text-secondary);--badge-border: transparent;display:inline-flex;align-items:center;border-radius:var(--owo-cmp-control-radius-full);border:1px solid var(--badge-border);color:var(--badge-text);background:var(--badge-bg)}.root[data-size=xs]{padding:.25rem .625rem;font-size:11px}.root[data-size=sm]{padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500}.root[data-variant=outline]{--badge-bg: transparent;--badge-border: var(--owo-cmp-surface-border)}.root[data-tone=info]{--badge-bg: var(--owo-cmp-info-bg);--badge-text: var(--owo-cmp-info-text);--badge-border: var(--owo-cmp-info-border)}.root[data-tone=info][data-variant=outline]{--badge-bg: transparent}.root[data-tone=success]{--badge-bg: var(--owo-cmp-success-bg);--badge-text: var(--owo-cmp-success-text);--badge-border: var(--owo-cmp-success-border)}.root[data-tone=success][data-variant=outline]{--badge-bg: transparent}.root[data-tone=warning]{--badge-bg: var(--owo-cmp-warning-bg);--badge-text: var(--owo-cmp-warning-text);--badge-border: var(--owo-cmp-warning-border)}.root[data-tone=warning][data-variant=outline]{--badge-bg: transparent}.root[data-tone=danger]{--badge-bg: var(--owo-cmp-danger-bg);--badge-text: var(--owo-cmp-danger-text);--badge-border: var(--owo-cmp-danger-border)}.root[data-tone=danger][data-variant=outline]{--badge-bg: transparent}.root{display:inline-flex}.root[data-animate=spin]{animation:owo-spin 1s linear infinite}@keyframes owo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.root[data-animate=spin]{animation:none}}.root{--button-bg: var(--owo-cmp-surface-bg);--button-bg-hover: var(--owo-cmp-surface-bg-inset);--button-bg-active: var(--owo-cmp-surface-bg-subtle);--button-text: var(--owo-cmp-text-primary);--button-border: var(--owo-cmp-surface-border);--button-ring: var(--owo-cmp-control-focus-ring);--button-disabled-opacity: .5;display:inline-flex;align-items:center;justify-content:center;padding:0;gap:.5rem;border-radius:var(--owo-cmp-control-radius-md);border:1px solid var(--button-border);font-weight:500;transition-property:color,background-color,border-color;transition-duration:.15s;appearance:none;background:var(--button-bg);color:var(--button-text)}.root[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding-inline:.625rem;font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding-inline:.75rem;font-size:.75rem;line-height:1rem}.root[data-size=md]{min-height:var(--owo-cmp-control-height-md);padding-inline:1rem;font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding-inline:1.125rem;font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding-inline:1.25rem;font-size:1rem;line-height:1.5rem}.root:focus-visible{box-shadow:inset 0 0 0 2px var(--button-ring);outline:none}.root:hover{background:var(--button-bg-hover)}.root:active{background:var(--button-bg-active)}.root:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.root[data-loading=true]{pointer-events:none;cursor:wait}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.icon svg{display:block}.label{display:inline-flex;align-items:center}.root[data-variant=primary]{--button-bg: var(--owo-cmp-accent-bg);--button-bg-hover: var(--owo-cmp-accent-bg-hover);--button-bg-active: color-mix(in srgb, var(--owo-cmp-accent-bg-hover) 88%, black);--button-text: var(--owo-cmp-accent-text);--button-border: transparent}.root[data-variant=ghost]{--button-bg: transparent;--button-bg-hover: var(--owo-cmp-surface-bg-inset);--button-bg-active: var(--owo-cmp-surface-bg-subtle);--button-text: var(--owo-cmp-text-secondary);--button-border: transparent}.root[data-variant=danger]{--button-bg: var(--owo-cmp-danger-bg);--button-bg-hover: color-mix(in srgb, var(--owo-cmp-danger-bg) 92%, var(--owo-cmp-danger-border));--button-bg-active: color-mix(in srgb, var(--owo-cmp-danger-bg) 84%, var(--owo-cmp-danger-border));--button-text: var(--owo-cmp-danger-text);--button-border: var(--owo-cmp-danger-border);--button-ring: var(--owo-cmp-danger-border)}:where(.root [data-part=trigger]){border:0;padding:0;appearance:none;background:var(--collapsible-trigger-bg, transparent);color:inherit;font:inherit;cursor:pointer;transition:background-color .18s ease,color .18s ease}:where(.root [data-part=trigger]:hover){background:var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent))}:where(.root [data-part=trigger][data-state=open]){background:var(--collapsible-trigger-bg-open, var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent)))}:where(.root [data-part=content]){height:auto;overflow:hidden;transition:height .18s ease;background:var(--collapsible-content-bg, transparent)}.triggerInner{display:flex;width:100%;align-items:center;gap:var(--collapsible-trigger-gap, .75rem)}.triggerIcon,.triggerIndicator{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;line-height:0;color:inherit}.triggerLabel{min-width:0;flex:1 1 auto;text-align:inherit}.contentInner{min-height:0}.overlay{position:fixed;inset:0;z-index:var(--owo-cmp-z-modal);display:flex;align-items:center;justify-content:center}.overlay [data-part=backdrop]{position:absolute;inset:0;padding:0;border:0;background:var(--owo-cmp-overlay-bg);animation:dialog-backdrop-in .2s var(--owo-cmp-motion-ease-standard)}.panel{position:relative;z-index:10;width:100%;border-radius:var(--owo-cmp-control-radius-xl);background:var(--owo-cmp-surface-bg-raised);border:1px solid var(--owo-cmp-surface-border);color:var(--owo-cmp-text-primary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:dialog-in .2s var(--owo-cmp-motion-ease-standard)}.panel[data-size=sm]{max-width:26rem}.panel[data-size=md]{max-width:32rem}.overlay [data-part=header]{padding:1.25rem 1.25rem .25rem;font-size:1rem;line-height:1.5;font-weight:600;color:var(--owo-cmp-text-primary)}.overlay [data-part=body]{padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;color:var(--owo-cmp-text-secondary)}.overlay [data-part=footer]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1.25rem}.confirmDescription{white-space:pre-wrap}@keyframes dialog-in{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}.trigger{border:0;padding:0;appearance:none;background:transparent;color:inherit;font:inherit}.content{min-width:12rem;overflow-y:auto;border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-lg);background:var(--owo-cmp-surface-bg-raised);box-shadow:var(--_owo-dropdown-menu-shadow, var(--owo-cmp-surface-shadow-strong));padding:.375rem;color:var(--owo-cmp-text-primary);outline:none;z-index:var(--owo-cmp-z-dropdown);animation:owo-dropdown-menu-in var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard)}.content[data-side=top]{transform-origin:bottom center}.content[data-side=bottom]{transform-origin:top center}.content[data-side=left]{transform-origin:center right}.content[data-side=right]{transform-origin:center left}.content [data-part=group]+[data-part=group]{margin-top:.375rem;padding-top:.375rem;border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 80%,transparent)}.content [data-part=label]{padding:.35rem .625rem .25rem;font-size:.675rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--owo-cmp-text-muted)}.content [data-part=separator]{margin:.375rem .25rem;border-top:1px solid color-mix(in srgb,var(--owo-cmp-surface-border) 82%,transparent)}.content [data-part=item],.subTrigger{display:flex;width:100%;align-items:center;gap:.75rem;border:0;border-radius:calc(var(--owo-cmp-control-radius-md) - .125rem);background:transparent;padding:.625rem .75rem;text-align:left;color:inherit;cursor:default;transition:background-color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard),color var(--owo-cmp-motion-duration-fast) var(--owo-cmp-motion-ease-standard);appearance:none}.content [data-part=item]:hover,.content [data-part=item][data-highlighted],.subTrigger:hover,.subTrigger[data-highlighted]{background:var(--owo-cmp-surface-bg-inset)}.content [data-part=item][data-selected]{background:color-mix(in srgb,var(--owo-cmp-accent-bg) 10%,var(--owo-cmp-surface-bg-raised))}.content [data-part=item][data-selected] .itemMain{color:var(--owo-cmp-text-primary);font-weight:600}.content [data-part=item][data-disabled],.subTrigger[data-disabled]{opacity:.5;cursor:not-allowed}.content [data-part=item][data-destructive],.subTrigger[data-destructive]{color:var(--owo-cmp-danger-text)}.itemInset{padding-left:1rem}.itemMain{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut,.indicator,.submenuIndicator{flex:0 0 auto;color:var(--owo-cmp-text-muted);font-size:.75rem}.indicator{min-width:1rem;text-align:center;color:var(--owo-cmp-accent-bg);font-weight:700}.subTrigger[data-state=open]{background:var(--owo-cmp-surface-bg-inset)}@keyframes owo-dropdown-menu-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.panel{--drawer-surface: var(--owo-cmp-surface-bg-raised);--drawer-border: var(--owo-cmp-surface-border);--drawer-shadow: var(--owo-cmp-surface-shadow-strong);z-index:calc(var(--owo-cmp-z-modal) + 1);display:flex;max-width:100%;flex-direction:column;will-change:transform;transform:translate(0);transition:transform var(--owo-cmp-motion-duration-default) var(--owo-cmp-motion-ease-standard);background:var(--drawer-surface);border-color:var(--drawer-border);box-shadow:var(--drawer-shadow)}.panel[data-position=fixed]{position:fixed}.panel[data-position=absolute]{position:absolute}.panel[data-side=left]{left:0;top:0}.panel[data-side=right]{right:0;top:0}.panel[data-state=open]{pointer-events:auto;visibility:visible;transform:translate(0)}.panel[data-state=closed]{pointer-events:none;visibility:hidden}.panel[data-state=closed][data-side=left]{transform:translate(-100%)}.panel[data-state=closed][data-side=right]{transform:translate(100%)}.backdrop{--drawer-backdrop: var(--owo-cmp-overlay-bg);inset:0;z-index:var(--owo-cmp-z-modal);padding:0;border:0;background:var(--drawer-backdrop)}.backdrop[data-position=fixed]{position:fixed}.backdrop[data-position=absolute]{position:absolute}.root{--field-label: var(--owo-cmp-text-secondary);--field-help: var(--owo-cmp-text-muted);display:block}.root .label{display:block;margin-bottom:.25rem;font-size:.75rem;line-height:1rem;color:var(--field-label)}.root .help{display:block;margin-top:.25rem;font-size:.75rem;line-height:1rem;color:var(--field-help)}.root{--icon-button-bg: transparent;--icon-button-bg-hover: var(--owo-cmp-surface-bg-inset);--icon-button-bg-active: var(--owo-cmp-surface-bg-subtle);--icon-button-text: var(--owo-cmp-text-muted);--icon-button-ring: var(--owo-cmp-control-focus-ring);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--owo-cmp-control-radius-md);transition-property:color,background-color;transition-duration:.15s;background:var(--icon-button-bg);color:var(--icon-button-text)}.root[data-size=xs]{height:var(--owo-cmp-control-height-xs);width:var(--owo-cmp-control-height-xs)}.root[data-size=sm]{height:var(--owo-cmp-control-height-sm);width:var(--owo-cmp-control-height-sm)}.root[data-size=md]{height:var(--owo-cmp-control-height-md);width:var(--owo-cmp-control-height-md)}.root[data-size=lg]{height:var(--owo-cmp-control-height-lg);width:var(--owo-cmp-control-height-lg)}.root[data-size=xl]{height:var(--owo-cmp-control-height-xl);width:var(--owo-cmp-control-height-xl)}.root:focus-visible{box-shadow:inset 0 0 0 2px var(--icon-button-ring);outline:none}.root:hover{background:var(--icon-button-bg-hover);color:var(--owo-cmp-text-primary)}.root:active{background:var(--icon-button-bg-active)}.root[data-variant=subtle]{--icon-button-bg: var(--owo-cmp-surface-bg-inset);--icon-button-bg-hover: var(--owo-cmp-surface-bg-subtle);--icon-button-bg-active: var(--owo-cmp-surface-bg-raised);--icon-button-text: var(--owo-cmp-text-primary)}.root{--field-bg: var(--owo-cmp-surface-bg);--field-border: var(--owo-cmp-surface-border);--field-text: var(--owo-cmp-text-primary);--field-placeholder: var(--owo-cmp-text-muted);--field-ring: var(--owo-cmp-control-focus-ring);background:var(--field-bg);border:1px solid var(--field-border);color:var(--field-text);width:100%;min-height:var(--owo-cmp-control-height-md);border-radius:var(--owo-cmp-control-radius-md);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.root[data-size=xs]{min-height:var(--owo-cmp-control-height-xs);padding:.25rem .5rem;font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{min-height:var(--owo-cmp-control-height-sm);padding:.375rem .625rem;font-size:.75rem;line-height:1rem}.root[data-size=lg]{min-height:var(--owo-cmp-control-height-lg);padding:.5625rem .875rem;font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{min-height:var(--owo-cmp-control-height-xl);padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.root::placeholder{color:var(--field-placeholder)}.root:hover:not(:disabled){--field-border: var(--owo-cmp-surface-border-strong)}.root:focus-visible{outline:none;--field-border: var(--field-ring);box-shadow:none}.root[data-tone=warning]{--field-border: var(--owo-cmp-warning-border);--field-ring: var(--owo-cmp-warning-border)}.root{--panel-bg: var(--owo-cmp-surface-bg);--panel-border: var(--owo-cmp-surface-border);--panel-section-border: var(--owo-cmp-surface-border);--panel-shadow: none;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}.root[data-padding=sm]{padding:1rem}.root[data-padding=md]{padding:1.25rem}.root[data-padding=lg]{padding:1.5rem}.root [data-part=header]{border-bottom:1px solid var(--panel-section-border);padding:1.25rem 1.5rem}.root [data-part=body]{padding:1.25rem 1.5rem}.root [data-part=footer]{border-top:1px solid var(--panel-section-border);padding:1rem 1.5rem}.root[data-variant=subtle]{--panel-bg: var(--owo-cmp-surface-bg-subtle)}.root[data-variant=raised]{--panel-bg: var(--owo-cmp-surface-bg-raised);--panel-shadow: var(--owo-cmp-surface-shadow)}.root{--segmented-bg: var(--owo-cmp-surface-bg-inset);--segmented-border: var(--owo-cmp-surface-border);--segmented-item-text: var(--owo-cmp-text-muted);--segmented-item-hover-text: var(--owo-cmp-text-secondary);--segmented-item-active-bg: var(--owo-cmp-surface-bg-raised);--segmented-item-active-text: var(--owo-cmp-text-primary);--segmented-ring: var(--owo-cmp-control-focus-ring);display:inline-flex;border-radius:var(--owo-cmp-control-radius-md);padding:.125rem;background:var(--segmented-bg);box-shadow:0 0 0 1px var(--segmented-border)}.root[data-size=xs]{font-size:.6875rem;line-height:.875rem}.root[data-size=sm]{font-size:.75rem;line-height:1rem}.root[data-size=md]{font-size:.875rem;line-height:1.25rem}.root[data-size=lg]{font-size:.9375rem;line-height:1.375rem}.root[data-size=xl]{font-size:1rem;line-height:1.5rem}.item{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--owo-cmp-control-radius-sm);background:transparent;font-weight:500;transition:color .15s,background-color .15s;color:var(--segmented-item-text)}.item:focus{outline:none}.item:focus-visible{box-shadow:inset 0 0 0 1px var(--segmented-ring)}.item:disabled{cursor:not-allowed;opacity:.5}.item:hover{color:var(--segmented-item-hover-text)}.item[data-active=true]{background:var(--segmented-item-active-bg);color:var(--segmented-item-active-text)}.root[data-size=xs]>.item{min-height:calc(var(--owo-cmp-control-height-xs) - .25rem);padding:.125rem .5rem}.root[data-size=sm]>.item{min-height:calc(var(--owo-cmp-control-height-sm) - .25rem);padding:.25rem .625rem}.root[data-size=md]>.item{min-height:calc(var(--owo-cmp-control-height-md) - .25rem);padding:.375rem .75rem}.root[data-size=lg]>.item{min-height:calc(var(--owo-cmp-control-height-lg) - .25rem);padding:.5rem .875rem}.root[data-size=xl]>.item{min-height:calc(var(--owo-cmp-control-height-xl) - .25rem);padding:.625rem 1rem}.root{position:relative;display:inline-block}.root [data-part=trigger]{--select-bg: var(--owo-cmp-surface-bg);--select-border: var(--owo-cmp-surface-border);--select-text: var(--owo-cmp-text-primary);--select-ring: var(--owo-cmp-control-focus-ring);display:flex;width:100%;align-items:center;justify-content:space-between;padding:0;gap:.5rem;border-radius:var(--owo-cmp-control-radius-md);text-align:left;transition:color .15s,background-color .15s,border-color .15s;appearance:none;background:var(--select-bg);border:.5px solid var(--select-border);color:var(--select-text)}.root [data-part=trigger]:focus-visible{outline:none;--select-border: var(--select-ring);box-shadow:none}.root [data-part=trigger][data-size=xs]{height:var(--owo-cmp-control-height-xs);min-height:var(--owo-cmp-control-height-xs);padding:0 .5rem;font-size:.6875rem;line-height:.875rem}.root [data-part=trigger][data-size=sm]{height:var(--owo-cmp-control-height-sm);min-height:var(--owo-cmp-control-height-sm);padding:0 .5rem;font-size:.75rem;line-height:1rem}.root [data-part=trigger][data-size=md]{height:var(--owo-cmp-control-height-md);min-height:var(--owo-cmp-control-height-md);padding:0 .75rem;font-size:.875rem;line-height:1.25rem}.root [data-part=trigger][data-size=lg]{height:var(--owo-cmp-control-height-lg);min-height:var(--owo-cmp-control-height-lg);padding:0 .875rem;font-size:.9375rem;line-height:1.375rem}.root [data-part=trigger][data-size=xl]{height:var(--owo-cmp-control-height-xl);min-height:var(--owo-cmp-control-height-xl);padding:0 1rem;font-size:1rem;line-height:1.5rem}.root [data-part=trigger]:hover:not(:disabled){--select-border: var(--owo-cmp-surface-border-strong)}.root [data-part=trigger][data-state=open]{--select-border: var(--owo-cmp-surface-border-strong)}.root [data-part=trigger][data-tone=warning]{--select-border: var(--owo-cmp-warning-border);--select-ring: var(--owo-cmp-warning-border)}.valueText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{color:var(--owo-cmp-text-muted)}.root [data-part=chevron]{width:.875rem;height:.875rem;flex-shrink:0;transition:transform .15s;color:var(--owo-cmp-text-muted)}.root [data-part=chevron][data-state=open]{transform:rotate(180deg)}.root [data-part=dropdown]{--select-dropdown-shadow: var(--owo-cmp-surface-shadow-strong);position:absolute;z-index:var(--owo-cmp-z-dropdown);margin-top:.25rem;max-height:15rem;width:100%;overflow:auto;border:1px solid var(--owo-cmp-surface-border);border-radius:var(--owo-cmp-control-radius-md);padding:.25rem 0;background:var(--owo-cmp-surface-bg-raised);box-shadow:var(--select-dropdown-shadow)}.root [data-part=dropdown][data-size=sm]{font-size:.75rem;line-height:1rem}.root [data-part=dropdown][data-size=md]{font-size:.875rem;line-height:1.25rem}.root [data-part=dropdown][data-size=xs]{font-size:.6875rem;line-height:.875rem}.root [data-part=dropdown][data-size=lg]{font-size:.9375rem;line-height:1.375rem}.root [data-part=dropdown][data-size=xl]{font-size:1rem;line-height:1.5rem}.root [data-part=option]{cursor:default;user-select:none;padding:.375rem .75rem;transition:background-color .15s}.root [data-part=option][data-disabled]{cursor:not-allowed;opacity:.5}.root [data-part=option][data-focused]{background:var(--owo-cmp-surface-bg-inset)}.root [data-part=option][data-selected]{color:var(--owo-cmp-accent-bg);font-weight:500}.root{border-radius:var(--owo-cmp-control-radius-sm);--_owo-skeleton-scan-duration: 3.6s;--skeleton-bg: linear-gradient( 180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 94%, white) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 100%, var(--owo-cmp-surface-border)) 100% );--skeleton-bg-emphasis: linear-gradient( 180deg, color-mix(in srgb, var(--owo-cmp-surface-bg-subtle) 78%, var(--owo-ref-color-highlight-soft)) 0%, color-mix(in srgb, var(--owo-cmp-surface-bg-inset) 86%, var(--owo-cmp-surface-border)) 100% );--skeleton-sheen: linear-gradient( 100deg, transparent 0%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 28%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 40%, var(--owo-ref-color-highlight-sheen) 50%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 35%, transparent) 60%, color-mix(in srgb, var(--owo-ref-color-highlight-sheen) 10%, transparent) 72%, transparent 100% );--skeleton-top-highlight: var(--owo-ref-color-highlight-soft);position:relative;overflow:hidden;background:var(--skeleton-bg);box-shadow:inset 0 1px 0 var(--skeleton-top-highlight);transform:translateZ(0)}.root[data-tone=emphasis]{background:var(--skeleton-bg-emphasis)}.root:before{content:"";position:absolute;inset:0;background:inherit;opacity:.84}.root:after{content:"";position:absolute;inset:-35%;background:var(--skeleton-sheen);transform:translate(-140%) skew(-14deg);opacity:0;will-change:transform,opacity}.root[data-animation=pulse]:after{display:none}.root[data-animation=pulse]:before{animation:owo-skeleton-breathe 2.6s var(--owo-cmp-motion-ease-standard) infinite}.root[data-animation=scan]:before{opacity:1;filter:none}.root[data-animation=scan]:after{opacity:1;animation:owo-skeleton-scan var(--_owo-skeleton-scan-duration) cubic-bezier(.3,0,.2,1) infinite}@keyframes owo-skeleton-breathe{0%,to{opacity:.8;filter:saturate(.96) brightness(.98)}50%{opacity:1;filter:saturate(1.04) brightness(1.04)}}@keyframes owo-skeleton-scan{0%{transform:translate(-140%) skew(-14deg);opacity:0}18%{opacity:.82}52%{transform:translate(6%) skew(-14deg);opacity:1}82%{opacity:.82}to{transform:translate(140%) skew(-14deg);opacity:0}}@media(prefers-reduced-motion:reduce){.root:before{animation:none;opacity:.94;filter:none}.root:after{animation:none;opacity:0}}.root{--status-notice-bg: var(--owo-feedback-neutral-bg);--status-notice-border: var(--owo-feedback-neutral-border);--status-notice-text: var(--owo-feedback-neutral-text);--status-notice-icon: var(--owo-feedback-neutral-icon);border-radius:var(--owo-cmp-control-radius-md);border-width:1px;border-style:solid;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;background:var(--status-notice-bg);border-color:var(--status-notice-border);color:var(--status-notice-text)}.withIcon{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem}.icon{color:var(--status-notice-icon)}.root:not([data-layout=vertical]) .icon{margin-top:.125rem;flex-shrink:0}.text{min-width:0}.title{font-weight:500;color:var(--owo-cmp-text-primary)}.root[data-layout=vertical]{border-radius:var(--owo-cmp-control-radius-lg)}.root[data-layout=vertical] .body{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;text-align:center}.root[data-layout=vertical] .icon{font-size:1.125rem;line-height:1.75rem}.root[data-layout=vertical] .title{color:var(--status-notice-text)}.root[data-layout=vertical] .action{margin-top:.5rem}.root[data-tone=info]{--status-notice-bg: var(--owo-feedback-info-bg);--status-notice-border: var(--owo-feedback-info-border);--status-notice-text: var(--owo-feedback-info-text);--status-notice-icon: var(--owo-feedback-info-icon)}.root[data-tone=success]{--status-notice-bg: var(--owo-feedback-success-bg);--status-notice-border: var(--owo-feedback-success-border);--status-notice-text: var(--owo-feedback-success-text);--status-notice-icon: var(--owo-feedback-success-icon)}.root[data-tone=warning]{--status-notice-bg: var(--owo-feedback-warning-bg);--status-notice-border: var(--owo-feedback-warning-border);--status-notice-text: var(--owo-feedback-warning-text);--status-notice-icon: var(--owo-feedback-warning-icon)}.root[data-tone=danger]{--status-notice-bg: var(--owo-feedback-danger-bg);--status-notice-border: var(--owo-feedback-danger-border);--status-notice-text: var(--owo-feedback-danger-text);--status-notice-icon: var(--owo-feedback-danger-icon)}.root{--switch-track-width: calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size: 1.125rem;--switch-thumb-offset: .125rem;position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;padding:0;box-sizing:border-box;border-radius:var(--owo-cmp-control-radius-full);border:2px solid transparent;transition:background-color .15s,border-color .15s;background:var(--owo-cmp-surface-border-strong)}.root:focus{outline:none}.root:focus-visible{box-shadow:0 0 0 2px var(--owo-cmp-surface-bg),0 0 0 4px var(--owo-cmp-control-focus-ring)}.root:disabled{cursor:not-allowed;opacity:.5}.root[data-size=xs]{height:calc(var(--owo-cmp-control-height-xs) - .75rem);width:calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-track-width: calc(var(--owo-cmp-control-height-xs) + .25rem);--switch-thumb-size: .625rem}.root[data-size=sm]{height:calc(var(--owo-cmp-control-height-sm) - .75rem);width:calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-track-width: calc(var(--owo-cmp-control-height-sm) + .25rem);--switch-thumb-size: .875rem}.root[data-size=md]{height:calc(var(--owo-cmp-control-height-md) - .75rem);width:calc(var(--owo-cmp-control-height-md) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-md) + .5rem);--switch-thumb-size: 1.125rem}.root[data-size=lg]{height:calc(var(--owo-cmp-control-height-lg) - .75rem);width:calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-lg) + .5rem);--switch-thumb-size: 1.375rem}.root[data-size=xl]{height:calc(var(--owo-cmp-control-height-xl) - .75rem);width:calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-track-width: calc(var(--owo-cmp-control-height-xl) + .5rem);--switch-thumb-size: 1.875rem}.root[aria-checked=true]{background:var(--owo-cmp-accent-bg)}.root:hover:not(:disabled){background:color-mix(in srgb,var(--owo-cmp-surface-border-strong) 82%,var(--owo-cmp-text-muted))}.root[aria-checked=true]:hover:not(:disabled){background:var(--owo-cmp-accent-bg-hover)}.root .thumb{pointer-events:none;display:inline-block;border-radius:var(--owo-cmp-control-radius-full);background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .15s;transform:translate(var(--switch-thumb-offset))}.root[data-size=xs]>.thumb{height:.625rem;width:.625rem}.root[data-size=sm]>.thumb{height:.875rem;width:.875rem}.root[data-size=md]>.thumb{height:1.125rem;width:1.125rem}.root[data-size=lg]>.thumb{height:1.375rem;width:1.375rem}.root[data-size=xl]>.thumb{height:1.875rem;width:1.875rem}.root[aria-checked=true]>.thumb{transform:translate(calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset)))}.root [data-part=list]{--tabs-border: var(--owo-cmp-surface-border);display:flex;align-items:flex-end;gap:.25rem;border-bottom-width:1px;border-bottom-style:solid;border-color:var(--tabs-border)}.root [data-part=trigger]{--tabs-text: var(--owo-cmp-text-muted);--tabs-hover-text: var(--owo-cmp-text-secondary);--tabs-active-text: var(--owo-cmp-text-primary);--tabs-active-border: var(--owo-cmp-accent-border);--tabs-active-bg: color-mix(in srgb, var(--owo-cmp-accent-bg-muted) 35%, transparent);--tabs-ring: var(--owo-cmp-control-focus-ring);position:relative;margin-bottom:-1px;display:inline-flex;min-height:var(--owo-cmp-control-height-md);align-items:center;justify-content:center;border:0;border-top-left-radius:var(--owo-cmp-control-radius-md);border-top-right-radius:var(--owo-cmp-control-radius-md);border-bottom:2px solid transparent;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:color .15s ease;appearance:none;background:transparent;color:var(--tabs-text)}.root [data-part=trigger]:focus{outline:none}.root [data-part=trigger]:focus-visible{box-shadow:inset 0 0 0 2px var(--tabs-ring)}.root [data-part=trigger]:disabled{cursor:not-allowed;opacity:.5}.root [data-part=trigger]:hover{color:var(--tabs-hover-text)}.root [data-part=trigger][data-state=active]{background:var(--tabs-active-bg);border-bottom-color:var(--tabs-active-border);color:var(--tabs-active-text)}.root [data-part=content]{padding-top:1rem;color:var(--owo-cmp-text-primary)}.root{min-height:calc(4.5em + 1rem);line-height:1.5}.root[data-auto-resize=true]{overflow-y:hidden}.container{pointer-events:none;position:fixed;bottom:1rem;right:1rem;z-index:var(--owo-cmp-z-toast);display:flex;flex-direction:column-reverse;gap:.5rem}.toast{--toast-bg: var(--owo-feedback-neutral-bg);--toast-border: var(--owo-feedback-neutral-border);--toast-text: var(--owo-feedback-neutral-text);--toast-icon: var(--owo-feedback-neutral-icon);--toast-shadow: var(--owo-cmp-surface-shadow-strong);pointer-events:auto;border-radius:var(--owo-cmp-control-radius-lg);border:1px solid var(--toast-border);font-size:.875rem;line-height:1.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--toast-bg);color:var(--toast-text);box-shadow:var(--toast-shadow);animation:toast-in .25s var(--owo-cmp-motion-ease-standard)}.toastDefault{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}.toast [data-part=icon]{margin-top:.125rem;flex-shrink:0;color:var(--toast-icon)}.toast [data-part=content]{min-width:0;flex:1}.toast [data-part=title]{display:block;font-weight:500;color:inherit}.toast [data-part=message]{display:block}.toast [data-part=close]{margin-right:-.25rem;margin-top:-.125rem;flex-shrink:0;border-radius:var(--owo-cmp-control-radius-sm);padding:.125rem;color:currentColor;opacity:.5;transition:opacity .15s;background:transparent;border:0;cursor:pointer}.toast [data-part=close]:hover{opacity:1}.toast[data-tone=success]{--toast-bg: var(--owo-feedback-success-bg);--toast-border: var(--owo-feedback-success-border);--toast-text: var(--owo-feedback-success-text);--toast-icon: var(--owo-feedback-success-icon)}.toast[data-tone=warning]{--toast-bg: var(--owo-feedback-warning-bg);--toast-border: var(--owo-feedback-warning-border);--toast-text: var(--owo-feedback-warning-text);--toast-icon: var(--owo-feedback-warning-icon)}.toast[data-tone=danger]{--toast-bg: var(--owo-feedback-danger-bg);--toast-border: var(--owo-feedback-danger-border);--toast-text: var(--owo-feedback-danger-text);--toast-icon: var(--owo-feedback-danger-icon)}.toast[data-tone=info]{--toast-bg: var(--owo-feedback-info-bg);--toast-border: var(--owo-feedback-info-border);--toast-text: var(--owo-feedback-info-text);--toast-icon: var(--owo-feedback-info-icon)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.trigger{display:inline-flex}.content{--tooltip-bg: var(--owo-cmp-surface-bg-raised);--tooltip-border: var(--owo-cmp-surface-border);--tooltip-text: var(--owo-cmp-text-primary);--tooltip-shadow: var(--owo-cmp-surface-shadow-strong);--tooltip-arrow-color: var(--tooltip-bg);position:fixed;z-index:var(--owo-cmp-z-toast);border-radius:var(--owo-cmp-control-radius-lg);line-height:1.625;background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);box-shadow:var(--tooltip-shadow);backdrop-filter:blur(10px);animation:tooltip-in .15s var(--owo-cmp-motion-ease-standard)}.content[data-density=compact]{padding:.25rem .5rem;font-size:11px;max-width:200px}.content[data-density=default]{padding:.5rem .75rem;font-size:.75rem;line-height:1rem;max-width:20rem}.content [data-part=arrow]{position:absolute;color:var(--tooltip-arrow-color);filter:drop-shadow(0 1px 0 var(--tooltip-border))}@keyframes tooltip-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
 
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owodesign/owoui",
-  "version": "0.1.6",
+  "version": "0.1.7-beta",
   "description": "Reusable React UI foundation components and theme presets.",
   "type": "module",
   "main": "./dist/index.min.js",