:root{color:var(--oria-color-foreground);background:var(--oria-color-background);font-family:var(--oria-typography-font-sans);font-optical-sizing:auto}*{box-sizing:border-box}::selection{color:var(--oria-color-selectionForeground);background:var(--oria-color-selection)}html{scroll-behavior:smooth}body{background: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-color-background);min-width:320px;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-shape-focusRingWidth) solid var(--oria-color-ring);outline-offset:var(--oria-shape-focusRingOffset)}.demo-stage{min-height:100dvh}.demo-shell{width:min(100% - var(--oria-spacing-10), 75rem);padding:var(--oria-spacing-5) 0 var(--oria-spacing-16);transition:width var(--oria-motion-duration-normal) var(--oria-motion-easing-entrance), transform var(--oria-motion-duration-normal) var(--oria-motion-easing-entrance);margin:0 auto}.topbar{z-index:2;top:var(--oria-spacing-3);min-height:var(--oria-control-height-md);padding:var(--oria-spacing-2) var(--oria-spacing-3) var(--oria-spacing-2) var(--oria-spacing-4);color:var(--oria-color-surfaceForeground);background:color-mix(in srgb, var(--oria-color-surface) 78%, transparent);border:var(--oria-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-border) 70%, transparent);border-radius:var(--oria-shape-radius-xl);box-shadow:var(--oria-elevation-shadow-sm);-webkit-backdrop-filter:blur(var(--oria-effect-backdropBlur-lg)) saturate(var(--oria-effect-backdropSaturation));backdrop-filter:blur(var(--oria-effect-backdropBlur-lg)) saturate(var(--oria-effect-backdropSaturation));justify-content:space-between;align-items:center;display:flex;position:sticky}.topbar-brand{align-items:center;gap:var(--oria-spacing-3);min-width:0;display:inline-flex}.topbar-actions{justify-content:flex-end;align-items:center;gap:var(--oria-spacing-2);min-width:0;display:flex}.topbar .theme-picker{width:clamp(10rem,18vw,14rem)}.topbar .theme-picker-label,.topbar .mode-control legend{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar .theme-picker-menu{min-width:15rem}.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) - var(--oria-spacing-1));min-height:calc(var(--oria-control-height-md) - var(--oria-spacing-1));padding:0}.editor-trigger svg{width:var(--oria-typography-size-lg);height:var(--oria-typography-size-lg);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.brand{align-items:center;gap:var(--oria-spacing-2);color:inherit;font-size:var(--oria-typography-size-md);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-normal);text-decoration:none;display:inline-flex}.brand>span:last-child span{color:var(--oria-color-primary)}.framework-pill{padding:var(--oria-spacing-2) var(--oria-spacing-3);color:var(--oria-color-mutedForeground);background:color-mix(in srgb, var(--oria-color-muted) 56%, transparent);border-radius:var(--oria-shape-radius-full);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-semibold);letter-spacing:var(--oria-typography-letterSpacing-wide)}.hero{align-items:end;gap:var(--oria-spacing-8);padding:clamp(var(--oria-spacing-16), 11vw, 8rem) clamp(0rem, 3vw, var(--oria-spacing-8)) var(--oria-spacing-16);grid-template-columns:minmax(0,1fr) 17rem;display:grid}.hero-copy{max-width:45rem}.eyebrow,.section-kicker,.card-kicker{color:var(--oria-color-primary);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-wide);line-height:var(--oria-typography-lineHeight-normal);text-transform:uppercase;margin:0}.hero h1{max-width:11ch;margin:var(--oria-spacing-3) 0 var(--oria-spacing-5);color:var(--oria-color-foreground);font-family:var(--oria-typography-font-display);font-size:clamp(var(--oria-typography-size-4xl), 7.3vw, var(--oria-typography-size-7xl));font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-tight);line-height:var(--oria-typography-lineHeight-tight)}.hero-copy>p:not(.eyebrow){max-width:39rem;color:var(--oria-color-mutedForeground);font-size:clamp(var(--oria-typography-size-md), 1.6vw, var(--oria-typography-size-lg));line-height:var(--oria-typography-lineHeight-relaxed);margin:0}.hero-status{align-items:center;gap:var(--oria-spacing-2);margin-top:var(--oria-spacing-6);color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-sm);font-weight:var(--oria-typography-weight-medium);letter-spacing:var(--oria-typography-letterSpacing-normal);flex-wrap:wrap;display:flex}.status-dot{width:var(--oria-spacing-2);height:var(--oria-spacing-2);border-radius:var(--oria-shape-radius-full);background:var(--oria-color-success);box-shadow:0 0 0 var(--oria-spacing-1) color-mix(in srgb, var(--oria-color-success) 16%, transparent)}.diffusion-visual{aspect-ratio:1;isolation:isolate;width:min(100%,19rem);filter:saturate(var(--oria-effect-backdropSaturation));transform:translateY(calc(0rem - var(--oria-spacing-6)));justify-self:end;position:relative}.diffusion-visual:before,.diffusion-visual:after,.diffusion-visual span,.diffusion-visual i{border-radius:var(--oria-shape-radius-full);content:"";filter:blur(var(--oria-effect-blur-md));opacity:var(--oria-effect-opacity-overlay);will-change:transform;display:block;position:absolute}.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%);animation:diffusion-drift-a calc(var(--oria-motion-duration-slow) * 14) var(--oria-motion-easing-emphasized) calc(var(--oria-motion-duration-slow) * -2) infinite;inset:8% 3% 16% 18%}.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%);animation:diffusion-drift-b calc(var(--oria-motion-duration-slow) * 16) var(--oria-motion-easing-standard) calc(var(--oria-motion-duration-slow) * -7) infinite;inset:24% 21% 2% 2%}.diffusion-visual span{z-index:-1;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%);animation:diffusion-drift-c calc(var(--oria-motion-duration-slow) * 13) var(--oria-motion-easing-entrance) calc(var(--oria-motion-duration-slow) * -5) infinite;inset:2% 28% 34% 8%}.diffusion-visual i{z-index:-1;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%);animation:diffusion-drift-d calc(var(--oria-motion-duration-slow) * 18) var(--oria-motion-easing-standard) calc(var(--oria-motion-duration-slow) * -10) infinite;inset:34% 0 8% 38%}@keyframes diffusion-drift-a{0%,to{transform:translate(0,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,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,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,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)}}.controls{gap:var(--oria-spacing-5) var(--oria-spacing-6);padding:clamp(var(--oria-spacing-5), 3vw, var(--oria-spacing-8));color:var(--oria-color-surfaceForeground);background:color-mix(in srgb, var(--oria-color-surface) 82%, transparent);border:var(--oria-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-border) 75%, transparent);border-radius:var(--oria-shape-radius-2xl);box-shadow:var(--oria-elevation-shadow-md);-webkit-backdrop-filter:blur(var(--oria-effect-backdropBlur-md)) saturate(var(--oria-effect-backdropSaturation));backdrop-filter:blur(var(--oria-effect-backdropBlur-md)) saturate(var(--oria-effect-backdropSaturation));grid-template-columns:1.1fr minmax(9rem,1fr) minmax(13rem,1.25fr);align-items:end;display:grid}.control-heading h2,.token-heading h2{margin:var(--oria-spacing-1) 0 0;font-family:var(--oria-typography-font-display);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-tight);line-height:var(--oria-typography-lineHeight-tight)}:is(.topbar:has(.theme-picker[data-open=true]),.controls:has(.theme-picker[data-open=true])){-webkit-backdrop-filter:none;backdrop-filter:none}.control-heading h2{font-size:clamp(var(--oria-typography-size-xl), 2.4vw, var(--oria-typography-size-3xl))}.controls label,.theme-picker,.mode-control{min-width:0}.controls label>span,.theme-picker-label,.mode-control legend,.palette-group>span{margin-bottom:var(--oria-spacing-2);color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-wide);display:block}select,input:not([type=color]):not([type=range]){width:100%;min-height:var(--oria-control-height-md);padding:0 var(--oria-control-paddingInline-md);color:var(--oria-color-foreground);background:var(--oria-color-input);border:var(--oria-shape-borderWidth-default) solid var(--oria-color-border);border-radius:var(--oria-shape-radius-md)}.mode-control{border:0;margin:0;padding:0}.mode-control>div{padding:var(--oria-spacing-1);background:color-mix(in srgb, var(--oria-color-muted) 70%, transparent);border-radius:var(--oria-shape-radius-md);isolation:isolate;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.mode-control>div:before{z-index:0;top:var(--oria-spacing-1);bottom:var(--oria-spacing-1);left:var(--oria-spacing-1);width:calc((100% - var(--oria-spacing-2)) / 3);box-sizing:border-box;content:"";background:var(--oria-color-surfaceRaised);border:var(--oria-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-border) 72%, transparent);border-radius:var(--oria-shape-radius-sm);box-shadow:var(--oria-elevation-shadow-sm);transition:transform var(--oria-motion-duration-normal) var(--oria-motion-easing-standard);will-change:transform;position:absolute}.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) - var(--oria-spacing-2));padding:0 var(--oria-control-paddingInline-sm);border-radius:var(--oria-shape-radius-sm);color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-sm);font-weight:var(--oria-typography-weight-semibold);letter-spacing:var(--oria-typography-letterSpacing-normal);text-transform:capitalize;transition:color var(--oria-motion-duration-fast) var(--oria-motion-easing-standard), transform var(--oria-motion-duration-instant) var(--oria-motion-easing-standard);background:0 0;border:0;position:relative}.mode-button[aria-pressed=true]{color:var(--oria-color-foreground)}.theme-picker{z-index:2;position:relative}.theme-picker-trigger,.theme-picker-option{width:100%;color:var(--oria-color-foreground);background:var(--oria-color-input);border:var(--oria-shape-borderWidth-default) solid var(--oria-color-border);font:inherit;text-align:left;cursor:pointer;align-items:center;display:flex}.theme-picker-trigger{min-height:var(--oria-control-height-md);gap:var(--oria-spacing-2);padding:0 var(--oria-control-paddingInline-sm);border-radius:var(--oria-shape-radius-md);box-shadow:var(--oria-elevation-shadow-xs);transition:border-color var(--oria-motion-duration-fast) var(--oria-motion-easing-standard), background-color var(--oria-motion-duration-fast) var(--oria-motion-easing-standard)}.theme-picker-trigger:hover,.theme-picker[data-open=true] .theme-picker-trigger{background:var(--oria-color-surfaceRaised);border-color:var(--oria-color-ring)}.theme-picker-trigger>span:not(.theme-picker-palette),.theme-picker-option>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.theme-picker-trigger>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1rem;transition:transform var(--oria-motion-duration-fast) var(--oria-motion-easing-standard);flex:none;margin-left:auto}.theme-picker[data-open=true] .theme-picker-trigger>svg{transform:rotate(180deg)}.theme-picker-palette{flex:none;width:1.35rem;height:1.2rem;display:block;position:relative}.theme-picker-palette i{border:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-overlay);border-radius:var(--oria-shape-radius-xs);width:.52rem;height:1rem;box-shadow:var(--oria-elevation-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)}.theme-picker-menu{top:calc(100% + var(--oria-spacing-2));z-index:4;max-height:min(22rem,50vh);padding:var(--oria-spacing-2);overscroll-behavior:contain;isolation:isolate;color:var(--oria-color-surfaceForeground);background:color-mix(in srgb, var(--oria-color-surface) 62%, transparent);border:var(--oria-shape-borderWidth-default) solid color-mix(in srgb, var(--oria-color-border) 76%, transparent);border-radius:var(--oria-shape-radius-md);box-shadow:var(--oria-elevation-shadow-lg);-webkit-backdrop-filter:blur(var(--oria-effect-backdropBlur-xl)) saturate(var(--oria-effect-backdropSaturation));backdrop-filter:blur(var(--oria-effect-backdropBlur-xl)) saturate(var(--oria-effect-backdropSaturation));position:absolute;left:0;right:0;overflow-y:auto}.theme-picker-group+.theme-picker-group{margin-top:var(--oria-spacing-2);padding-top:var(--oria-spacing-2);border-top:var(--oria-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-border) 72%, transparent)}.theme-picker-group>span{padding:var(--oria-spacing-1) var(--oria-spacing-2);color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-wide);display:block}.theme-picker-option{min-height:calc(var(--oria-control-height-md) - var(--oria-spacing-2));gap:var(--oria-spacing-2);padding:var(--oria-spacing-1) var(--oria-spacing-2);border-radius:var(--oria-shape-radius-sm);transition:color var(--oria-motion-duration-fast) var(--oria-motion-easing-standard), background-color var(--oria-motion-duration-fast) var(--oria-motion-easing-standard);background:0 0;border-color:#0000}.theme-picker-option:hover,.theme-picker-option:focus-visible{color:var(--oria-color-foreground);background:var(--oria-color-surfaceRaised);outline:none}.theme-picker-option[aria-selected=true]{color:var(--oria-color-primary);background:color-mix(in srgb, var(--oria-color-primary) 10%, transparent)}.theme-picker-option .theme-picker-palette{transform-origin:0;transform:scale(.92)}.theme-picker-check{width:1.2rem;height:1.2rem;color:var(--oria-color-primaryForeground);background:var(--oria-color-primary);border-radius:var(--oria-shape-radius-full);font-size:var(--oria-typography-size-xs);font-style:normal;font-weight:var(--oria-typography-weight-bold);flex:none;place-items:center;margin-left:auto;display:grid}.accent-control{grid-template-columns:1fr var(--oria-control-height-md);gap:0 var(--oria-spacing-3);align-items:center;display:grid}.accent-control>span{grid-column:1/-1}input[type=color]{width:var(--oria-control-height-md);height:var(--oria-control-height-md);padding:var(--oria-spacing-1);border:var(--oria-shape-borderWidth-default) solid var(--oria-color-border);border-radius:var(--oria-shape-radius-md);background:var(--oria-color-input);cursor:pointer}.accent-control output,code{color:var(--oria-color-mutedForeground);font-family:var(--oria-typography-font-mono);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-medium);letter-spacing:var(--oria-typography-letterSpacing-normal)}code{overflow-wrap:anywhere}.accent-control output{text-transform:uppercase}.custom-button{min-height:var(--oria-control-height-md);padding:0 var(--oria-control-paddingInline-md);border-radius:var(--oria-shape-radius-md);color:var(--oria-color-primaryForeground);background:var(--oria-color-primary);box-shadow:var(--oria-elevation-shadow-sm);font-size:var(--oria-typography-size-sm);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-normal);transition:transform var(--oria-motion-duration-fast) var(--oria-motion-easing-standard), filter var(--oria-motion-duration-fast) var(--oria-motion-easing-standard);border:0;grid-column:2/-1;justify-self:end}.custom-button span{margin-left:var(--oria-spacing-1);font-size:var(--oria-typography-size-md)}.editor-workbench{margin-top:var(--oria-spacing-4);padding:clamp(var(--oria-spacing-5), 3vw, var(--oria-spacing-8));color:var(--oria-color-surfaceForeground);background:color-mix(in srgb, var(--oria-color-surface) 82%, transparent);border:var(--oria-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-border) 75%, transparent);border-radius:var(--oria-shape-radius-2xl);box-shadow:var(--oria-elevation-shadow-md);-webkit-backdrop-filter:blur(var(--oria-effect-backdropBlur-md)) saturate(var(--oria-effect-backdropSaturation));backdrop-filter:blur(var(--oria-effect-backdropBlur-md)) saturate(var(--oria-effect-backdropSaturation))}.editor-intro{gap:var(--oria-spacing-6);justify-content:space-between;align-items:flex-end;display:flex}.editor-intro>div{max-width:42rem}.editor-intro h2{margin:var(--oria-spacing-1) 0 var(--oria-spacing-3);font-family:var(--oria-typography-font-display);font-size:clamp(var(--oria-typography-size-xl), 2.4vw, var(--oria-typography-size-3xl));font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-tight);line-height:var(--oria-typography-lineHeight-tight)}.editor-intro p:not(.section-kicker){color:var(--oria-color-mutedForeground);line-height:var(--oria-typography-lineHeight-relaxed);margin:0}.editor-trigger{min-height:var(--oria-control-height-md);border-radius:var(--oria-shape-radius-md);color:var(--oria-color-primaryForeground);background:var(--oria-color-primary);box-shadow:var(--oria-elevation-shadow-sm);transition:transform var(--oria-motion-duration-fast) var(--oria-motion-easing-standard), filter var(--oria-motion-duration-fast) var(--oria-motion-easing-standard);border:0;flex:none;place-items:center;padding:0;display:grid}.editor-panel{z-index:80;border:var(--oria-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-border) 72%, transparent);border-radius:var(--oria-shape-radius-xl);width:min(42rem,100vw - 1rem);box-shadow:var(--oria-elevation-shadow-xl);transform-origin:100%;position:fixed;top:.5rem;bottom:.5rem;right:.5rem;overflow:hidden}.editor-panel[data-state=closing]{pointer-events:none}.editor-loading{width:100%;height:100%;min-height:12rem;padding:var(--oria-spacing-6);color:var(--oria-color-mutedForeground);background:var(--oria-color-surface);font-size:var(--oria-typography-size-sm);font-weight:var(--oria-typography-weight-semibold);text-align:center;place-items:center;display:grid}.demo-stage[data-editor-state=opening],.demo-stage[data-editor-state=open],.demo-stage[data-editor-state=closing]{--oria-editor-sidebar-width:clamp(22rem, 36vw, 42rem);width:100%;max-width:100vw;min-height:100dvh;transition:grid-template-columns var(--oria-motion-duration-normal) var(--oria-motion-easing-entrance);grid-template-columns:minmax(0,1fr) minmax(0,0);align-items:start;display:grid;overflow:clip}.demo-stage[data-editor-state=open]{grid-template-columns:minmax(0, 1fr) minmax(0, var(--oria-editor-sidebar-width))}.demo-stage[data-editor-state=opening] .demo-shell,.demo-stage[data-editor-state=open] .demo-shell,.demo-stage[data-editor-state=closing] .demo-shell{width:min(calc(100% - var(--oria-spacing-10)), 75rem);margin-left:auto;margin-right:auto}.editor-sidebar{z-index:80;width:var(--oria-editor-sidebar-width);min-width:var(--oria-editor-sidebar-width);border-width:0 0 0 var(--oria-shape-borderWidth-hairline);border-radius:0;align-self:start;max-width:none;height:100dvh;position:sticky;top:0;bottom:auto;right:auto}.editor-sidebar [data-oria-editor-root],.editor-sidebar [data-oria-editor-controls]{min-width:0;max-width:100%}.editor-panel [data-oria-editor-root]{width: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:var(--oria-spacing-2);color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-wide);display:grid}.editor-panel [data-oria-editor-token-list]{gap:var(--oria-spacing-4);grid-template-columns:repeat(2,minmax(0,1fr))}.editor-panel textarea{width:100%;min-height:4rem;padding:var(--oria-spacing-2);resize:vertical}.editor-panel>[data-oria-editor-root]>label{margin-top:var(--oria-spacing-4)}.editor-panel [data-oria-editor-tabs]{top:auto}.editor-panel [data-oria-editor-split]{overscroll-behavior:contain;min-height:0;padding-bottom:1rem;display:block;overflow-y:auto}.editor-panel [data-oria-editor-workspace]{padding-bottom:2rem}.editor-panel [data-oria-editor-scale]{margin-top:var(--oria-spacing-3);padding:var(--oria-spacing-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:var(--oria-spacing-2);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.editor-panel [data-oria-editor-scale-summary]>label{gap:var(--oria-spacing-1);color:var(--oria-editor-muted);font-size:var(--oria-typography-size-xs);display:grid}.editor-panel [data-oria-editor-scale-summary]>label input{width:100%;min-height:var(--oria-control-height-sm);padding:var(--oria-spacing-2) var(--oria-control-paddingInline-sm);color:inherit;background:var(--oria-editor-surface);border:var(--oria-shape-borderWidth-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:var(--oria-spacing-3);height:var(--oria-spacing-5);background:color-mix(in srgb, var(--oria-editor-accent) 24%, var(--oria-editor-surface));border:var(--oria-shape-borderWidth-default) solid var(--oria-editor-border);border-radius:var(--oria-shape-radius-xs);flex:1}.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-typography-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:var(--oria-spacing-1) var(--oria-control-paddingInline-sm);box-shadow:none;font-size:var(--oria-typography-size-xs)}.editor-panel [data-oria-editor-scale-values] [data-oria-editor-field]{padding-bottom:0}@keyframes editor-reveal{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes editor-sidebar-dismiss{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.token-gallery{margin-top:var(--oria-spacing-16)}.token-heading{gap:var(--oria-spacing-8);padding:0 var(--oria-spacing-4) var(--oria-spacing-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-typography-size-2xl), 4.4vw, var(--oria-typography-size-4xl))}.token-heading>p{color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-md);line-height:var(--oria-typography-lineHeight-relaxed);margin:0}.token-gallery{gap:var(--oria-spacing-4);grid-template-columns:repeat(12,1fr);display:grid}.token-heading{grid-column:1/-1}.token-card{min-width:0;padding:clamp(var(--oria-spacing-5), 2.5vw, var(--oria-spacing-8));color:var(--oria-color-surfaceRaisedForeground);background:var(--oria-color-surfaceRaised);border:var(--oria-shape-borderWidth-default) solid var(--oria-color-border);border-radius:var(--oria-shape-radius-xl);box-shadow:var(--oria-elevation-shadow-md)}.palette-card,.semantic-feedback-card,.chart-card,.system-card{grid-column:1/-1}.token-card-heading{justify-content:space-between;align-items:flex-start;gap:var(--oria-spacing-4);margin-bottom:var(--oria-spacing-6);display:flex}.token-card-heading h3{margin:var(--oria-spacing-1) 0 0;font-family:var(--oria-typography-font-display);font-size:var(--oria-typography-size-xl);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-tight);line-height:var(--oria-typography-lineHeight-tight)}.token-card-heading>code{padding:var(--oria-spacing-1) var(--oria-spacing-2);background:var(--oria-color-muted);border-radius:var(--oria-shape-radius-sm)}.color-library-card .token-card-heading{align-items:end}.color-library-card .token-card-heading p:last-child{max-width:42rem;margin:var(--oria-spacing-2) 0 0;color:var(--oria-color-mutedForeground)}.color-library-grid{gap:var(--oria-spacing-6);display:grid}.color-family{min-width:0;padding-top:var(--oria-spacing-4);border-top:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-border)}.color-family-heading{justify-content:space-between;align-items:baseline;gap:var(--oria-spacing-3);margin-bottom:var(--oria-spacing-3);display:flex}.color-family-heading strong{font-size:var(--oria-typography-size-md);text-transform:capitalize}.color-family-heading code{color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs)}.color-scale-scroll{max-width:100%;padding-bottom:var(--oria-spacing-2);scrollbar-width:thin;overflow-x:auto}.color-scale{gap:var(--oria-spacing-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-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-borderStrong) 48%, transparent);border-radius:var(--oria-shape-radius-sm);box-shadow:var(--oria-elevation-shadow-xs);display:block}.color-swatch span,.color-swatch code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.color-swatch span{margin-top:var(--oria-spacing-2);color:var(--oria-color-surfaceForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-bold)}.color-swatch code{margin-top:var(--oria-spacing-1);color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs)}.special-colors{margin-top:var(--oria-spacing-8);padding-top:var(--oria-spacing-5);border-top:var(--oria-shape-borderWidth-default) solid var(--oria-color-borderStrong)}.special-color-grid{gap:var(--oria-spacing-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.special-color-swatch{padding:var(--oria-spacing-2);background:var(--oria-color-muted);border-radius:var(--oria-shape-radius-md)}.special-color-swatch i{background-image:linear-gradient(45deg, color-mix(in srgb, var(--oria-color-mutedForeground) 16%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--oria-color-mutedForeground) 16%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--oria-color-mutedForeground) 16%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--oria-color-mutedForeground) 16%, transparent) 75%);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:var(--oria-spacing-8);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);display:grid}.semantic-feedback-card h4,.chart-card h4{margin:0 0 var(--oria-spacing-3);color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-wide);text-transform:uppercase}.color-pair-grid{gap:var(--oria-spacing-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:var(--oria-spacing-3);min-width:0;padding:var(--oria-spacing-2);background:var(--oria-color-surface);border-radius:var(--oria-shape-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-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-borderStrong) 54%, transparent);border-radius:var(--oria-shape-radius-sm);place-items:center;font-style:normal;display:grid}.color-pair i b{font-family:var(--oria-typography-font-display);font-size:var(--oria-typography-size-md);font-weight:var(--oria-typography-weight-black);letter-spacing:var(--oria-typography-letterSpacing-tight)}.color-pair-ring i{box-shadow:inset 0 0 0 var(--oria-shape-focusRingWidth) var(--oria-color-ring)}.color-pair span,.interaction-family>span,.system-specimens span,.type-specimen span{color:var(--oria-color-surfaceForeground);font-size:var(--oria-typography-size-sm);font-weight:var(--oria-typography-weight-semibold);letter-spacing:var(--oria-typography-letterSpacing-normal)}.color-pair code,.interaction-family code,.system-specimens code,.type-specimen code{margin-top:var(--oria-spacing-1);font-weight:var(--oria-typography-weight-normal);display:block}.interaction-section{margin-top:var(--oria-spacing-6);padding-top:var(--oria-spacing-5);border-top:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-border)}.interaction-grid{gap:var(--oria-spacing-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.interaction-family{gap:var(--oria-spacing-3);min-width:0;padding:var(--oria-spacing-3);background:var(--oria-color-surface);border-radius:var(--oria-shape-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-shape-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-typography-size-xs);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-normal)}.chart-visuals{gap:var(--oria-spacing-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:var(--oria-spacing-2);padding:var(--oria-spacing-4) var(--oria-spacing-2) 0;border-bottom:var(--oria-shape-borderWidth-default) solid var(--oria-color-borderStrong);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:var(--oria-spacing-2);border:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-border);border-radius:var(--oria-shape-radius-md) var(--oria-shape-radius-md) 0 0;box-shadow:var(--oria-elevation-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-surfaceForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-semibold);display:block}.chart-swatch code{margin-top:var(--oria-spacing-1);font-weight:var(--oria-typography-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-chart1) 0 12.5%, var(--oria-color-chart2) 12.5% 25%, var(--oria-color-chart3) 25% 37.5%, var(--oria-color-chart4) 37.5% 50%, var(--oria-color-chart5) 50% 62.5%, var(--oria-color-chart6) 62.5% 75%, var(--oria-color-chart7) 75% 87.5%, var(--oria-color-chart8) 87.5% 100%);border-radius:var(--oria-shape-radius-full);box-shadow:var(--oria-elevation-shadow-md);place-self:center;place-items:center;display:grid;position:relative}.chart-donut:before{aspect-ratio:1;content:"";background:var(--oria-color-surfaceRaised);border:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-border);border-radius:var(--oria-shape-radius-full);width:56%;box-shadow:var(--oria-elevation-shadow-inner);position:absolute}.chart-donut>span{z-index:1;color:var(--oria-color-surfaceRaisedForeground);place-items:center;display:grid;position:relative}.chart-donut strong{font-family:var(--oria-typography-font-display);font-size:var(--oria-typography-size-3xl);font-weight:var(--oria-typography-weight-black);line-height:var(--oria-typography-lineHeight-tight)}.chart-donut small{color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-semibold);letter-spacing:var(--oria-typography-letterSpacing-wide);text-transform:uppercase}.typography-card{grid-column:1/-1}.rhythm-card,.control-shape-card,.gradient-card,.motion-card{grid-column:span 6}.elevation-card,.effects-card{grid-column:1/-1}.typography-overview{gap:var(--oria-spacing-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.typography-overview h4,.type-size-section h4,.rhythm-columns h4,.effect-columns h4,.motion-card h4{margin:0 0 var(--oria-spacing-3);color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-wide);text-transform:uppercase}.font-family-grid{gap:var(--oria-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.font-family-specimen{gap:var(--oria-spacing-4);min-width:0;padding:var(--oria-spacing-4);background:var(--oria-color-surface);border:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-border);border-radius:var(--oria-shape-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-typography-size-3xl);font-weight:var(--oria-typography-weight-bold);line-height:var(--oria-typography-lineHeight-tight)}.font-family-specimen span,.weight-scale span,.font-size-scale span,.radius-scale span,.shadow-scale span,.gradient-list span,.motion-list span{min-width:0;color:var(--oria-color-surfaceForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-semibold);letter-spacing:var(--oria-typography-letterSpacing-normal)}.font-family-specimen code,.weight-scale code,.font-size-scale code,.radius-scale code,.shadow-scale code,.gradient-list code,.motion-list code{margin-top:var(--oria-spacing-1);font-weight:var(--oria-typography-weight-normal);display:block}.weight-scale{gap:var(--oria-spacing-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.weight-scale>div{gap:var(--oria-spacing-3);min-width:0;padding:var(--oria-spacing-2);background:var(--oria-color-surface);border-radius:var(--oria-shape-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-typography-font-display);font-size:var(--oria-typography-size-xl);line-height:var(--oria-typography-lineHeight-tight)}.font-size-scale{gap:var(--oria-spacing-2);width:100%;min-width:0;padding-top:var(--oria-spacing-2);display:flex;overflow:auto hidden}.type-size-section{margin-top:var(--oria-spacing-6)}.font-size-scale>div{grid-template-rows:calc(var(--oria-typography-size-9xl) * var(--oria-typography-lineHeight-tight)) auto;flex:0 0 calc(var(--oria-control-height-lg) * 2.1);min-width:0;padding:var(--oria-spacing-2);background:var(--oria-color-surface);border-radius:var(--oria-shape-radius-md);display:grid}.font-size-scale>div:nth-child(12){flex-basis:calc(var(--oria-typography-size-8xl) * 2)}.font-size-scale>div:nth-child(13){flex-basis:calc(var(--oria-typography-size-9xl) * 2)}.font-size-scale strong{color:var(--oria-color-primary);font-family:var(--oria-typography-font-display);font-weight:var(--oria-typography-weight-bold);line-height:var(--oria-typography-lineHeight-tight);white-space:nowrap;align-self:end}.type-size-section>.font-size-scale{max-width:100%}.rhythm-columns,.effect-columns{gap:var(--oria-spacing-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.line-height-list,.letter-spacing-list{gap:var(--oria-spacing-2);display:grid}.line-height-list>div,.letter-spacing-list>div{justify-content:space-between;align-items:center;gap:var(--oria-spacing-3);min-width:0;padding:var(--oria-spacing-3);background:var(--oria-color-surface);border-radius:var(--oria-shape-radius-md);display:flex}.line-height-list p{color:var(--oria-color-surfaceForeground);font-size:var(--oria-typography-size-sm);margin:0}.letter-spacing-list strong{min-width:0;color:var(--oria-color-surfaceForeground);font-size:var(--oria-typography-size-sm);font-weight:var(--oria-typography-weight-bold);white-space:nowrap;overflow:hidden}.line-height-list code,.letter-spacing-list code{flex:none}.control-size-list{gap:var(--oria-spacing-3);flex-wrap:wrap;align-items:center;display:flex}.control-size-list button{align-items:center;gap:var(--oria-spacing-2);color:var(--oria-color-primaryForeground);background:var(--oria-color-primary);border-radius:var(--oria-shape-radius-md);box-shadow:var(--oria-elevation-shadow-sm);font-size:var(--oria-typography-size-sm);font-weight:var(--oria-typography-weight-bold);transition:transform var(--oria-motion-duration-fast) var(--oria-motion-easing-standard), filter var(--oria-motion-duration-fast) var(--oria-motion-easing-standard);border:0;display:inline-flex}.control-size-list button code{color:inherit;opacity:var(--oria-effect-opacity-muted)}.radius-scale,.shadow-scale{gap:var(--oria-spacing-3);margin-top:var(--oria-spacing-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:var(--oria-spacing-3);background:var(--oria-color-surface);border:var(--oria-shape-borderWidth-default) solid var(--oria-color-borderStrong);display:block}.shadow-scale{row-gap:var(--oria-spacing-6)}.shadow-scale i{background:var(--oria-color-surfaceRaised);border-radius:var(--oria-shape-radius-md)}.blur-scale,.backdrop-scale{gap:var(--oria-spacing-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.blur-scale>div,.backdrop-scale>div{text-align:center;min-width:0}.blur-scale span,.backdrop-scale span{height:calc(var(--oria-control-height-lg) * 1.6);margin-bottom:var(--oria-spacing-2);border:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-border);border-radius:var(--oria-shape-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:var(--oria-shape-radius-full);width:42%}.backdrop-scale span{background:var(--oria-gradient-background,linear-gradient(135deg, var(--oria-color-primary), var(--oria-color-accent)))}.backdrop-scale b{z-index:0;color:var(--oria-color-surfaceRaisedForeground);font-family:var(--oria-typography-font-display);font-size:var(--oria-typography-size-xl);font-weight:var(--oria-typography-weight-black);letter-spacing:var(--oria-typography-letterSpacing-tight);line-height:var(--oria-typography-lineHeight-tight);position:relative;transform:rotate(-8deg)scale(1.08)}.backdrop-scale i{z-index:1;inset:var(--oria-spacing-2);background:color-mix(in srgb, var(--oria-color-overlay) 38%, transparent);border:var(--oria-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-border) 70%, transparent);border-radius:var(--oria-shape-radius-sm);position:absolute}.gradient-list{gap:var(--oria-spacing-3);display:grid}.gradient-list>div{min-width:0}.gradient-list i{height:calc(var(--oria-control-height-lg) * 1.8);margin-bottom:var(--oria-spacing-2);border:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-border);border-radius:var(--oria-shape-radius-lg);box-shadow:var(--oria-elevation-shadow-sm);display:block}.motion-card section+section{margin-top:var(--oria-spacing-5)}.motion-list{gap:var(--oria-spacing-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.motion-list>div{gap:var(--oria-spacing-3);min-width:0;min-height:var(--oria-control-height-lg);padding:var(--oria-spacing-2);background:var(--oria-color-surface);border-radius:var(--oria-shape-radius-md);grid-template-columns:5rem minmax(0,1fr);align-items:center;display:grid;overflow:hidden}.motion-list>div>i{width:var(--oria-spacing-3);aspect-ratio:1;background:var(--oria-color-primary);border-radius:var(--oria-shape-radius-full);animation-name:token-motion-travel;animation-timing-function:var(--oria-motion-easing-standard);animation-iteration-count:infinite;animation-direction:alternate;display:block}.easing-curve-preview{width:5rem;height:calc(var(--oria-control-height-lg) - var(--oria-spacing-2));background-color:var(--oria-color-surfaceRaised);background-image:linear-gradient(to right, color-mix(in srgb, var(--oria-color-border) 48%, transparent) var(--oria-shape-borderWidth-hairline), transparent var(--oria-shape-borderWidth-hairline)), linear-gradient(to bottom, color-mix(in srgb, var(--oria-color-border) 48%, transparent) var(--oria-shape-borderWidth-hairline), transparent var(--oria-shape-borderWidth-hairline));border:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-border);border-radius:var(--oria-shape-radius-sm);background-size:25% 25%;position:relative;overflow:hidden}.easing-curve-preview:after{right:var(--oria-spacing-2);bottom:var(--oria-spacing-2);width:calc(100% - var(--oria-spacing-4));height:calc(100% - var(--oria-spacing-4));content:"";border-right:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-borderStrong);border-bottom:var(--oria-shape-borderWidth-hairline) solid var(--oria-color-borderStrong);position:absolute}.easing-curve-preview>span{z-index:1;left:var(--oria-spacing-2);bottom:var(--oria-spacing-2);width:var(--oria-spacing-2);height:var(--oria-spacing-2);animation:token-easing-time var(--oria-motion-duration-slow) linear infinite alternate;position:absolute}.easing-curve-preview i{background:var(--oria-color-primary);border-radius:var(--oria-shape-radius-full);width:100%;height:100%;box-shadow:var(--oria-elevation-shadow-sm);animation:token-easing-value var(--oria-motion-duration-slow) var(--sample-easing) infinite alternate;display:block}@keyframes token-motion-travel{0%{transform:translate(0)}to{transform:translateX(calc(5rem - var(--oria-spacing-6)))}}@keyframes token-easing-time{to{transform:translateY(calc((var(--oria-control-height-lg) - var(--oria-spacing-2) - var(--oria-spacing-6)) * -1))}}@keyframes token-easing-value{to{transform:translateX(calc(5rem - var(--oria-spacing-6)))}}.showcase{gap:var(--oria-spacing-4);margin-top:var(--oria-spacing-4);grid-template-columns:repeat(12,1fr);display:grid}.card{min-width:0;padding:clamp(var(--oria-spacing-5), 3vw, var(--oria-spacing-8));color:var(--oria-color-surfaceForeground);background:var(--oria-color-surfaceRaised);border:var(--oria-shape-borderWidth-default) solid var(--oria-color-border);border-radius:var(--oria-shape-radius-xl);box-shadow:var(--oria-elevation-shadow-md)}.card h2{margin:var(--oria-spacing-2) 0 0;color:var(--oria-color-surfaceForeground);font-family:var(--oria-typography-font-display);font-size:clamp(var(--oria-typography-size-xl), 2vw, var(--oria-typography-size-2xl));font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-tight);line-height:var(--oria-typography-lineHeight-tight)}.card p:not(.card-kicker){color:var(--oria-color-mutedForeground);line-height:var(--oria-typography-lineHeight-relaxed)}.project-card{background:var(--oria-gradient-surface,linear-gradient(145deg, color-mix(in srgb, var(--oria-color-primary) 12%, var(--oria-color-surfaceRaised)), var(--oria-color-surfaceRaised) 58%));flex-direction:column;grid-column:span 7;justify-content:space-between;min-height:21rem;display:flex}.project-card h2{max-width:11ch;margin-top:var(--oria-spacing-3);font-size:clamp(var(--oria-typography-size-2xl), 3.6vw, var(--oria-typography-size-4xl))}.project-card p:not(.card-kicker){max-width:32rem}.badge{min-height:var(--oria-control-height-sm);padding:0 var(--oria-control-paddingInline-sm);border-radius:var(--oria-shape-radius-full);color:var(--oria-color-accentForeground);background:var(--oria-color-accent);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-wide);align-items:center;display:inline-flex}.actions{gap:var(--oria-spacing-3);flex-wrap:wrap;display:flex}.actions button,.icon-button,.quiet-button{min-height:var(--oria-control-height-md);border-radius:var(--oria-shape-radius-md);font-size:var(--oria-typography-size-sm);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-normal);transition:transform var(--oria-motion-duration-fast) var(--oria-motion-easing-standard), filter var(--oria-motion-duration-fast) var(--oria-motion-easing-standard)}.actions button{padding:0 var(--oria-control-paddingInline-md);color:var(--oria-color-primaryForeground);background:var(--oria-color-primary);border:0}.actions .secondary{color:var(--oria-color-secondaryForeground);background:var(--oria-color-secondary)}.people-card{grid-column:span 5}.card-heading{justify-content:space-between;align-items:flex-start;gap:var(--oria-spacing-4);display:flex}.icon-button{width:var(--oria-control-height-md);border:var(--oria-shape-borderWidth-default) solid var(--oria-color-border);color:var(--oria-color-foreground);background:var(--oria-color-surface);font-size:var(--oria-typography-size-xl);padding:0}.search-control{margin:var(--oria-spacing-5) 0 var(--oria-spacing-3);display:block;position:relative}.people-card .search-control input{padding-inline-start:calc(var(--oria-spacing-3) + var(--oria-typography-size-xl) + var(--oria-spacing-2))}.search-icon{z-index:1;top:50%;color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xl);line-height:var(--oria-typography-lineHeight-tight);pointer-events:none;position:absolute;inset-inline-start:var(--oria-spacing-3);transform:translateY(-55%)}.people-list>div{grid-template-columns:var(--oria-control-height-md) minmax(0, 1fr) auto;gap:var(--oria-spacing-3);padding:var(--oria-spacing-3) 0;border-top:var(--oria-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-border) 70%, transparent);align-items:center;display:grid}.avatar{width:var(--oria-control-height-md);height:var(--oria-control-height-md);border-radius:var(--oria-shape-radius-md);color:var(--oria-color-accentForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-wide);place-items:center;display:grid}.avatar-a{background:var(--oria-color-accent)}.avatar-b{color:var(--oria-color-primaryForeground);background:var(--oria-color-primary)}.people-list p{color:var(--oria-color-surfaceForeground);font-size:var(--oria-typography-size-sm);font-weight:var(--oria-typography-weight-semibold);letter-spacing:var(--oria-typography-letterSpacing-normal);margin:0}.people-list small{margin-top:var(--oria-spacing-1);color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-normal);display:block}.presence{color:var(--oria-color-success);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-semibold);letter-spacing:var(--oria-typography-letterSpacing-normal)}.stats{grid-column:span 4}.stats strong{margin:var(--oria-spacing-3) 0 var(--oria-spacing-1);font-family:var(--oria-typography-font-display);font-size:clamp(var(--oria-typography-size-3xl), 4vw, var(--oria-typography-size-4xl));font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-tight);line-height:var(--oria-typography-lineHeight-tight);display:block}.stats>div:not(.chart){gap:var(--oria-spacing-2);color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs);align-items:center;display:flex}.positive{color:var(--oria-color-success);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-normal)}.chart{align-items:flex-end;gap:var(--oria-spacing-2);height:4.1rem;margin-top:var(--oria-spacing-5);display:flex}.chart i{border-radius:var(--oria-shape-radius-full);background:color-mix(in srgb, var(--oria-color-primary) 25%, transparent);width:100%}.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-card{grid-column:span 8}.quiet-button{color:var(--oria-color-primary);background:0 0;border:0;padding:0}table{width:100%;margin-top:var(--oria-spacing-4);border-collapse:collapse;font-size:var(--oria-typography-size-sm)}th,td{padding:var(--oria-spacing-3) 0;border-bottom:var(--oria-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-border) 70%, transparent);text-align:left}th{color:var(--oria-color-mutedForeground);font-size:var(--oria-typography-size-xs);font-weight:var(--oria-typography-weight-bold);letter-spacing:var(--oria-typography-letterSpacing-wide);text-transform:uppercase}td:last-child,th:last-child{text-align:right}.table-card .badge{min-height:auto;font-size:var(--oria-typography-size-xs)}.badge.ready{color:var(--oria-color-success);background:color-mix(in srgb, var(--oria-color-success) 14%, transparent)}.badge.progress{color:var(--oria-color-primary);background:color-mix(in srgb, var(--oria-color-primary) 14%, transparent)}button:active{transform:scale(.97)}@media (hover:hover){.custom-button:hover,.editor-trigger:hover,.actions button:hover,.icon-button:hover,.quiet-button:hover{filter:brightness(1.06);transform:translateY(-1px)}}@media (max-width:840px){.controls{grid-template-columns:1fr 1fr}.control-heading{grid-column:1/-1}.custom-button{grid-column:auto;justify-self:stretch}.token-heading{gap:var(--oria-spacing-3);grid-template-columns:1fr}.palette-card{grid-column:1/-1}.color-showcase-columns{grid-template-columns:1fr}.typography-card,.rhythm-card,.control-shape-card,.gradient-card,.motion-card,.project-card{grid-column:span 12}.people-card,.stats{grid-column:span 6}.table-card{grid-column:span 12}}@media (max-width:959px){.demo-stage[data-editor-state=opening],.demo-stage[data-editor-state=open],.demo-stage[data-editor-state=closing]{transition:none;display:block}.editor-sidebar{--oria-editor-sidebar-width:min(42rem, calc(100vw - 1rem));width:var(--oria-editor-sidebar-width);min-width:0;max-width:var(--oria-editor-sidebar-width);border:var(--oria-shape-borderWidth-hairline) solid color-mix(in srgb, var(--oria-color-border) 72%, transparent);border-radius:var(--oria-shape-radius-xl);height:auto;position:fixed;top:.5rem;bottom:.5rem;right:.5rem}.editor-sidebar [data-oria-editor-root]{height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem)}.editor-panel[data-state=opening]{pointer-events:none;opacity:0;transform:translate(100%)}.editor-panel[data-state=open]{animation:editor-reveal var(--oria-motion-duration-normal) var(--oria-motion-easing-entrance)}.editor-panel[data-state=closing]{animation:editor-sidebar-dismiss var(--oria-motion-duration-normal) var(--oria-motion-easing-exit)}}@media (max-width:600px){.demo-shell{width:min(100% - var(--oria-spacing-5), 75rem);padding-top:var(--oria-spacing-2)}.topbar{top:var(--oria-spacing-2);gap:var(--oria-spacing-2);padding-inline:var(--oria-spacing-2)}.topbar-brand{gap:var(--oria-spacing-1)}.framework-pill{padding:var(--oria-spacing-1) var(--oria-spacing-2)}.topbar-actions{gap:var(--oria-spacing-1)}.topbar .theme-picker{width:min(10rem,33vw)}.topbar .mode-control>div{width:calc(var(--oria-control-height-md) * 2.25)}.topbar .editor-trigger{width:calc(var(--oria-control-height-md) - var(--oria-spacing-1));padding:0}.hero{padding:var(--oria-spacing-16) var(--oria-spacing-2) var(--oria-spacing-10);grid-template-columns:1fr}.diffusion-visual{display:none}.hero h1{font-size:clamp(var(--oria-typography-size-4xl), 15vw, var(--oria-typography-size-6xl))}.controls{gap:var(--oria-spacing-4);padding:var(--oria-spacing-5);grid-template-columns:1fr}.custom-button{grid-column:auto}.editor-intro{gap:var(--oria-spacing-4);align-items:start;display:grid}.editor-trigger{width:100%}.topbar .editor-trigger{width:calc(var(--oria-control-height-md) - var(--oria-spacing-1))}.editor-panel [data-oria-editor-token-list]{grid-template-columns:1fr}.token-gallery{margin-top:var(--oria-spacing-12)}.token-heading{padding-inline:var(--oria-spacing-2)}.palette-card,.semantic-feedback-card,.typography-card,.rhythm-card,.control-shape-card,.elevation-card,.effects-card,.gradient-card,.motion-card,.project-card,.people-card,.stats,.table-card{grid-column:span 12}.color-pair-grid,.interaction-grid,.chart-visuals,.interaction-family,.typography-overview,.font-family-grid,.rhythm-columns,.effect-columns{grid-template-columns:1fr}.weight-scale,.radius-scale,.shadow-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.blur-scale,.backdrop-scale{grid-template-columns:repeat(4,minmax(0,1fr))}.motion-list{grid-template-columns:1fr}.color-family-heading{align-items:flex-start;gap:var(--oria-spacing-1);flex-direction:column}.special-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-specimens{grid-template-columns:1fr}.project-card{min-height:19rem}.table-card{overflow-x:auto}.table-card table{min-width:25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:var(--oria-motion-duration-instant)!important;animation-duration:var(--oria-motion-duration-instant)!important}.diffusion-visual:before,.diffusion-visual:after,.diffusion-visual span,.diffusion-visual i{animation:none;transform:none}}@media (prefers-reduced-transparency:reduce){.topbar,.controls,.theme-picker-menu{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){.topbar,.controls,.token-card,.card{border-width:var(--oria-shape-borderWidth-strong)}}