/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:host,:root{--spacing:.25rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--oria-font-sans);--default-mono-font-family:var(--oria-font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.right-2{right:calc(var(--spacing) * 2)}.z-\[100\]{z-index:100}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-px{height:1px}.max-h-0{max-height:0}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-11{min-height:calc(var(--spacing) * 11)}.w-\[5\.8rem\]{width:5.8rem}.w-\[clamp\(10rem\,18vw\,14rem\)\]{width:clamp(10rem,18vw,14rem)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.shrink-0{flex-shrink:0}.translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.justify-self-stretch{justify-self:stretch}.overflow-hidden{overflow:hidden}.rounded-\[var\(--oria-radius-lg\)\]{border-radius:var(--oria-radius-lg)}.rounded-\[var\(--oria-radius-sm\)\]{border-radius:var(--oria-radius-sm)}.rounded-\[var\(--oria-radius-xl\)\]{border-radius:var(--oria-radius-xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--oria-color-border\)\]{border-color:var(--oria-color-border)}.bg-\[color-mix\(in_srgb\,var\(--oria-color-muted\)_56\%\,transparent\)\]{background-color:var(--oria-color-muted)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--oria-color-muted\)_56\%\,transparent\)\]{background-color:color-mix(in srgb,var(--oria-color-muted) 56%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--oria-color-surface\)_88\%\,transparent\)\]{background-color:var(--oria-color-surface)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--oria-color-surface\)_88\%\,transparent\)\]{background-color:color-mix(in srgb,var(--oria-color-surface) 88%,transparent)}}.bg-\[var\(--oria-color-border\)\]{background-color:var(--oria-color-border)}.bg-\[var\(--oria-color-primary\)\]{background-color:var(--oria-color-primary)}.bg-\[var\(--oria-color-surface\)\]{background-color:var(--oria-color-surface)}.bg-\[var\(--oria-color-surface-raised\)\]{background-color:var(--oria-color-surface-raised)}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--oria-color-fg\)\]{color:var(--oria-color-fg)}.text-\[var\(--oria-color-muted-fg\)\]{color:var(--oria-color-muted-fg)}.text-\[var\(--oria-color-muted-foreground\)\]{color:var(--oria-color-muted-foreground)}.text-\[var\(--oria-color-primary-fg\)\]{color:var(--oria-color-primary-fg)}.text-\[var\(--oria-color-surface-fg\)\]{color:var(--oria-color-surface-fg)}.lowercase{text-transform:lowercase}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-\[var\(--oria-shadow-lg\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--oria-shadow-lg\)\]{--tw-shadow:var(--oria-shadow-lg)}.shadow-\[var\(--oria-shadow-md\)\]{--tw-shadow:var(--oria-shadow-md)}.shadow-\[var\(--oria-shadow-md\)\],.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-none{--tw-shadow:0 0 #0000}.ring,.shadow-none{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[var\(--oria-backdrop-blur-lg\)\]{--tw-backdrop-blur:blur(var(--oria-backdrop-blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-\[var\(--oria-color-muted\)\]:hover{background-color:var(--oria-color-muted)}.hover\:text-\[var\(--oria-color-fg\)\]:hover{color:var(--oria-color-fg)}.hover\:opacity-90:hover{opacity:.9}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--oria-color-ring\)\]:focus{--tw-ring-color:var(--oria-color-ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--oria-color-ring\)\]:focus-visible{--tw-ring-color:var(--oria-color-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-\[var\(--oria-color-muted\)\][data-highlighted]{background-color:var(--oria-color-muted)}.data-\[highlighted\]\:text-\[var\(--oria-color-fg\)\][data-highlighted]{color:var(--oria-color-fg)}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}.\[\&\>span\]\:truncate>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}:root{color:var(--oria-color-fg);background:var(--oria-color-bg);font-family:var(--oria-font-sans);font-optical-sizing:auto}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--oria-ring-width) solid var(--oria-color-ring);outline-offset:var(--oria-ring-offset)}.demo-stage{min-height:100dvh}.demo-shell{width:min(100% - calc(var(--oria-space) * 10),75rem);padding:calc(var(--oria-space) * 5) 0 calc(var(--oria-space) * 16);transition:width var(--oria-duration-normal) var(--oria-ease-enter),transform var(--oria-duration-normal) var(--oria-ease-enter);margin:0 auto}.topbar{z-index:2;top:calc(var(--oria-space) * 3);min-height:var(--oria-control-height-md);padding:calc(var(--oria-space) * 2) calc(var(--oria-space) * 3) calc(var(--oria-space) * 2) calc(var(--oria-space) * 4);color:var(--oria-color-surface-fg);background:var(--oria-color-surface);justify-content:space-between;align-items:center;display:flex;position:sticky}@supports (color:color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--oria-color-surface) calc(var(--oria-opacity-overlay) * 100%),transparent)}}.topbar{border:var(--oria-border-width-hairline) solid var(--oria-color-border)}@supports (color:color-mix(in lab,red,red)){.topbar{border:var(--oria-border-width-hairline) solid color-mix(in srgb,var(--oria-color-border) calc(var(--oria-opacity-muted) * 100%),transparent)}}.topbar{border-radius:var(--oria-radius-xl);box-shadow:var(--oria-shadow-sm);-webkit-backdrop-filter:blur(var(--oria-backdrop-blur-lg)) saturate(var(--oria-backdrop-saturate));backdrop-filter:blur(var(--oria-backdrop-blur-lg)) saturate(var(--oria-backdrop-saturate))}.topbar-brand{gap:calc(var(--oria-space) * 3);display:inline-flex}.topbar-actions,.topbar-brand{align-items:center;min-width:0}.topbar-actions{justify-content:flex-end;gap:calc(var(--oria-space) * 2);display:flex}.topbar .mode-control legend,.topbar .theme-picker-label{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar .mode-control>div{width:calc(var(--oria-control-height-md) * 2.5)}.topbar .mode-button{place-items:center;min-width:0;padding:0;display:grid}.mode-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.05rem;height:1.05rem}.topbar .editor-trigger{width:calc(var(--oria-control-height-md) - calc(var(--oria-space) * 1));min-height:calc(var(--oria-control-height-md) - calc(var(--oria-space) * 1));padding:0}.editor-trigger svg{width:var(--oria-text-lg);height:var(--oria-text-lg);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.brand{align-items:center;gap:calc(var(--oria-space) * 2);color:inherit;font-size:var(--oria-text-md);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-normal);text-decoration:none;display:inline-flex}.brand-mark{width:calc(var(--oria-space) * 8);height:calc(var(--oria-space) * 8);object-fit:contain;flex:none}.brand>span:last-child span{color:var(--oria-color-primary)}.hero{align-items:end;gap:calc(var(--oria-space) * 8);padding:clamp(calc(var(--oria-space) * 16),11vw,8rem) clamp(0rem,3vw,calc(var(--oria-space) * 8)) calc(var(--oria-space) * 16);grid-template-columns:minmax(0,1fr) 17rem;display:grid}.hero-copy{max-width:45rem}.card-kicker,.eyebrow,.section-kicker{color:var(--oria-color-primary);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-wide);line-height:var(--oria-leading-normal);text-transform:uppercase;margin:0}.hero h1{max-width:12ch;margin:calc(var(--oria-space) * 3) 0 calc(var(--oria-space) * 5);color:var(--oria-color-fg);font-family:var(--oria-font-display);font-size:clamp(var(--oria-text-4xl),7.3vw,var(--oria-text-7xl));font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-tight);line-height:var(--oria-leading-tight)}.hero-copy>p:not(.eyebrow){max-width:39rem;color:var(--oria-color-muted-fg);font-size:clamp(var(--oria-text-md),1.6vw,var(--oria-text-lg));line-height:var(--oria-leading-relaxed);margin:0}.diffusion-visual{aspect-ratio:1;isolation:isolate;width:min(100%,19rem);filter:saturate(var(--oria-backdrop-saturate));transform:translateY(calc(0rem - calc(var(--oria-space) * 6)));justify-self:end;position:relative}.diffusion-visual i,.diffusion-visual span,.diffusion-visual:after,.diffusion-visual:before{content:"";filter:blur(var(--oria-blur-md));opacity:var(--oria-opacity-overlay);will-change:transform;border-radius:9999px;display:block;position:absolute}.diffusion-visual:before{background:radial-gradient(circle at 34% 34%,var(--oria-color-primary) 0 18%,var(--oria-color-primary) 48%,transparent 70%);inset:8% 3% 16% 18%}@supports (color:color-mix(in lab,red,red)){.diffusion-visual:before{background:radial-gradient(circle at 34% 34%,var(--oria-color-primary) 0 18%,color-mix(in srgb,var(--oria-color-primary) 64%,transparent) 48%,transparent 70%)}}.diffusion-visual:before{animation:diffusion-drift-a calc(var(--oria-duration-slow) * 14) var(--oria-ease-emphasized) calc(var(--oria-duration-slow) * -2) infinite}.diffusion-visual:after{background:radial-gradient(circle at 58% 56%,var(--oria-color-accent) 0 16%,var(--oria-color-accent) 48%,transparent 70%);inset:24% 21% 2% 2%}@supports (color:color-mix(in lab,red,red)){.diffusion-visual:after{background:radial-gradient(circle at 58% 56%,var(--oria-color-accent) 0 16%,color-mix(in srgb,var(--oria-color-accent) 60%,transparent) 48%,transparent 70%)}}.diffusion-visual:after{animation:diffusion-drift-b calc(var(--oria-duration-slow) * 16) var(--oria-ease-standard) calc(var(--oria-duration-slow) * -7) infinite}.diffusion-visual span{z-index:-1;background:radial-gradient(circle at 58% 45%,var(--oria-color-info) 0 15%,var(--oria-color-info) 50%,transparent 71%);inset:2% 28% 34% 8%}@supports (color:color-mix(in lab,red,red)){.diffusion-visual span{background:radial-gradient(circle at 58% 45%,var(--oria-color-info) 0 15%,color-mix(in srgb,var(--oria-color-info) 56%,transparent) 50%,transparent 71%)}}.diffusion-visual span{animation:diffusion-drift-c calc(var(--oria-duration-slow) * 13) var(--oria-ease-enter) calc(var(--oria-duration-slow) * -5) infinite}.diffusion-visual i{z-index:-1;background:radial-gradient(circle at 42% 48%,var(--oria-color-warning) 0 14%,var(--oria-color-warning) 48%,transparent 70%);inset:34% 0 8% 38%}@supports (color:color-mix(in lab,red,red)){.diffusion-visual i{background:radial-gradient(circle at 42% 48%,color-mix(in srgb,var(--oria-color-warning) 72%,var(--oria-color-primary)) 0 14%,color-mix(in srgb,var(--oria-color-warning) 46%,transparent) 48%,transparent 70%)}}.diffusion-visual i{animation:diffusion-drift-d calc(var(--oria-duration-slow) * 18) var(--oria-ease-standard) calc(var(--oria-duration-slow) * -10) infinite}@keyframes diffusion-drift-a{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-14%,6%)scale(1.1)rotate(5deg)}52%{transform:translate(-4%,16%)scale(.94)rotate(-4deg)}76%{transform:translate(13%,-6%)scale(1.08)rotate(3deg)}}@keyframes diffusion-drift-b{0%,to{transform:translate(0)scale(1)}22%{transform:translate(16%,-10%)scale(.9)rotate(-5deg)}50%{transform:translate(8%,14%)scale(1.12)rotate(4deg)}78%{transform:translate(-13%,5%)scale(.96)rotate(-3deg)}}@keyframes diffusion-drift-c{0%,to{transform:translate(0)scale(1)}28%{transform:translate(14%,15%)scale(1.12)rotate(6deg)}55%{transform:translate(-9%,12%)scale(.92)rotate(-5deg)}80%{transform:translate(-12%,-11%)scale(1.06)rotate(3deg)}}@keyframes diffusion-drift-d{0%,to{transform:translate(0)scale(1)}24%{transform:translate(-16%,-9%)scale(1.14)rotate(-4deg)}48%{transform:translate(-5%,13%)scale(.9)rotate(5deg)}74%{transform:translate(15%,7%)scale(1.08)rotate(-3deg)}}.control-heading h2,.token-heading h2{margin:calc(var(--oria-space) * 1) 0 0;font-family:var(--oria-font-display);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-tight);line-height:var(--oria-leading-tight)}.controls label,.mode-control,.theme-picker{min-width:0}.controls label>span,.mode-control legend,.palette-group>span,.theme-picker-label{margin-bottom:calc(var(--oria-space) * 2);color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-wide);display:block}input:not([type=color]):not([type=range]),select{width:100%;min-height:var(--oria-control-height-md);padding:0 var(--oria-control-padding-x-md);color:var(--oria-color-fg);background:var(--oria-color-input);border:var(--oria-border-width-default) solid var(--oria-color-border);border-radius:var(--oria-radius-md)}.mode-control{border:0;margin:0;padding:0}.mode-control>div{padding:calc(var(--oria-space) * 1);background:var(--oria-color-muted);grid-template-columns:repeat(3,1fr);display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.mode-control>div{background:color-mix(in srgb,var(--oria-color-muted) 70%,transparent)}}.mode-control>div{border-radius:var(--oria-radius-md);isolation:isolate}.mode-control>div:before{z-index:0;top:calc(var(--oria-space) * 1);bottom:calc(var(--oria-space) * 1);left:calc(var(--oria-space) * 1);width:calc((100% - calc(var(--oria-space) * 2)) / 3);box-sizing:border-box;content:"";background:var(--oria-color-surface-raised);border:var(--oria-border-width-hairline) solid var(--oria-color-border);position:absolute}@supports (color:color-mix(in lab,red,red)){.mode-control>div:before{border:var(--oria-border-width-hairline) solid color-mix(in srgb,var(--oria-color-border) 72%,transparent)}}.mode-control>div:before{border-radius:var(--oria-radius-sm);box-shadow:var(--oria-shadow-sm);transition:transform var(--oria-duration-normal) var(--oria-ease-standard);will-change:transform}.mode-control>div[data-active=dark]:before{transform:translate(100%)}.mode-control>div[data-active=system]:before{transform:translate(200%)}.mode-button{z-index:1;min-height:calc(var(--oria-control-height-md) - calc(var(--oria-space) * 2));padding:0 var(--oria-control-padding-x-sm);border-radius:var(--oria-radius-sm);color:var(--oria-color-muted-fg);font-size:var(--oria-text-sm);font-weight:var(--oria-font-weight-semibold);letter-spacing:var(--oria-tracking-normal);text-transform:capitalize;transition:color var(--oria-duration-fast) var(--oria-ease-standard),transform var(--oria-duration-instant) var(--oria-ease-standard);background:0 0;border:0;position:relative}.mode-button[aria-pressed=true]{color:var(--oria-color-fg)}.theme-picker-palette{flex:none;width:1.35rem;height:1.2rem;display:block;position:relative}.theme-picker-palette i{border:var(--oria-border-width-hairline) solid var(--oria-color-overlay);border-radius:var(--oria-radius-xs);width:.52rem;height:1rem;box-shadow:var(--oria-shadow-xs);transform-origin:50% 88%;position:absolute;bottom:.05rem;left:.42rem}.theme-picker-palette i:first-child{z-index:5;transform:rotate(-32deg)}.theme-picker-palette i:nth-child(2){z-index:4;transform:rotate(-16deg)}.theme-picker-palette i:nth-child(3){z-index:3;transform:none}.theme-picker-palette i:nth-child(4){z-index:2;transform:rotate(16deg)}.theme-picker-palette i:nth-child(5){z-index:1;transform:rotate(32deg)}input[type=color]{width:var(--oria-control-height-md);height:var(--oria-control-height-md);padding:calc(var(--oria-space) * 1);border:var(--oria-border-width-default) solid var(--oria-color-border);border-radius:var(--oria-radius-md);background:var(--oria-color-input);cursor:pointer}.accent-control output,code{color:var(--oria-color-muted-fg);font-family:var(--oria-font-mono);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-medium);letter-spacing:var(--oria-tracking-normal)}code{overflow-wrap:anywhere}.editor-trigger{min-height:var(--oria-control-height-md);border-radius:var(--oria-radius-md);color:var(--oria-color-primary-fg);background:var(--oria-color-primary);box-shadow:var(--oria-shadow-sm);transition:transform var(--oria-duration-fast) var(--oria-ease-standard),filter var(--oria-duration-fast) var(--oria-ease-standard);border:0;flex:none;place-items:center;padding:0;display:grid}.editor-panel{z-index:80;top:calc(var(--oria-space) * 2);right:calc(var(--oria-space) * 2);bottom:calc(var(--oria-space) * 2);width:var(--oria-editor-panel-width,min(40rem,calc(100vw - (calc(var(--oria-space) * 2) * 2))));border:var(--oria-border-width-hairline) solid var(--oria-color-border);position:fixed;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.editor-panel{border:var(--oria-border-width-hairline) solid color-mix(in srgb,var(--oria-color-border) 72%,transparent)}}.editor-panel{border-radius:var(--oria-radius-xl);box-shadow:var(--oria-shadow-xl);transform-origin:100%;transition:opacity var(--oria-duration-normal) var(--oria-ease-exit),transform var(--oria-duration-normal) var(--oria-ease-exit)}.editor-panel [data-oria-editor-root]{width:100%;height:100%;min-height:0;max-height:100%;color:var(--oria-editor-foreground);background:var(--oria-editor-canvas);grid-template-rows:auto auto auto minmax(0,1fr);display:grid}.editor-panel [data-oria-editor-root][data-tab=themes]{grid-template-rows:auto auto minmax(0,1fr)}.editor-panel>label{gap:calc(var(--oria-space) * 2);color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-wide);display:grid}.editor-panel [data-oria-editor-token-list]{gap:calc(var(--oria-space) * 4);grid-template-columns:repeat(2,minmax(0,1fr))}.editor-panel textarea{width:100%;min-height:4rem;padding:calc(var(--oria-space) * 2);resize:vertical}.editor-panel>[data-oria-editor-root]>label{margin-top:calc(var(--oria-space) * 4)}.editor-panel [data-oria-editor-tabs]{scrollbar-width:thin;scrollbar-color:var(--oria-color-muted-fg) transparent;top:auto}@supports (color:color-mix(in lab,red,red)){.editor-panel [data-oria-editor-tabs]{scrollbar-color:color-mix(in srgb,var(--oria-color-muted-fg) 36%,transparent) transparent}}.editor-panel [data-oria-editor-split]{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--oria-color-muted-fg) transparent;min-height:0;padding-bottom:1rem;display:block;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.editor-panel [data-oria-editor-split]{scrollbar-color:color-mix(in srgb,var(--oria-color-muted-fg) 36%,transparent) transparent}}.editor-panel [data-oria-editor-tabs]::-webkit-scrollbar{height:calc(var(--oria-space) * 2)}.editor-panel [data-oria-editor-split]::-webkit-scrollbar{width:calc(var(--oria-space) * 2)}.editor-panel [data-oria-editor-tabs]::-webkit-scrollbar-track{margin-inline:calc(var(--oria-space) * 2);background:0 0}.editor-panel [data-oria-editor-split]::-webkit-scrollbar-track{margin-block:calc(var(--oria-space) * 2);background:0 0}.editor-panel [data-oria-editor-tabs]::-webkit-scrollbar-thumb{background:var(--oria-color-muted-fg)}@supports (color:color-mix(in lab,red,red)){.editor-panel [data-oria-editor-tabs]::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--oria-color-muted-fg) 32%,transparent)}}.editor-panel [data-oria-editor-tabs]::-webkit-scrollbar-thumb{border-radius:999px}.editor-panel [data-oria-editor-split]::-webkit-scrollbar-thumb{background:var(--oria-color-muted-fg)}@supports (color:color-mix(in lab,red,red)){.editor-panel [data-oria-editor-split]::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--oria-color-muted-fg) 32%,transparent)}}.editor-panel [data-oria-editor-split]::-webkit-scrollbar-thumb{border-radius:999px}.editor-panel [data-oria-editor-tabs]::-webkit-scrollbar-thumb:hover{background:var(--oria-color-muted-fg)}@supports (color:color-mix(in lab,red,red)){.editor-panel [data-oria-editor-tabs]::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--oria-color-muted-fg) 54%,transparent)}}.editor-panel [data-oria-editor-split]::-webkit-scrollbar-thumb:hover{background:var(--oria-color-muted-fg)}@supports (color:color-mix(in lab,red,red)){.editor-panel [data-oria-editor-split]::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--oria-color-muted-fg) 54%,transparent)}}.editor-panel [data-oria-editor-workspace]{padding-bottom:2rem}.editor-panel [data-oria-editor-scale]{margin-top:calc(var(--oria-space) * 3);padding:calc(var(--oria-space) * 3);background:var(--oria-editor-surface-raised);border:1px solid var(--oria-editor-border);border-radius:var(--oria-editor-radius-md)}.editor-panel [data-oria-editor-scale-summary]{gap:calc(var(--oria-space) * 2);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.editor-panel [data-oria-editor-scale-summary]>label{gap:calc(var(--oria-space) * 1);color:var(--oria-editor-muted);font-size:var(--oria-text-xs);display:grid}.editor-panel [data-oria-editor-scale-summary]>label input{width:100%;min-height:var(--oria-control-height-sm);padding:calc(var(--oria-space) * 2) var(--oria-control-padding-x-sm);color:inherit;background:var(--oria-editor-surface);border:var(--oria-border-width-default) solid var(--oria-editor-border);border-radius:var(--oria-editor-radius-sm)}.editor-panel [data-oria-editor-scale-preview]{grid-column:1/-1;gap:.2rem;min-width:0;display:flex}.editor-panel [data-oria-editor-scale-preview] i{min-width:calc(var(--oria-space) * 3);height:calc(var(--oria-space) * 5);background:var(--oria-editor-accent);flex:1}@supports (color:color-mix(in lab,red,red)){.editor-panel [data-oria-editor-scale-preview] i{background:color-mix(in srgb,var(--oria-editor-accent) 24%,var(--oria-editor-surface))}}.editor-panel [data-oria-editor-scale-preview] i{border:var(--oria-border-width-default) solid var(--oria-editor-border);border-radius:var(--oria-radius-xs)}.editor-panel [data-oria-editor-scale] details{grid-column:1/-1}.editor-panel [data-oria-editor-scale] summary{cursor:pointer;color:var(--oria-editor-accent);font-weight:var(--oria-font-weight-semibold)}.editor-panel [data-oria-editor-scale-values]{gap:.5rem;margin-top:.75rem;display:grid}.editor-panel [data-oria-editor-scale-values]>div{border:1px solid var(--oria-editor-border);border-radius:var(--oria-editor-radius-sm);padding:.625rem}.editor-panel [data-oria-editor-scale-values]>div>div:first-child{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.editor-panel [data-oria-editor-scale-values]>div>div:first-child button{min-height:var(--oria-control-height-sm);padding:calc(var(--oria-space) * 1) var(--oria-control-padding-x-sm);box-shadow:none;font-size:var(--oria-text-xs)}.editor-panel [data-oria-editor-scale-values] [data-oria-editor-field]{padding-bottom:0}.editor-panel[data-state=opening]{pointer-events:none;opacity:0;transform:translate(100%)}.editor-panel[data-state=open]{opacity:1;transition-timing-function:var(--oria-ease-enter);transform:translate(0)}.editor-panel[data-state=closing]{pointer-events:none;opacity:0;transform:translate(100%)}.demo-stage[data-editor-state=closing],.demo-stage[data-editor-state=open],.demo-stage[data-editor-state=opening]{--oria-editor-panel-width:clamp(22rem,34vw,40rem);--oria-editor-panel-reserve:calc(var(--oria-editor-panel-width) + calc(var(--oria-space) * 2));min-height:100dvh;transition:grid-template-columns var(--oria-duration-normal) var(--oria-ease-enter);grid-template-columns:minmax(0,1fr) minmax(0,0);display:grid;overflow:clip}.demo-stage[data-editor-state=open]{grid-template-columns:minmax(0,1fr) minmax(0,var(--oria-editor-panel-reserve))}.token-gallery{margin-top:calc(var(--oria-space) * 16)}.token-heading{gap:calc(var(--oria-space) * 8);padding:0 calc(var(--oria-space) * 4) calc(var(--oria-space) * 6);grid-template-columns:minmax(0,1fr) minmax(18rem,31rem);align-items:end;display:grid}.token-heading h2{max-width:15ch;font-size:clamp(var(--oria-text-2xl),4.4vw,var(--oria-text-4xl))}.token-heading>p{color:var(--oria-color-muted-fg);font-size:var(--oria-text-md);line-height:var(--oria-leading-relaxed);margin:0}.token-gallery{gap:calc(var(--oria-space) * 4);grid-template-columns:repeat(12,1fr);display:grid}.token-heading{grid-column:1/-1}.token-card{min-width:0;padding:clamp(calc(var(--oria-space) * 5),2.5vw,calc(var(--oria-space) * 8));color:var(--oria-color-surface-raised-fg);background:var(--oria-color-surface-raised);border:var(--oria-border-width-default) solid var(--oria-color-border);border-radius:var(--oria-radius-xl);box-shadow:var(--oria-shadow-md)}.chart-card,.semantic-feedback-card,.system-card{grid-column:1/-1}.token-card-heading{justify-content:space-between;align-items:flex-start;gap:calc(var(--oria-space) * 4);margin-bottom:calc(var(--oria-space) * 6);display:flex}.token-card-heading h3{margin:calc(var(--oria-space) * 1) 0 0;font-family:var(--oria-font-display);font-size:var(--oria-text-xl);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-tight);line-height:var(--oria-leading-tight)}.token-card-heading>code{padding:calc(var(--oria-space) * 1) calc(var(--oria-space) * 2);background:var(--oria-color-muted);border-radius:var(--oria-radius-sm)}.color-library-grid{gap:calc(var(--oria-space) * 6);display:grid}.color-family{min-width:0;padding-top:calc(var(--oria-space) * 4);border-top:var(--oria-border-width-hairline) solid var(--oria-color-border)}.color-family-heading{justify-content:space-between;align-items:baseline;gap:calc(var(--oria-space) * 3);margin-bottom:calc(var(--oria-space) * 3);display:flex}.color-family-heading strong{font-size:var(--oria-text-md);text-transform:capitalize}.color-family-heading code{color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs)}.color-scale-scroll{max-width:100%;padding-bottom:calc(var(--oria-space) * 2);scrollbar-width:thin;overflow-x:auto}.color-scale{gap:calc(var(--oria-space) * 1);grid-template-columns:repeat(11,minmax(4.75rem,1fr));min-width:58rem;display:grid}.color-swatch{min-width:0}.color-swatch i{height:var(--oria-control-height-lg);border:var(--oria-border-width-hairline) solid var(--oria-color-border-strong);display:block}@supports (color:color-mix(in lab,red,red)){.color-swatch i{border:var(--oria-border-width-hairline) solid color-mix(in srgb,var(--oria-color-border-strong) 48%,transparent)}}.color-swatch i{border-radius:var(--oria-radius-sm);box-shadow:var(--oria-shadow-xs)}.color-swatch code,.color-swatch span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.color-swatch span{margin-top:calc(var(--oria-space) * 2);color:var(--oria-color-surface-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold)}.color-swatch code{margin-top:calc(var(--oria-space) * 1);color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs)}.special-colors{margin-top:calc(var(--oria-space) * 8);padding-top:calc(var(--oria-space) * 5);border-top:var(--oria-border-width-default) solid var(--oria-color-border-strong)}.special-color-grid{gap:calc(var(--oria-space) * 3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.special-color-swatch{padding:calc(var(--oria-space) * 2);background:var(--oria-color-muted);border-radius:var(--oria-radius-md)}.special-color-swatch i{background-image:linear-gradient(45deg,var(--oria-color-muted-fg) 25%,transparent 25%),linear-gradient(-45deg,var(--oria-color-muted-fg) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--oria-color-muted-fg) 75%),linear-gradient(-45deg,transparent 75%,var(--oria-color-muted-fg) 75%)}@supports (color:color-mix(in lab,red,red)){.special-color-swatch i{background-image:linear-gradient(45deg,color-mix(in srgb,var(--oria-color-muted-fg) 16%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--oria-color-muted-fg) 16%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--oria-color-muted-fg) 16%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--oria-color-muted-fg) 16%,transparent) 75%)}}.special-color-swatch i{background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.special-color-swatch[data-special=black] i,.special-color-swatch[data-special=white] i{background-image:none}.color-showcase-columns{gap:calc(var(--oria-space) * 8);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);display:grid}.chart-card h4,.semantic-feedback-card h4{margin:0 0 calc(var(--oria-space) * 3);color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-wide);text-transform:uppercase}.color-pair-grid{gap:calc(var(--oria-space) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.color-pair{grid-template-columns:var(--oria-control-height-lg) minmax(0,1fr);gap:calc(var(--oria-space) * 3);min-width:0;padding:calc(var(--oria-space) * 2);background:var(--oria-color-surface);border-radius:var(--oria-radius-md);align-items:center;display:grid}.color-pair i{width:var(--oria-control-height-lg);height:var(--oria-control-height-lg);border:var(--oria-border-width-hairline) solid var(--oria-color-border-strong);place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.color-pair i{border:var(--oria-border-width-hairline) solid color-mix(in srgb,var(--oria-color-border-strong) 54%,transparent)}}.color-pair i{border-radius:var(--oria-radius-sm);font-style:normal}.color-pair i b{font-family:var(--oria-font-display);font-size:var(--oria-text-md);font-weight:var(--oria-font-weight-black);letter-spacing:var(--oria-tracking-tight)}.color-pair-ring i{box-shadow:inset 0 0 0 var(--oria-ring-width) var(--oria-color-ring)}.color-pair span,.interaction-family>span,.system-specimens span,.type-specimen span{color:var(--oria-color-surface-fg);font-size:var(--oria-text-sm);font-weight:var(--oria-font-weight-semibold);letter-spacing:var(--oria-tracking-normal)}.color-pair code,.interaction-family code,.system-specimens code,.type-specimen code{margin-top:calc(var(--oria-space) * 1);font-weight:var(--oria-font-weight-normal);display:block}.interaction-section{margin-top:calc(var(--oria-space) * 6);padding-top:calc(var(--oria-space) * 5);border-top:var(--oria-border-width-hairline) solid var(--oria-color-border)}.interaction-grid{gap:calc(var(--oria-space) * 4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.interaction-family{gap:calc(var(--oria-space) * 3);min-width:0;padding:calc(var(--oria-space) * 3);background:var(--oria-color-surface);border-radius:var(--oria-radius-md);grid-template-columns:minmax(7rem,.7fr) minmax(0,1.3fr);align-items:center;display:grid}.interaction-family>div{min-height:var(--oria-control-height-lg);border-radius:var(--oria-radius-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.interaction-family i{place-items:center;min-width:0;font-style:normal;display:grid}.interaction-family i b{font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-normal)}.chart-visuals{gap:calc(var(--oria-space) * 8);grid-template-columns:minmax(0,2fr) minmax(14rem,1fr);align-items:stretch;display:grid}.chart-visuals>section{min-width:0}.chart-palette{min-height:calc(var(--oria-control-height-lg) * 5.4);align-items:flex-end;gap:calc(var(--oria-space) * 2);padding:calc(var(--oria-space) * 4) calc(var(--oria-space) * 2) 0;border-bottom:var(--oria-border-width-default) solid var(--oria-color-border-strong);display:flex;overflow-x:auto}.chart-swatch{flex:1 0 calc(var(--oria-control-height-lg) * 1.5);grid-template-rows:minmax(0,1fr) auto;align-self:stretch;min-width:0;display:grid}.chart-swatch i{width:100%;margin-bottom:calc(var(--oria-space) * 2);border:var(--oria-border-width-hairline) solid var(--oria-color-border);border-radius:var(--oria-radius-md) var(--oria-radius-md) 0 0;box-shadow:var(--oria-shadow-sm);align-self:end;display:block}.chart-swatch:first-child i{height:38%}.chart-swatch:nth-child(2) i{height:62%}.chart-swatch:nth-child(3) i{height:48%}.chart-swatch:nth-child(4) i{height:82%}.chart-swatch:nth-child(5) i{height:68%}.chart-swatch:nth-child(6) i{height:96%}.chart-swatch:nth-child(7) i{height:74%}.chart-swatch:nth-child(8) i{height:52%}.chart-swatch span{min-width:0;color:var(--oria-color-surface-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-semibold);display:block}.chart-swatch code{margin-top:calc(var(--oria-space) * 1);font-weight:var(--oria-font-weight-normal);text-overflow:ellipsis;display:block;overflow:hidden}.chart-donut-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.chart-donut{width:min(100%,calc(var(--oria-control-height-lg) * 4.8));aspect-ratio:1;background:conic-gradient(var(--oria-color-chart-1) 0 12.5%,var(--oria-color-chart-2) 12.5% 25%,var(--oria-color-chart-3) 25% 37.5%,var(--oria-color-chart-4) 37.5% 50%,var(--oria-color-chart-5) 50% 62.5%,var(--oria-color-chart-6) 62.5% 75%,var(--oria-color-chart-7) 75% 87.5%,var(--oria-color-chart-8) 87.5% 100%);box-shadow:var(--oria-shadow-md);border-radius:9999px;place-self:center;place-items:center;display:grid;position:relative}.chart-donut:before{aspect-ratio:1;content:"";background:var(--oria-color-surface-raised);border:var(--oria-border-width-hairline) solid var(--oria-color-border);width:56%;box-shadow:var(--oria-shadow-inner);border-radius:9999px;position:absolute}.chart-donut>span{z-index:1;color:var(--oria-color-surface-raised-fg);place-items:center;display:grid;position:relative}.chart-donut strong{font-family:var(--oria-font-display);font-size:var(--oria-text-3xl);font-weight:var(--oria-font-weight-black);line-height:var(--oria-leading-tight)}.chart-donut small{color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-semibold);letter-spacing:var(--oria-tracking-wide);text-transform:uppercase}.typography-card{grid-column:1/-1}.control-shape-card,.material-card,.motion-card,.rhythm-card{grid-column:span 6}.effects-card,.elevation-card{grid-column:1/-1}.typography-overview{gap:calc(var(--oria-space) * 8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.effect-columns h4,.motion-card h4,.rhythm-columns h4,.type-size-section h4,.typography-overview h4{margin:0 0 calc(var(--oria-space) * 3);color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-wide);text-transform:uppercase}.font-family-grid{gap:calc(var(--oria-space) * 3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.font-family-specimen{gap:calc(var(--oria-space) * 4);min-width:0;padding:calc(var(--oria-space) * 4);background:var(--oria-color-surface);border:var(--oria-border-width-hairline) solid var(--oria-color-border);border-radius:var(--oria-radius-lg);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.font-family-specimen strong{color:var(--oria-color-primary);font-size:var(--oria-text-3xl);font-weight:var(--oria-font-weight-bold);line-height:var(--oria-leading-tight)}.font-family-specimen span,.font-size-scale span,.gradient-list span,.motion-list span,.radius-scale span,.shadow-scale span,.weight-scale span{min-width:0;color:var(--oria-color-surface-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-semibold);letter-spacing:var(--oria-tracking-normal)}.font-family-specimen code,.font-size-scale code,.gradient-list code,.motion-list code,.radius-scale code,.shadow-scale code,.weight-scale code{margin-top:calc(var(--oria-space) * 1);font-weight:var(--oria-font-weight-normal);display:block}.weight-scale{gap:calc(var(--oria-space) * 2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.weight-scale>div{gap:calc(var(--oria-space) * 3);min-width:0;padding:calc(var(--oria-space) * 2);background:var(--oria-color-surface);border-radius:var(--oria-radius-md);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.weight-scale strong{color:var(--oria-color-primary);font-family:var(--oria-font-display);font-size:var(--oria-text-xl);line-height:var(--oria-leading-tight)}.font-size-scale{gap:calc(var(--oria-space) * 2);width:100%;min-width:0;padding-top:calc(var(--oria-space) * 2);display:flex;overflow:auto hidden}.type-size-section{margin-top:calc(var(--oria-space) * 6)}.font-size-scale>div{grid-template-rows:calc(var(--oria-text-9xl) * var(--oria-leading-tight)) auto;flex:0 0 calc(var(--oria-control-height-lg) * 2.1);min-width:0;padding:calc(var(--oria-space) * 2);background:var(--oria-color-surface);border-radius:var(--oria-radius-md);display:grid}.font-size-scale>div:nth-child(12){flex-basis:calc(var(--oria-text-8xl) * 2)}.font-size-scale>div:nth-child(13){flex-basis:calc(var(--oria-text-9xl) * 2)}.font-size-scale strong{color:var(--oria-color-primary);font-family:var(--oria-font-display);font-weight:var(--oria-font-weight-bold);line-height:var(--oria-leading-tight);white-space:nowrap;align-self:end}.type-size-section>.font-size-scale{max-width:100%}.effect-columns,.rhythm-columns{gap:calc(var(--oria-space) * 5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.letter-spacing-list,.line-height-list{gap:calc(var(--oria-space) * 2);display:grid}.letter-spacing-list>div,.line-height-list>div{justify-content:space-between;align-items:center;gap:calc(var(--oria-space) * 3);min-width:0;padding:calc(var(--oria-space) * 3);background:var(--oria-color-surface);border-radius:var(--oria-radius-md);display:flex}.line-height-list p{margin:0}.letter-spacing-list strong,.line-height-list p{color:var(--oria-color-surface-fg);font-size:var(--oria-text-sm)}.letter-spacing-list strong{min-width:0;font-weight:var(--oria-font-weight-bold);white-space:nowrap;overflow:hidden}.letter-spacing-list code,.line-height-list code{flex:none}.control-size-list{gap:calc(var(--oria-space) * 3);flex-wrap:wrap;align-items:center;display:flex}.control-size-list button{align-items:center;gap:calc(var(--oria-space) * 2);color:var(--oria-color-primary-fg);background:var(--oria-color-primary);border-radius:var(--oria-radius-md);box-shadow:var(--oria-shadow-sm);font-size:var(--oria-text-sm);font-weight:var(--oria-font-weight-bold);transition:transform var(--oria-duration-fast) var(--oria-ease-standard),filter var(--oria-duration-fast) var(--oria-ease-standard);border:0;display:inline-flex}.control-size-list button code{color:inherit;opacity:var(--oria-opacity-muted)}.radius-scale,.shadow-scale{gap:calc(var(--oria-space) * 3);margin-top:calc(var(--oria-space) * 6);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.radius-scale>div,.shadow-scale>div{min-width:0}.radius-scale i,.shadow-scale i{height:calc(var(--oria-control-height-lg) * 1.4);margin-bottom:calc(var(--oria-space) * 3);background:var(--oria-color-surface);border:var(--oria-border-width-default) solid var(--oria-color-border-strong);display:block}.shadow-scale{row-gap:calc(var(--oria-space) * 6)}.shadow-scale i{background:var(--oria-color-surface-raised);border-radius:var(--oria-radius-md)}.backdrop-scale,.blur-scale{gap:calc(var(--oria-space) * 2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.backdrop-scale>div,.blur-scale>div{text-align:center;min-width:0}.backdrop-scale span,.blur-scale span{height:calc(var(--oria-control-height-lg) * 1.6);margin-bottom:calc(var(--oria-space) * 2);border:var(--oria-border-width-hairline) solid var(--oria-color-border);border-radius:var(--oria-radius-md);place-items:center;display:grid;position:relative;overflow:hidden}.blur-scale span{background:var(--oria-color-surface)}.blur-scale i{aspect-ratio:1;background:var(--oria-gradient-accent,linear-gradient(135deg,var(--oria-color-primary),var(--oria-color-info)));border-radius:9999px;width:42%}.backdrop-scale span{background:var(--oria-gradient-bg,linear-gradient(135deg,var(--oria-color-primary),var(--oria-color-accent)))}.backdrop-scale b{z-index:0;color:var(--oria-color-surface-raised-fg);font-family:var(--oria-font-display);font-size:var(--oria-text-xl);font-weight:var(--oria-font-weight-black);letter-spacing:var(--oria-tracking-tight);line-height:var(--oria-leading-tight);position:relative;transform:rotate(-8deg)scale(1.08)}.backdrop-scale i{z-index:1;inset:calc(var(--oria-space) * 2);background:var(--oria-color-overlay);position:absolute}@supports (color:color-mix(in lab,red,red)){.backdrop-scale i{background:color-mix(in srgb,var(--oria-color-overlay) 38%,transparent)}}.backdrop-scale i{border:var(--oria-border-width-hairline) solid var(--oria-color-border)}@supports (color:color-mix(in lab,red,red)){.backdrop-scale i{border:var(--oria-border-width-hairline) solid color-mix(in srgb,var(--oria-color-border) 70%,transparent)}}.backdrop-scale i{border-radius:var(--oria-radius-sm)}.material-preview-grid{gap:calc(var(--oria-space) * 4);grid-template-columns:minmax(0,1fr);display:grid}.material-preview-grid>section{min-width:0}.material-preview-grid h4{margin:0 0 calc(var(--oria-space) * 3);color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-wide);text-transform:uppercase}.gradient-list{gap:calc(var(--oria-space) * 2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gradient-list>div{gap:calc(var(--oria-space) * 1);min-width:0;padding:calc(var(--oria-space) * 2);background:var(--oria-color-surface);border:var(--oria-border-width-hairline) solid var(--oria-color-border);border-radius:var(--oria-radius-md);grid-template-rows:auto minmax(0,1fr);display:grid}.gradient-list i{height:calc(var(--oria-control-height-md) * .72);border:var(--oria-border-width-hairline) solid var(--oria-color-border);border-radius:var(--oria-radius-sm);box-shadow:var(--oria-shadow-xs);display:block}.material-card .pattern-preview{min-height:calc(var(--oria-control-height-lg) * 2.25);padding:calc(var(--oria-space) * 3)}.material-card .pattern-preview-samples i{min-height:calc(var(--oria-control-height-md) * .8)}.pattern-preview{gap:calc(var(--oria-space) * 3);min-height:calc(var(--oria-control-height-lg) * 4);padding:calc(var(--oria-space) * 5);color:var(--oria-color-surface-raised-fg);background:var(--oria-pattern-surface,none),var(--oria-color-surface-raised);border:var(--oria-border-width-hairline) solid var(--oria-color-border);border-radius:var(--oria-radius-lg);box-shadow:var(--oria-shadow-sm);grid-template-rows:minmax(0,1fr) auto;place-items:end start;display:grid;overflow:hidden}.pattern-preview-samples{gap:calc(var(--oria-space) * 2);grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,24rem);display:grid}.pattern-preview-samples i{min-height:calc(var(--oria-control-height-lg) * 1.25);border:var(--oria-border-width-hairline) solid var(--oria-color-border);border-radius:var(--oria-radius-md);box-shadow:var(--oria-shadow-xs);place-items:end start;display:grid;position:relative;overflow:hidden}.pattern-preview-samples i:after{padding:calc(var(--oria-space) * 1) calc(var(--oria-space) * 2);color:var(--oria-color-surface-raised-fg);background:var(--oria-color-overlay)}@supports (color:color-mix(in lab,red,red)){.pattern-preview-samples i:after{background:color-mix(in srgb,var(--oria-color-overlay) 80%,transparent)}}.pattern-preview-samples i:after{border-top-right-radius:var(--oria-radius-sm);font-family:var(--oria-font-mono);font-size:var(--oria-text-xs);font-style:normal;font-weight:var(--oria-font-weight-semibold);content:attr(data-pattern)}.pattern-preview-samples [data-pattern=dot]{background:radial-gradient(circle at center,var(--oria-color-primary) 0 1px,transparent 1px) 0 0 /.75rem .75rem repeat}@supports (color:color-mix(in lab,red,red)){.pattern-preview-samples [data-pattern=dot]{background:radial-gradient(circle at center,color-mix(in srgb,var(--oria-color-primary) 42%,transparent) 0 1px,transparent 1px) 0 0 /.75rem .75rem repeat}}.pattern-preview-samples [data-pattern=stripe]{background:repeating-linear-gradient(135deg,var(--oria-color-secondary) 0 1px,transparent 1px .55rem)}@supports (color:color-mix(in lab,red,red)){.pattern-preview-samples [data-pattern=stripe]{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--oria-color-secondary) 72%,transparent) 0 1px,transparent 1px .55rem)}}.pattern-preview-samples [data-pattern=grid]{background:repeating-linear-gradient(0deg,var(--oria-color-accent) 0 1px,transparent 1px .65rem),repeating-linear-gradient(90deg,var(--oria-color-accent) 0 1px,transparent 1px .65rem)}@supports (color:color-mix(in lab,red,red)){.pattern-preview-samples [data-pattern=grid]{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--oria-color-accent) 68%,transparent) 0 1px,transparent 1px .65rem),repeating-linear-gradient(90deg,color-mix(in srgb,var(--oria-color-accent) 68%,transparent) 0 1px,transparent 1px .65rem)}}.pattern-preview-samples [data-pattern=noise]{background:radial-gradient(circle at 13% 27%,var(--oria-color-muted-fg) 0 .55px,transparent .7px) 0 0 /.42rem .42rem,radial-gradient(circle at 77% 63%,var(--oria-color-muted-fg) 0 .5px,transparent .68px) 0 0 /.57rem .57rem,var(--oria-color-surface)}@supports (color:color-mix(in lab,red,red)){.pattern-preview-samples [data-pattern=noise]{background:radial-gradient(circle at 13% 27%,color-mix(in srgb,var(--oria-color-muted-fg) 38%,transparent) 0 .55px,transparent .7px) 0 0 /.42rem .42rem,radial-gradient(circle at 77% 63%,color-mix(in srgb,var(--oria-color-muted-fg) 28%,transparent) 0 .5px,transparent .68px) 0 0 /.57rem .57rem,var(--oria-color-surface)}}.pattern-preview span{padding:calc(var(--oria-space) * 2) calc(var(--oria-space) * 3);background:var(--oria-color-overlay)}@supports (color:color-mix(in lab,red,red)){.pattern-preview span{background:color-mix(in srgb,var(--oria-color-overlay) 82%,transparent)}}.pattern-preview span{border:var(--oria-border-width-hairline) solid var(--oria-color-border);box-shadow:var(--oria-shadow-xs);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-semibold);border-radius:9999px}.motion-card section+section{margin-top:calc(var(--oria-space) * 5)}.motion-list{gap:calc(var(--oria-space) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.motion-list>div{gap:calc(var(--oria-space) * 3);min-width:0;min-height:var(--oria-control-height-lg);padding:calc(var(--oria-space) * 2);background:var(--oria-color-surface);border-radius:var(--oria-radius-md);grid-template-columns:5rem minmax(0,1fr);align-items:center;display:grid;overflow:hidden}.motion-list>div>i{width:calc(var(--oria-space) * 3);aspect-ratio:1;background:var(--oria-color-primary);animation-name:token-motion-travel;animation-timing-function:var(--oria-ease-standard);border-radius:9999px;animation-iteration-count:infinite;animation-direction:alternate;display:block}.easing-curve-preview{width:5rem;height:calc(var(--oria-control-height-lg) - calc(var(--oria-space) * 2));background-color:var(--oria-color-surface-raised);background-image:linear-gradient(to right,var(--oria-color-border) var(--oria-border-width-hairline),transparent var(--oria-border-width-hairline)),linear-gradient(to bottom,var(--oria-color-border) var(--oria-border-width-hairline),transparent var(--oria-border-width-hairline));position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.easing-curve-preview{background-image:linear-gradient(to right,color-mix(in srgb,var(--oria-color-border) 48%,transparent) var(--oria-border-width-hairline),transparent var(--oria-border-width-hairline)),linear-gradient(to bottom,color-mix(in srgb,var(--oria-color-border) 48%,transparent) var(--oria-border-width-hairline),transparent var(--oria-border-width-hairline))}}.easing-curve-preview{border:var(--oria-border-width-hairline) solid var(--oria-color-border);border-radius:var(--oria-radius-sm);background-size:25% 25%}.easing-curve-preview:after{right:calc(var(--oria-space) * 2);bottom:calc(var(--oria-space) * 2);width:calc(100% - calc(var(--oria-space) * 4));height:calc(100% - calc(var(--oria-space) * 4));content:"";border-right:var(--oria-border-width-hairline) solid var(--oria-color-border-strong);border-bottom:var(--oria-border-width-hairline) solid var(--oria-color-border-strong);position:absolute}.easing-curve-preview>span{z-index:1;left:calc(var(--oria-space) * 2);bottom:calc(var(--oria-space) * 2);width:calc(var(--oria-space) * 2);height:calc(var(--oria-space) * 2);animation:token-easing-time var(--oria-duration-slow) linear infinite alternate;position:absolute}.easing-curve-preview i{background:var(--oria-color-primary);width:100%;height:100%;box-shadow:var(--oria-shadow-sm);animation:token-easing-value var(--oria-duration-slow) var(--sample-easing) infinite alternate;border-radius:9999px;display:block}@keyframes token-motion-travel{0%{transform:translate(0)}to{transform:translateX(calc(5rem - calc(var(--oria-space) * 6)))}}@keyframes token-easing-time{to{transform:translateY(calc((var(--oria-control-height-lg) - calc(var(--oria-space) * 2) - calc(var(--oria-space) * 6)) * -1))}}@keyframes token-easing-value{to{transform:translateX(calc(5rem - calc(var(--oria-space) * 6)))}}.showcase{gap:calc(var(--oria-space) * 4);margin-top:calc(var(--oria-space) * 4);grid-template-columns:repeat(12,1fr);display:grid}.card{min-width:0;padding:clamp(calc(var(--oria-space) * 5),3vw,calc(var(--oria-space) * 8));background:var(--oria-color-surface-raised);border:var(--oria-border-width-default) solid var(--oria-color-border);border-radius:var(--oria-radius-xl);box-shadow:var(--oria-shadow-md)}.card,.card h2{color:var(--oria-color-surface-fg)}.card h2{margin:calc(var(--oria-space) * 2) 0 0;font-family:var(--oria-font-display);font-size:clamp(var(--oria-text-xl),2vw,var(--oria-text-2xl));font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-tight);line-height:var(--oria-leading-tight)}.card p:not(.card-kicker){color:var(--oria-color-muted-fg);line-height:var(--oria-leading-relaxed)}.actions{gap:calc(var(--oria-space) * 3);flex-wrap:wrap;display:flex}.actions button,.icon-button,.quiet-button{min-height:var(--oria-control-height-md);border-radius:var(--oria-radius-md);font-size:var(--oria-text-sm);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-normal);transition:transform var(--oria-duration-fast) var(--oria-ease-standard),filter var(--oria-duration-fast) var(--oria-ease-standard)}.actions button{padding:0 var(--oria-control-padding-x-md);color:var(--oria-color-primary-fg);background:var(--oria-gradient-accent,var(--oria-color-primary));border:0}.actions .secondary{color:var(--oria-color-secondary-fg);background:var(--oria-color-secondary)}.chart{align-items:flex-end;gap:calc(var(--oria-space) * 2);height:4.1rem;margin-top:calc(var(--oria-space) * 5);display:flex}.chart i{background:var(--oria-color-primary);border-radius:9999px;width:100%}@supports (color:color-mix(in lab,red,red)){.chart i{background:color-mix(in srgb,var(--oria-color-primary) 25%,transparent)}}.chart i:first-child{height:31%}.chart i:nth-child(2){height:44%}.chart i:nth-child(3){height:38%}.chart i:nth-child(4){height:61%}.chart i:nth-child(5){height:55%}.chart i:nth-child(6){height:78%}.chart i:nth-child(7){background:var(--oria-color-primary);height:100%}table{width:100%;margin-top:calc(var(--oria-space) * 4);border-collapse:collapse;font-size:var(--oria-text-sm)}td,th{padding:calc(var(--oria-space) * 3) 0;border-bottom:var(--oria-border-width-hairline) solid var(--oria-color-border)}@supports (color:color-mix(in lab,red,red)){td,th{border-bottom:var(--oria-border-width-hairline) solid color-mix(in srgb,var(--oria-color-border) 70%,transparent)}}td,th{text-align:left}th{color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-wide);text-transform:uppercase}td:last-child,th:last-child{text-align:right}button:active{transform:scale(.97)}@media (hover:hover){.actions button:hover,.custom-button:hover,.editor-trigger:hover,.icon-button:hover,.quiet-button:hover{filter:brightness(1.06);transform:translateY(-1px)}}@media (max-width:840px){.token-heading{gap:calc(var(--oria-space) * 3)}.color-showcase-columns,.token-heading{grid-template-columns:1fr}.control-shape-card,.material-card,.motion-card,.rhythm-card,.typography-card{grid-column:span 12}}@media (max-width:959px){.demo-stage[data-editor-state=closing],.demo-stage[data-editor-state=open],.demo-stage[data-editor-state=opening]{transition:none;display:block}.editor-panel{width:min(40rem,calc(100vw - (calc(var(--oria-space) * 2) * 2)))}}@media (max-width:600px){.demo-shell{width:min(100% - calc(var(--oria-space) * 5),75rem);padding-top:calc(var(--oria-space) * 2)}.topbar{top:calc(var(--oria-space) * 2);gap:calc(var(--oria-space) * 2);padding-inline:calc(var(--oria-space) * 2)}.topbar-actions,.topbar-brand{gap:calc(var(--oria-space) * 1)}.topbar .mode-control>div{width:calc(var(--oria-control-height-md) * 2.25)}.topbar .editor-trigger{padding:0}.hero{padding:calc(var(--oria-space) * 16) calc(var(--oria-space) * 2) calc(var(--oria-space) * 10);grid-template-columns:1fr}.diffusion-visual{display:none}.hero h1{font-size:clamp(var(--oria-text-4xl),15vw,var(--oria-text-6xl))}.editor-trigger{width:100%}.topbar .editor-trigger{width:calc(var(--oria-control-height-md) - calc(var(--oria-space) * 1))}.editor-panel [data-oria-editor-token-list]{grid-template-columns:1fr}.token-gallery{margin-top:calc(var(--oria-space) * 12)}.token-heading{padding-inline:calc(var(--oria-space) * 2)}.control-shape-card,.effects-card,.elevation-card,.material-card,.motion-card,.palette-card,.people-card,.project-card,.rhythm-card,.semantic-feedback-card,.stats,.table-card,.typography-card{grid-column:span 12}.chart-visuals,.color-pair-grid,.effect-columns,.font-family-grid,.gradient-list,.interaction-family,.interaction-grid,.material-preview-grid,.rhythm-columns,.typography-overview{grid-template-columns:1fr}.radius-scale,.shadow-scale,.weight-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.backdrop-scale,.blur-scale{grid-template-columns:repeat(4,minmax(0,1fr))}.motion-list{grid-template-columns:1fr}.color-family-heading{align-items:flex-start;gap:calc(var(--oria-space) * 1);flex-direction:column}.special-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:var(--oria-duration-instant)!important;animation-duration:var(--oria-duration-instant)!important}.diffusion-visual i,.diffusion-visual span,.diffusion-visual:after,.diffusion-visual:before{animation:none;transform:none}}@media (prefers-reduced-transparency:reduce){.controls,.theme-picker-menu,.topbar{background:var(--oria-color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.backdrop-scale i{background:var(--oria-color-overlay);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (prefers-contrast:more){.card,.controls,.token-card,.topbar{border-width:var(--oria-border-width-strong)}}*{border-color:var(--oria-color-border)}html{background:var(--oria-color-bg);scroll-behavior:smooth;scrollbar-color:var(--oria-color-muted-fg) transparent}@supports (color:color-mix(in lab,red,red)){html{scrollbar-color:color-mix(in srgb,var(--oria-color-muted-fg) 40%,transparent) transparent}}html{scrollbar-gutter:stable;scrollbar-width:thin}html::-webkit-scrollbar{width:calc(var(--oria-space) * 2);height:calc(var(--oria-space) * 2)}html::-webkit-scrollbar-track{margin-block:calc(var(--oria-space) * 2);background:0 0}html::-webkit-scrollbar-thumb{background:var(--oria-color-muted-fg)}@supports (color:color-mix(in lab,red,red)){html::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--oria-color-muted-fg) 34%,transparent)}}html::-webkit-scrollbar-thumb{background-clip:padding-box;border:2px solid #0000;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:var(--oria-color-muted-fg)}@supports (color:color-mix(in lab,red,red)){html::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--oria-color-muted-fg) 58%,transparent)}}html::-webkit-scrollbar-thumb:hover{border-color:#0000}html::-webkit-scrollbar-corner{background:0 0}body{background:var(--oria-pattern-bg,none),radial-gradient(circle at 88% 7%,var(--oria-color-primary),transparent 23rem),radial-gradient(circle at 8% 44%,var(--oria-color-accent),transparent 25rem),var(--oria-gradient-bg,var(--oria-color-bg));min-width:320px}@supports (color:color-mix(in lab,red,red)){body{background:var(--oria-pattern-bg,none),radial-gradient(circle at 88% 7%,color-mix(in srgb,var(--oria-color-primary) 22%,transparent),transparent 23rem),radial-gradient(circle at 8% 44%,color-mix(in srgb,var(--oria-color-accent) 13%,transparent),transparent 25rem),var(--oria-gradient-bg,var(--oria-color-bg))}}body{color:var(--oria-color-fg);font-family:var(--oria-font-sans),ui-sans-serif,system-ui,sans-serif;text-rendering:optimizelegibility}body[data-scroll-locked][data-scroll-locked]{margin-right:0!important;padding-right:0!important;overflow-y:scroll!important}::selection{background:var(--oria-color-selection);color:var(--oria-color-selection-fg)}a,button,input{-webkit-tap-highlight-color:transparent}a,button:not(:disabled){touch-action:manipulation}.site-topbar{width:min(100% - calc(var(--oria-space) * 10),75rem);margin:calc(var(--oria-space) * 3) auto 0;flex-wrap:wrap}.site-topbar #mobile-navigation{flex-basis:100%}.site-navigation{align-items:center;gap:calc(var(--oria-space) * 1);margin-inline:auto}.site-navigation-link{padding:calc(var(--oria-space) * 2) calc(var(--oria-space) * 3);color:var(--oria-color-muted-fg);font-size:var(--oria-text-sm);font-weight:var(--oria-font-weight-medium);transition:color var(--oria-duration-fast) var(--oria-ease-standard),background var(--oria-duration-fast) var(--oria-ease-standard);border-radius:9999px;text-decoration:none}.site-navigation-link.is-active,.site-navigation-link:hover{color:var(--oria-color-fg);background:var(--oria-color-muted)}@supports (color:color-mix(in lab,red,red)){.site-navigation-link.is-active,.site-navigation-link:hover{background:color-mix(in srgb,var(--oria-color-muted) 70%,transparent)}}.site-topbar+.demo-stage .demo-shell{padding-top:calc(var(--oria-space) * 2)}.site-mobile-toggle,.site-topbar #mobile-navigation{display:none}.site-github-link{width:calc(var(--oria-control-height-md) - calc(var(--oria-space) * 1));min-height:calc(var(--oria-control-height-md) - calc(var(--oria-space) * 1));color:var(--oria-color-muted-fg);transition:color var(--oria-duration-fast) var(--oria-ease-standard),background var(--oria-duration-fast) var(--oria-ease-standard);border-radius:9999px;place-items:center;display:grid}.site-github-link:hover{color:var(--oria-color-fg);background:var(--oria-color-muted)}@supports (color:color-mix(in lab,red,red)){.site-github-link:hover{background:color-mix(in srgb,var(--oria-color-muted) 70%,transparent)}}.site-github-link svg{width:1.05rem;height:1.05rem}.editor-panel{top:calc(var(--oria-control-height-md) + calc(var(--oria-space) * 10));width:var(--oria-editor-panel-width,min(34rem,calc(100vw - (calc(var(--oria-space) * 2) * 2))))}.demo-stage[data-editor-state=closing],.demo-stage[data-editor-state=open],.demo-stage[data-editor-state=opening]{--oria-editor-panel-width:clamp(22rem,31vw,34rem)}@media (max-width:767px){.site-topbar>.site-navigation,.site-topbar>.topbar-actions{display:none!important}.site-mobile-toggle{display:inline-flex}.site-topbar #mobile-navigation{display:block}.site-mobile-controls .mode-control>div{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.docs-main{padding:clamp(calc(var(--oria-space) * 6),4vw,calc(var(--oria-space) * 12)) calc(var(--oria-space) * 5) clamp(calc(var(--oria-space) * 16),9vw,calc(calc(var(--oria-space) * 16) * 2))}.docs-grid{--docs-sidebar-width:calc(calc(var(--oria-space) * 8) * 6);--docs-content-spacer:calc(var(--oria-space) * 8);--docs-reading-width:calc(calc(var(--oria-space) * 8) * 21);--docs-toc-width:calc(calc(var(--oria-space) * 8) * 5.5);--docs-layout-width:calc(calc(var(--oria-space) * 8) * 37.5);grid-template-columns:var(--docs-sidebar-width) var(--docs-content-spacer) minmax(0,var(--docs-reading-width)) var(--docs-toc-width);column-gap:calc(var(--oria-space) * 4);row-gap:clamp(calc(var(--oria-space) * 8),5vw,calc(calc(var(--oria-space) * 8) * 2.5));max-width:var(--docs-layout-width);margin:0 auto;display:grid}.docs-sidebar{grid-column:1}.docs-article{grid-column:3}.docs-toc{grid-column:4}.docs-sidebar,.docs-toc{--docs-sticky-offset:calc(var(--oria-control-height-md) + calc(var(--oria-space) * 12));top:var(--docs-sticky-offset);align-self:start;position:sticky}.docs-sidebar-desktop{max-height:calc(100dvh - var(--docs-sticky-offset) - calc(var(--oria-space) * 5));overscroll-behavior:contain;padding-right:calc(var(--oria-space) * 2);scrollbar-color:var(--oria-color-muted-fg) transparent;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.docs-sidebar-desktop{scrollbar-color:color-mix(in srgb,var(--oria-color-muted-fg) 40%,transparent) transparent}}.docs-sidebar-desktop{scrollbar-gutter:stable;scrollbar-width:thin}.docs-sidebar-desktop::-webkit-scrollbar{width:calc(var(--oria-space) * 2)}.docs-sidebar-desktop::-webkit-scrollbar-track{margin-block:calc(var(--oria-space) * 2);background:0 0}.docs-sidebar-desktop::-webkit-scrollbar-thumb{background:var(--oria-color-muted-fg)}@supports (color:color-mix(in lab,red,red)){.docs-sidebar-desktop::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--oria-color-muted-fg) 34%,transparent)}}.docs-sidebar-desktop::-webkit-scrollbar-thumb{background-clip:padding-box;border:2px solid #0000;border-radius:999px}.docs-sidebar-desktop::-webkit-scrollbar-thumb:hover{background:var(--oria-color-muted-fg)}@supports (color:color-mix(in lab,red,red)){.docs-sidebar-desktop::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--oria-color-muted-fg) 58%,transparent)}}.docs-sidebar-desktop::-webkit-scrollbar-thumb:hover{border-color:#0000}.docs-nav{gap:calc(var(--oria-space) * 1);display:grid}.docs-nav p,.docs-toc p{margin:calc(var(--oria-space) * 4) 0 calc(var(--oria-space) * 1);color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold);text-transform:uppercase;letter-spacing:var(--oria-tracking-wide)}.docs-nav p:first-child{margin-top:0}.docs-nav a,.docs-toc a{border-radius:var(--oria-radius-md);color:var(--oria-color-muted-fg);font-size:var(--oria-text-sm);line-height:var(--oria-leading-relaxed);text-decoration:none}.docs-nav a{padding:calc(var(--oria-space) * 1) calc(var(--oria-space) * 2)}.docs-nav a.is-active,.docs-nav a:hover{color:var(--oria-color-fg);background:var(--oria-color-muted)}@supports (color:color-mix(in lab,red,red)){.docs-nav a.is-active,.docs-nav a:hover{background:color-mix(in srgb,var(--oria-color-muted) 70%,transparent)}}.docs-toc{gap:calc(var(--oria-space) * 2);border-left:1px solid var(--oria-color-border);padding-left:calc(var(--oria-space) * 4);display:grid}.docs-toc p{margin-top:0}.docs-toc a:hover{color:var(--oria-color-fg)}.docs-sidebar-mobile{display:none}.docs-article-header,.docs-hero{margin-bottom:clamp(calc(var(--oria-space) * 8),4vw,calc(var(--oria-space) * 12))}.docs-article-header>p,.docs-hero>p{color:var(--oria-color-primary);font-size:var(--oria-text-sm);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-wide);text-transform:uppercase}.docs-article-header h1,.docs-hero h1{max-width:14ch;margin:calc(var(--oria-space) * 3) 0;font-size:var(--oria-text-4xl);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-tighter);line-height:var(--oria-leading-tight)}.docs-article-header>span,.docs-hero>span{max-width:42rem;color:var(--oria-color-muted-fg);font-size:var(--oria-text-lg);line-height:var(--oria-leading-relaxed);display:block}.docs-path-grid{gap:calc(var(--oria-space) * 4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.docs-path-grid a{gap:calc(var(--oria-space) * 3);min-height:13rem;padding:calc(var(--oria-space) * 6);border:1px solid var(--oria-color-border);border-radius:var(--oria-radius-xl);color:var(--oria-color-fg);background:var(--oria-color-surface-raised);grid-template-columns:auto 1fr auto;align-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.docs-path-grid a{background:color-mix(in srgb,var(--oria-color-surface-raised) 82%,transparent)}}.docs-path-grid a{box-shadow:var(--oria-shadow-sm);transition:transform var(--oria-duration-fast) var(--oria-ease-standard),border-color var(--oria-duration-fast) var(--oria-ease-standard);text-decoration:none}.docs-path-grid a:hover{border-color:var(--oria-color-primary);transform:translateY(-2px)}.docs-path-grid h2{font-size:var(--oria-text-xl);grid-column:1/-1;margin:0}.docs-path-grid p{color:var(--oria-color-muted-fg);line-height:var(--oria-leading-relaxed);grid-column:1/-1;margin:0}.docs-path-grid svg:last-child{grid-column:3}.docs-home-section{margin-top:clamp(4rem,9vw,7rem)}.docs-home-section>div:first-child p{color:var(--oria-color-muted-fg);font-size:var(--oria-text-sm);margin:0}.docs-home-section h2{margin:calc(var(--oria-space) * 2) 0 calc(var(--oria-space) * 5);font-size:var(--oria-text-2xl)}.docs-task-links{border-top:1px solid var(--oria-color-border);grid-template-columns:repeat(2,1fr);display:grid}.docs-task-links a{justify-content:space-between;gap:calc(var(--oria-space) * 3);padding:calc(var(--oria-space) * 4) 0;border-bottom:1px solid var(--oria-color-border);color:var(--oria-color-fg);text-decoration:none;display:flex}.docs-task-links a:nth-child(odd){padding-right:calc(var(--oria-space) * 5)}.docs-task-links a:nth-child(2n){padding-left:calc(var(--oria-space) * 5)}.docs-task-links a:hover{color:var(--oria-color-primary)}.docs-version-note{gap:calc(var(--oria-space) * 3);margin-top:calc(var(--oria-space) * 8);padding:calc(var(--oria-space) * 4);border-radius:var(--oria-radius-lg);background:var(--oria-color-muted);display:flex}@supports (color:color-mix(in lab,red,red)){.docs-version-note{background:color-mix(in srgb,var(--oria-color-muted) 58%,transparent)}}.docs-version-note{color:var(--oria-color-muted-fg);font-size:var(--oria-text-sm);line-height:var(--oria-leading-relaxed)}.docs-version-note p{margin:0}.docs-article section{margin-top:clamp(calc(var(--oria-space) * 10),6vw,calc(calc(var(--oria-space) * 16) * 1.125));scroll-margin-top:calc(var(--oria-control-height-md) + calc(var(--oria-space) * 10))}.docs-article h2{margin:0 0 calc(var(--oria-space) * 4);font-size:var(--oria-text-2xl);letter-spacing:var(--oria-tracking-tight)}.docs-article h3{margin:calc(var(--oria-space) * 6) 0 calc(var(--oria-space) * 3);font-size:var(--oria-text-lg)}.docs-article li,.docs-article p{color:var(--oria-color-muted-fg);line-height:var(--oria-leading-relaxed)}.docs-article li code,.docs-article p code,.docs-callout code{border-radius:var(--oria-radius-sm);background:var(--oria-color-muted);color:var(--oria-color-fg);font-family:var(--oria-font-mono);padding:.1em .35em;font-size:.9em}.docs-article ol,.docs-article ul{gap:calc(var(--oria-space) * 2);padding-left:calc(var(--oria-space) * 6);display:grid}.docs-article strong{color:var(--oria-color-fg)}.docs-steps{gap:calc(var(--oria-space) * 3);margin-top:calc(var(--oria-space) * 5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.docs-comparison>div,.docs-steps>div{gap:calc(var(--oria-space) * 2);padding:calc(var(--oria-space) * 4);border:1px solid var(--oria-color-border);border-radius:var(--oria-radius-lg);background:var(--oria-color-surface-raised);display:grid}@supports (color:color-mix(in lab,red,red)){.docs-comparison>div,.docs-steps>div{background:color-mix(in srgb,var(--oria-color-surface-raised) 76%,transparent)}}.docs-comparison svg,.docs-steps svg{color:var(--oria-color-primary)}.docs-steps span{color:var(--oria-color-muted-fg);font-size:var(--oria-text-sm);line-height:var(--oria-leading-relaxed)}.docs-start-routes{margin-top:calc(var(--oria-space) * 5)}.docs-start-routes,.docs-start-routes a{gap:calc(var(--oria-space) * 4);display:grid}.docs-start-routes a{padding:calc(var(--oria-space) * 5);border:1px solid var(--oria-color-border);border-radius:var(--oria-radius-xl);background:var(--oria-color-surface-raised);grid-template-columns:auto minmax(0,1fr) auto;align-items:start}@supports (color:color-mix(in lab,red,red)){.docs-start-routes a{background:color-mix(in srgb,var(--oria-color-surface-raised) 82%,transparent)}}.docs-start-routes a{box-shadow:var(--oria-shadow-sm);color:var(--oria-color-fg);transition:transform var(--oria-duration-fast) var(--oria-ease-standard),border-color var(--oria-duration-fast) var(--oria-ease-standard),box-shadow var(--oria-duration-fast) var(--oria-ease-standard);text-decoration:none}.docs-start-routes a:hover{border-color:var(--oria-color-primary);box-shadow:var(--oria-shadow-md);transform:translateY(-2px)}.docs-start-routes>a>svg:first-child{width:calc(var(--oria-space) * 5);height:calc(var(--oria-space) * 5);margin-top:calc(var(--oria-space) * 1);color:var(--oria-color-primary)}.docs-start-routes>a>svg:last-child{width:calc(var(--oria-space) * 4);height:calc(var(--oria-space) * 4);margin-top:calc(var(--oria-space) * 1);color:var(--oria-color-muted-fg)}.docs-start-routes h3{font-size:var(--oria-text-xl);margin:0}.docs-start-routes p{margin:0 0 calc(var(--oria-space) * 1);color:var(--oria-color-primary);font-size:var(--oria-text-sm);font-weight:var(--oria-font-weight-bold)}.docs-start-routes small,.docs-start-routes span{color:var(--oria-color-muted-fg);line-height:var(--oria-leading-relaxed);display:block}.docs-start-routes small{margin-top:calc(var(--oria-space) * 3);color:var(--oria-color-fg);font-size:var(--oria-text-sm);font-weight:var(--oria-font-weight-medium)}.docs-code{margin:calc(var(--oria-space) * 4) 0;border:1px solid var(--oria-color-border);border-radius:var(--oria-radius-lg);background:var(--oria-color-surface-raised);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.docs-code{background:color-mix(in srgb,var(--oria-color-surface-raised) 88%,var(--oria-color-muted))}}.docs-code{box-shadow:var(--oria-shadow-xs)}.docs-code-header{padding:calc(var(--oria-space) * 2) calc(var(--oria-space) * 3);border-bottom:1px solid var(--oria-color-border);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.docs-code-header{border-bottom:1px solid color-mix(in srgb,var(--oria-color-border) 70%,transparent)}}.docs-code-header{color:var(--oria-color-muted-fg);font-family:var(--oria-font-mono);font-size:var(--oria-text-xs)}.docs-code button{align-items:center;gap:calc(var(--oria-space) * 1);border-radius:var(--oria-radius-sm);padding:calc(var(--oria-space) * 1) calc(var(--oria-space) * 2);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;display:inline-flex}.docs-code button:hover{color:var(--oria-color-fg);background:var(--oria-color-muted)}.docs-code pre{padding:calc(var(--oria-space) * 4);color:var(--oria-color-fg);font-family:var(--oria-font-mono);font-size:var(--oria-text-sm);margin:0;line-height:1.65;overflow-x:auto}.docs-code-token-comment{color:var(--oria-color-chart-2)}@supports (color:color-mix(in lab,red,red)){.docs-code-token-comment{color:color-mix(in srgb,var(--oria-color-chart-2) 48%,var(--oria-color-fg))}}.docs-code-token-keyword,.docs-code-token-property{color:var(--oria-color-chart-1)}@supports (color:color-mix(in lab,red,red)){.docs-code-token-keyword,.docs-code-token-property{color:color-mix(in srgb,var(--oria-color-chart-1) 68%,var(--oria-color-fg))}}.docs-code-token-string{color:var(--oria-color-chart-4)}@supports (color:color-mix(in lab,red,red)){.docs-code-token-string{color:color-mix(in srgb,var(--oria-color-chart-4) 72%,var(--oria-color-fg))}}.docs-code-token-function{color:var(--oria-color-chart-6)}@supports (color:color-mix(in lab,red,red)){.docs-code-token-function{color:color-mix(in srgb,var(--oria-color-chart-6) 62%,var(--oria-color-fg))}}.docs-code-token-type{color:var(--oria-color-chart-5)}@supports (color:color-mix(in lab,red,red)){.docs-code-token-type{color:color-mix(in srgb,var(--oria-color-chart-5) 62%,var(--oria-color-fg))}}.docs-code-token-literal,.docs-code-token-number{color:var(--oria-color-chart-7)}@supports (color:color-mix(in lab,red,red)){.docs-code-token-literal,.docs-code-token-number{color:color-mix(in srgb,var(--oria-color-chart-7) 64%,var(--oria-color-fg))}}.docs-callout{gap:calc(var(--oria-space) * 3);margin-top:calc(var(--oria-space) * 5);padding:calc(var(--oria-space) * 4);border:1px solid var(--oria-color-primary);display:flex}@supports (color:color-mix(in lab,red,red)){.docs-callout{border:1px solid color-mix(in srgb,var(--oria-color-primary) 36%,var(--oria-color-border))}}.docs-callout{border-radius:var(--oria-radius-lg);background:var(--oria-color-primary)}@supports (color:color-mix(in lab,red,red)){.docs-callout{background:color-mix(in srgb,var(--oria-color-primary) 9%,transparent)}}.docs-callout{color:var(--oria-color-muted-fg);line-height:var(--oria-leading-relaxed)}.docs-callout svg{color:var(--oria-color-primary);flex:none;margin-top:.15em}.docs-callout.warning{border-color:var(--oria-color-warning)}@supports (color:color-mix(in lab,red,red)){.docs-callout.warning{border-color:color-mix(in srgb,var(--oria-color-warning) 45%,var(--oria-color-border))}}.docs-callout.warning{background:var(--oria-color-warning)}@supports (color:color-mix(in lab,red,red)){.docs-callout.warning{background:color-mix(in srgb,var(--oria-color-warning) 10%,transparent)}}.docs-callout.warning svg{color:var(--oria-color-warning)}.docs-callout strong{color:var(--oria-color-fg)}.docs-table-wrap{border:1px solid var(--oria-color-border);border-radius:var(--oria-radius-lg);background:var(--oria-color-surface-raised);overflow-x:auto}@supports (color:color-mix(in lab,red,red)){.docs-table-wrap{background:color-mix(in srgb,var(--oria-color-surface-raised) 86%,var(--oria-color-muted))}}.docs-table-wrap{box-shadow:var(--oria-shadow-xs)}.docs-table-wrap table{border-collapse:collapse;width:100%;font-size:var(--oria-text-sm)}.docs-table-wrap td,.docs-table-wrap th{min-width:9rem;padding:calc(var(--oria-space) * 3);border-bottom:1px solid var(--oria-color-border)}@supports (color:color-mix(in lab,red,red)){.docs-table-wrap td,.docs-table-wrap th{border-bottom:1px solid color-mix(in srgb,var(--oria-color-border) 82%,transparent)}}.docs-table-wrap td,.docs-table-wrap th{text-align:left;vertical-align:top}.docs-table-wrap th{color:var(--oria-color-fg);background:var(--oria-color-muted)}@supports (color:color-mix(in lab,red,red)){.docs-table-wrap th{background:color-mix(in srgb,var(--oria-color-muted) 76%,transparent)}}.docs-table-wrap td{color:var(--oria-color-muted-fg);line-height:var(--oria-leading-relaxed)}.docs-table-wrap tbody tr:nth-child(2n){background:var(--oria-color-muted)}@supports (color:color-mix(in lab,red,red)){.docs-table-wrap tbody tr:nth-child(2n){background:color-mix(in srgb,var(--oria-color-muted) 48%,transparent)}}.docs-table-wrap tbody tr:hover{background:var(--oria-color-primary)}@supports (color:color-mix(in lab,red,red)){.docs-table-wrap tbody tr:hover{background:color-mix(in srgb,var(--oria-color-primary) 8%,var(--oria-color-muted))}}.docs-table-wrap tr:last-child td{border-bottom:0}.docs-button,.docs-next-link{align-items:center;gap:calc(var(--oria-space) * 2);margin-top:calc(var(--oria-space) * 5);color:var(--oria-color-primary);font-weight:var(--oria-font-weight-bold);text-decoration:none;display:inline-flex}.docs-button{min-height:var(--oria-control-height-md);padding:0 calc(var(--oria-space) * 4);background:var(--oria-color-primary);color:var(--oria-color-primary-fg);border-radius:9999px}.docs-next-link:hover{text-decoration:underline}.docs-button:hover{opacity:.9}.docs-comparison{gap:calc(var(--oria-space) * 4);grid-template-columns:repeat(2,1fr);display:grid}.docs-comparison h3,.docs-comparison p{margin:0}.docs-preset-groups{gap:calc(var(--oria-space) * 2);margin:calc(var(--oria-space) * 5) 0;flex-wrap:wrap;display:flex}.docs-preset-groups span{padding:calc(var(--oria-space) * 2) calc(var(--oria-space) * 3);border:1px solid var(--oria-color-border);color:var(--oria-color-muted-fg);font-size:var(--oria-text-sm);border-radius:9999px}.docs-package-manager-tabs{margin:calc(var(--oria-space) * 4) 0}.docs-package-manager-tablist{gap:calc(var(--oria-space) * 1);width:max-content;max-width:100%;padding:calc(var(--oria-space) * 1);border:1px solid var(--oria-color-border);background:var(--oria-color-muted);border-radius:9999px;display:flex;overflow-x:auto}@supports (color:color-mix(in lab,red,red)){.docs-package-manager-tablist{background:color-mix(in srgb,var(--oria-color-muted) 54%,transparent)}}.docs-package-manager-tablist button{min-height:var(--oria-control-height-sm);padding:0 calc(var(--oria-space) * 3);color:var(--oria-color-muted-fg);font:inherit;font-size:var(--oria-text-sm);cursor:pointer;background:0 0;border:0;border-radius:9999px}.docs-package-manager-tablist button[aria-selected=true]{color:var(--oria-color-primary-fg);background:var(--oria-color-primary);box-shadow:var(--oria-shadow-xs)}.docs-package-manager-tablist button:hover:not([aria-selected=true]){color:var(--oria-color-fg);background:var(--oria-color-surface-raised)}@supports (color:color-mix(in lab,red,red)){.docs-package-manager-tablist button:hover:not([aria-selected=true]){background:color-mix(in srgb,var(--oria-color-surface-raised) 80%,transparent)}}.docs-package-manager-tablist button:focus-visible{outline:2px solid var(--oria-color-ring);outline-offset:2px}@media (max-width:1080px){.docs-grid{grid-template-columns:var(--docs-sidebar-width) minmax(0,calc(calc(var(--oria-space) * 8) * 23));column-gap:calc(var(--oria-space) * 8)}.docs-article{grid-column:2}.docs-toc{display:none}}@media (max-width:700px){.docs-main{padding-inline:calc(var(--oria-space) * 4)}.docs-grid{display:block}.docs-sidebar{margin-bottom:calc(var(--oria-space) * 7);position:static}.docs-sidebar-desktop{display:none}.docs-sidebar-mobile{border:1px solid var(--oria-color-border);border-radius:var(--oria-radius-lg);background:var(--oria-color-surface-raised);display:block;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.docs-sidebar-mobile{background:color-mix(in srgb,var(--oria-color-surface-raised) 78%,transparent)}}.docs-sidebar-mobile summary{padding:calc(var(--oria-space) * 3) calc(var(--oria-space) * 4);cursor:pointer;font-weight:var(--oria-font-weight-medium)}.docs-sidebar-mobile .docs-nav{padding:0 calc(var(--oria-space) * 2) calc(var(--oria-space) * 3)}.docs-comparison,.docs-path-grid,.docs-steps{grid-template-columns:1fr}.docs-path-grid a{min-height:auto}.docs-start-routes a{gap:calc(var(--oria-space) * 3);padding:calc(var(--oria-space) * 4);grid-template-columns:auto minmax(0,1fr)}.docs-start-routes>a>svg:last-child{display:none}.docs-task-links{grid-template-columns:1fr}.docs-task-links a:nth-child(n){padding-inline:0}.docs-article-header h1,.docs-hero h1{max-width:100%}.docs-article-header>span,.docs-hero>span{font-size:var(--oria-text-md)}}.docs-color-library .color-library-grid{gap:calc(var(--oria-space) * 2)}.docs-color-library .color-family{padding-top:calc(var(--oria-space) * 1)}.docs-color-library .color-family-heading{margin-bottom:calc(var(--oria-space) * 1)}.docs-color-library .color-scale-scroll{padding-bottom:calc(var(--oria-space) * 1)}.docs-color-library .color-scale{grid-template-columns:repeat(11,minmax(3rem,1fr));min-width:34rem}.docs-color-library .color-swatch i{height:calc(var(--oria-space) * 6)}.docs-color-library .color-swatch span{margin-top:calc(var(--oria-space) * 1)}.docs-color-library .special-colors{margin-top:calc(var(--oria-space) * 5);padding-top:calc(var(--oria-space) * 3)}.home-hero{padding-top:clamp(calc(var(--oria-space) * 8),5vw,calc(var(--oria-space) * 12))}.home-hero .diffusion-visual{margin-left:auto}.home-cta-row{gap:calc(var(--oria-space) * 3);margin-top:calc(var(--oria-space) * 8);flex-wrap:wrap;display:flex}.home-cta{min-height:var(--oria-control-height-lg);padding:0 calc(var(--oria-control-padding-x-md) + calc(var(--oria-space) * 1));font-size:var(--oria-text-sm);font-weight:var(--oria-font-weight-semibold);transition:transform var(--oria-duration-fast) var(--oria-ease-standard),background var(--oria-duration-fast) var(--oria-ease-standard),border-color var(--oria-duration-fast) var(--oria-ease-standard);border-radius:9999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.home-cta:active{transform:scale(.97)}.home-cta-primary{color:var(--oria-color-primary-fg);background:var(--oria-color-primary);box-shadow:var(--oria-shadow-sm)}.home-cta-primary:hover{background:var(--oria-color-primary-hover)}.home-cta-secondary{color:var(--oria-color-fg);background:var(--oria-color-surface-raised)}@supports (color:color-mix(in lab,red,red)){.home-cta-secondary{background:color-mix(in srgb,var(--oria-color-surface-raised) 82%,transparent)}}.home-cta-secondary{border:1px solid var(--oria-color-border)}.home-cta-secondary:hover{background:var(--oria-color-muted)}.home-section{margin-top:clamp(calc(var(--oria-space) * 16),9vw,calc(calc(var(--oria-space) * 16) * 1.75))}.home-section-title{max-width:22ch;margin:calc(var(--oria-space) * 3) 0 calc(var(--oria-space) * 4);font-size:clamp(var(--oria-text-2xl),4vw,var(--oria-text-4xl));font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-tighter);line-height:var(--oria-leading-tight)}.home-section-body{max-width:42rem;color:var(--oria-color-muted-fg);font-size:var(--oria-text-lg);line-height:var(--oria-leading-relaxed);margin:0}.home-preset-marquee{margin-top:calc(var(--oria-space) * 8);position:relative;overflow:clip visible}.home-preset-marquee:after,.home-preset-marquee:before{content:"";z-index:1;width:clamp(calc(var(--oria-space) * 8),8%,calc(calc(var(--oria-space) * 8) * 2));pointer-events:none;position:absolute;top:0;bottom:0}.home-preset-marquee:before{background:linear-gradient(to right,var(--oria-color-bg),transparent);left:0}.home-preset-marquee:after{background:linear-gradient(to left,var(--oria-color-bg),transparent);right:0}.home-preset-track{will-change:transform;width:max-content}.home-preset-list,.home-preset-track{gap:calc(var(--oria-space) * 4);display:flex}.home-preset-list{margin:0;padding:0;list-style:none}.home-preset-list>li{display:flex}.home-feature-grid{gap:calc(var(--oria-space) * 4);margin-top:calc(var(--oria-space) * 8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-feature-grid>*{display:grid}.home-feature-card,.home-preset-card{gap:calc(var(--oria-space) * 3);width:100%;height:100%;padding:calc(var(--oria-space) * 5);border:1px solid var(--oria-color-border);border-radius:var(--oria-radius-xl);color:var(--oria-color-fg);background:var(--oria-color-surface-raised);align-content:start;justify-items:start;display:grid}@supports (color:color-mix(in lab,red,red)){.home-feature-card,.home-preset-card{background:color-mix(in srgb,var(--oria-color-surface-raised) 82%,transparent)}}.home-feature-card,.home-preset-card{box-shadow:var(--oria-shadow-sm);text-align:left;cursor:pointer;transition:transform var(--oria-duration-fast) var(--oria-ease-standard),border-color var(--oria-duration-fast) var(--oria-ease-standard),box-shadow var(--oria-duration-fast) var(--oria-ease-standard);text-decoration:none}.home-feature-card:hover,.home-preset-card:hover{border-color:var(--oria-color-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.home-feature-card:hover,.home-preset-card:hover{border-color:color-mix(in srgb,var(--oria-color-primary) 45%,var(--oria-color-border))}}.home-feature-card:hover,.home-preset-card:hover{box-shadow:var(--oria-shadow-md)}.home-feature-card:active,.home-preset-card:active{box-shadow:var(--oria-shadow-sm);transform:scale(.97)}.home-preset-card[aria-pressed=true]{border-color:var(--oria-color-primary);box-shadow:var(--oria-shadow-md)}.home-preset-card{width:clamp(13rem,22vw,16rem)}.home-preset-palette{gap:calc(var(--oria-space) * 1);display:flex}.home-preset-palette i{width:calc(var(--oria-space) * 4);height:calc(var(--oria-space) * 4);border:1px solid var(--oria-color-border)}@supports (color:color-mix(in lab,red,red)){.home-preset-palette i{border:1px solid color-mix(in srgb,var(--oria-color-border) 80%,transparent)}}.home-preset-palette i{border-radius:9999px}.home-preset-name{justify-content:space-between;align-items:center;gap:calc(var(--oria-space) * 2);width:100%;font-size:var(--oria-text-md);font-weight:var(--oria-font-weight-semibold);display:flex}.home-preset-active{color:var(--oria-color-primary);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-bold);letter-spacing:var(--oria-tracking-wide);text-transform:uppercase}.home-feature-icon{width:var(--oria-control-height-lg);height:var(--oria-control-height-lg);border-radius:var(--oria-radius-lg);color:var(--oria-color-primary);background:var(--oria-color-primary);place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.home-feature-icon{background:color-mix(in srgb,var(--oria-color-primary) 12%,transparent)}}.home-feature-icon svg{width:var(--oria-text-xl);height:var(--oria-text-xl)}.home-feature-card h3{font-size:var(--oria-text-xl);font-weight:var(--oria-font-weight-semibold);letter-spacing:var(--oria-tracking-tight);margin:0}.home-feature-card>p{color:var(--oria-color-muted-fg);font-size:var(--oria-text-sm);line-height:var(--oria-leading-relaxed);margin:0}.home-feature-link{align-items:center;gap:calc(var(--oria-space) * 1);margin-top:calc(var(--oria-space) * 2);color:var(--oria-color-primary);font-size:var(--oria-text-sm);font-weight:var(--oria-font-weight-semibold);display:inline-flex}.home-feature-link svg{width:calc(var(--oria-space) * 4);height:calc(var(--oria-space) * 4);transition:transform var(--oria-duration-fast) var(--oria-ease-standard)}.home-feature-card:hover .home-feature-link svg{transform:translate(2px)}.home-install{justify-content:space-between;align-items:center;gap:calc(var(--oria-space) * 3);max-width:42rem;margin-top:calc(var(--oria-space) * 6);padding:calc(var(--oria-space) * 2) calc(var(--oria-space) * 2) calc(var(--oria-space) * 2) calc(var(--oria-space) * 4);border:1px solid var(--oria-color-border);border-radius:var(--oria-radius-lg);background:var(--oria-color-surface-raised);display:flex}@supports (color:color-mix(in lab,red,red)){.home-install{background:color-mix(in srgb,var(--oria-color-surface-raised) 88%,var(--oria-color-muted))}}.home-install{box-shadow:var(--oria-shadow-xs)}.home-install code{color:var(--oria-color-fg);font-family:var(--oria-font-mono);font-size:var(--oria-text-sm);white-space:nowrap;overflow-x:auto}.home-install button{align-items:center;gap:calc(var(--oria-space) * 1);min-height:var(--oria-control-height-sm);padding:0 calc(var(--oria-space) * 3);border-radius:var(--oria-radius-md);color:var(--oria-color-muted-fg);font-size:var(--oria-text-xs);font-weight:var(--oria-font-weight-semibold);cursor:pointer;transition:color var(--oria-duration-fast) var(--oria-ease-standard),background var(--oria-duration-fast) var(--oria-ease-standard),transform var(--oria-duration-fast) var(--oria-ease-standard);background:0 0;border:0;display:inline-flex}.home-install button:hover{color:var(--oria-color-fg);background:var(--oria-color-muted)}.home-install button:active{transform:scale(.97)}.home-install button[data-copied=true]{color:var(--oria-color-success)}.home-install button svg{width:calc(var(--oria-space) * 4);height:calc(var(--oria-space) * 4)}.home-start .home-cta-row{margin-top:calc(var(--oria-space) * 6)}@media (max-width:900px){.home-feature-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.home-preset-marquee:after,.home-preset-marquee:before{content:none}.home-preset-track{will-change:auto;flex-wrap:wrap;width:100%;transform:none!important}.home-preset-list{flex-wrap:wrap}.home-preset-list[aria-hidden=true]{display:none}.home-preset-card{flex:13rem;width:auto}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}