:root{--ds-primitive-color-obsidian-600:#15252b;--ds-primitive-color-obsidian-650:#111;--ds-primitive-color-obsidian-700:#10161d;--ds-primitive-color-obsidian-750:#0e1720;--ds-primitive-color-obsidian-800:#0b0f14;--ds-primitive-color-obsidian-825:#091017;--ds-primitive-color-obsidian-850:#080c11;--ds-primitive-color-obsidian-900:#06080b;--ds-primitive-color-obsidian-925:#05090e;--ds-primitive-color-obsidian-950:#030509;--ds-primitive-color-slate-50:#f4f8fb;--ds-primitive-color-slate-200:#b7c3d0;--ds-primitive-color-slate-300:#a2b3bb;--ds-primitive-color-slate-400:#8a99aa;--ds-primitive-color-slate-500:#6f7b8b;--ds-primitive-color-slate-700:#3a4a5b;--ds-primitive-color-slate-750:#263744;--ds-primitive-color-slate-800:#26313e;--ds-primitive-color-cyan-50:#e9faff;--ds-primitive-color-cyan-200:#b9eef4;--ds-primitive-color-cyan-400:#61d8f5;--ds-primitive-color-cyan-950:#071016;--ds-primitive-color-emerald-300:#6ee7b7;--ds-primitive-color-coral-200:#fecaca;--ds-primitive-color-coral-300:#fca5a5;--ds-primitive-color-coral-950:#1a0d10;--ds-primitive-color-brass-300:#d5c29e;--ds-primitive-font-sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--ds-primitive-font-mono:"IBM Plex Mono", ui-monospace, monospace;--ds-primitive-radius-xs:8px;--ds-primitive-radius-sm:10px;--ds-primitive-radius-md:14px;--ds-primitive-radius-lg:16px;--ds-primitive-radius-pill:999px;--ds-primitive-space-1:4px;--ds-primitive-space-2:8px;--ds-primitive-space-3:12px;--ds-primitive-space-4:16px;--ds-primitive-space-5:20px;--ds-primitive-space-6:24px;--ds-primitive-space-7:28px;--ds-primitive-space-8:32px;--ds-primitive-size-touch-min:44px;--ds-primitive-size-action-md:48px;--ds-primitive-size-action-lg:52px;--ds-primitive-motion-fast:.15s;--ds-primitive-motion-base:.165s;--ds-primitive-motion-ease-standard:cubic-bezier(.2, 0, 0, 1);--ds-semantic-bg-canvas:var(--ds-primitive-color-obsidian-900);--ds-semantic-bg-stage:var(--ds-primitive-color-obsidian-950);--ds-semantic-bg-hybrid:var(--ds-primitive-color-obsidian-925);--ds-semantic-surface-default:var(--ds-primitive-color-obsidian-800);--ds-semantic-surface-raised:var(--ds-primitive-color-obsidian-700);--ds-semantic-surface-quiet:var(--ds-primitive-color-obsidian-850);--ds-semantic-surface-band:var(--ds-primitive-color-obsidian-650);--ds-semantic-surface-hybrid:var(--ds-primitive-color-obsidian-825);--ds-semantic-border-subtle:var(--ds-primitive-color-slate-800);--ds-semantic-border-strong:var(--ds-primitive-color-slate-700);--ds-semantic-border-accent:var(--ds-primitive-color-cyan-400);--ds-semantic-border-hybrid:var(--ds-primitive-color-slate-750);--ds-semantic-text-primary:var(--ds-primitive-color-slate-50);--ds-semantic-text-secondary:var(--ds-primitive-color-slate-200);--ds-semantic-text-muted:var(--ds-primitive-color-slate-400);--ds-semantic-text-inverse:var(--ds-primitive-color-cyan-950);--ds-semantic-accent-surface:var(--ds-primitive-color-cyan-50);--ds-semantic-accent-signal:var(--ds-primitive-color-cyan-400);--ds-semantic-accent-brass:var(--ds-primitive-color-brass-300);--ds-semantic-status-online:var(--ds-primitive-color-emerald-300);--ds-semantic-status-danger:var(--ds-primitive-color-coral-300);--ds-semantic-status-danger-text:var(--ds-primitive-color-coral-200);--ds-semantic-status-danger-bg:var(--ds-primitive-color-coral-950);--ds-comp-button-primary-bg:var(--ds-semantic-accent-surface);--ds-comp-button-primary-text:var(--ds-semantic-text-inverse);--ds-comp-button-primary-border:var(--ds-semantic-border-accent);--ds-comp-button-secondary-bg:var(--ds-semantic-surface-quiet);--ds-comp-button-secondary-text:var(--ds-semantic-text-primary);--ds-comp-button-secondary-border:var(--ds-semantic-border-strong);--ds-comp-button-min-height:var(--ds-primitive-size-action-md);--ds-comp-button-radius:var(--ds-primitive-radius-md);--ds-comp-panel-bg:var(--ds-semantic-surface-default);--ds-comp-panel-border:var(--ds-semantic-border-subtle);--ds-comp-panel-radius:var(--ds-primitive-radius-lg);--ds-comp-tile-bg:var(--ds-semantic-surface-quiet);--ds-comp-tile-active-bg:var(--ds-semantic-surface-raised);--ds-comp-tile-border:var(--ds-semantic-border-subtle);--ds-comp-tile-active-border:var(--ds-semantic-border-accent);--ds-comp-tile-radius:var(--ds-primitive-radius-md);--ds-comp-chip-bg:var(--ds-semantic-surface-quiet);--ds-comp-chip-active-bg:var(--ds-semantic-accent-surface);--ds-comp-chip-active-text:var(--ds-semantic-text-inverse);--ds-comp-chip-radius:var(--ds-primitive-radius-pill);--ds-comp-badge-height:var(--ds-primitive-size-touch-min);--ds-comp-badge-radius:var(--ds-primitive-radius-pill);--ds-comp-hybrid-option-bg:var(--ds-primitive-color-obsidian-750);--ds-comp-hybrid-option-active-bg:var(--ds-primitive-color-obsidian-600);--ds-comp-hybrid-muted-text:var(--ds-primitive-color-slate-300);--bg:var(--ds-semantic-bg-canvas);--surface:var(--ds-semantic-surface-default);--surface-raised:var(--ds-semantic-surface-raised);--surface-quiet:var(--ds-semantic-surface-quiet);--border:var(--ds-semantic-border-subtle);--border-strong:var(--ds-semantic-border-strong);--text:var(--ds-semantic-text-primary);--text-secondary:var(--ds-semantic-text-secondary);--text-muted:var(--ds-semantic-text-muted);--accent:var(--ds-semantic-accent-surface);--accent-strong:var(--ds-semantic-accent-signal);--brand-surface:var(--ds-semantic-accent-surface);--brand-band:var(--ds-semantic-surface-band);--brand-cyan:var(--ds-semantic-accent-signal);--brand-ink:var(--ds-semantic-text-inverse);--success:var(--ds-semantic-status-online);--danger:var(--ds-semantic-status-danger);--radius-sm:var(--ds-primitive-radius-sm);--radius:var(--ds-primitive-radius-md);--radius-lg:var(--ds-primitive-radius-lg)}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-3{left:.75rem}.right-2{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.max-h-screen{max-height:100vh}.min-h-\[2rem\]{min-height:2rem}.min-h-screen{min-height:100vh}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[104px\]{width:104px}.w-full{width:100%}.w-px{width:1px}.min-w-\[10rem\]{min-width:10rem}.max-w-md{max-width:28rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-4{border-width:4px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{border-color:hsl(var(--ui-border))}.border-destructive{border-color:hsl(var(--ui-destructive))}.border-input{border-color:hsl(var(--ui-input))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-t-slate-800{--tw-border-opacity:1;border-top-color:rgb(30 41 59/var(--tw-border-opacity,1))}.bg-background{background-color:hsl(var(--ui-background))}.bg-card{background-color:hsl(var(--ui-card))}.bg-destructive{background-color:hsl(var(--ui-destructive))}.bg-destructive\/10{background-color:hsl(var(--ui-destructive) / .1)}.bg-foreground{background-color:hsl(var(--ui-foreground))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.bg-primary{background-color:hsl(var(--ui-primary))}.bg-secondary{background-color:hsl(var(--ui-secondary))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-5{padding-left:1.25rem}.pr-8{padding-right:2rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-7xl{font-size:4.5rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-destructive{color:hsl(var(--ui-destructive))}.text-destructive-foreground{color:hsl(var(--ui-destructive-foreground))}.text-foreground{color:hsl(var(--ui-foreground))}.text-foreground\/50{color:hsl(var(--ui-foreground) / .5)}.text-muted-foreground{color:hsl(var(--ui-muted-foreground))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-primary{color:hsl(var(--ui-primary))}.text-primary-foreground{color:hsl(var(--ui-primary-foreground))}.text-secondary-foreground{color:hsl(var(--ui-secondary-foreground))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-primary{accent-color:hsl(var(--ui-primary))}.opacity-0{opacity:0}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-ring{--tw-ring-color:hsl(var(--ui-ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--ui-background))}.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)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.running{animation-play-state:running}:root{color:#f4f8fb;font-synthesis:none;text-rendering:optimizelegibility;--bg:#06080b;--surface:#0b0f14;--surface-raised:#10161d;--surface-quiet:#080c11;--border:#26313e;--border-strong:#3a4a5b;--text:#f4f8fb;--text-secondary:#b7c3d0;--text-muted:#8a99aa;--accent:#e9faff;--accent-strong:var(--brand-cyan);--brand-surface:#e9faff;--brand-band:#111;--brand-cyan:#61d8f5;--brand-ink:#071016;--success:#6ee7b7;--danger:#fca5a5;--radius-sm:10px;--radius:14px;--radius-lg:16px;--shadow-elevated:0 22px 60px #00000052;--focus:0 0 0 3px #e9faff47;--ui-background:216 29% 3%;--ui-foreground:210 43% 97%;--ui-card:211 29% 6%;--ui-card-foreground:210 43% 97%;--ui-popover:211 29% 6%;--ui-popover-foreground:210 43% 97%;--ui-primary:190 100% 95%;--ui-primary-foreground:200 55% 6%;--ui-secondary:211 30% 9%;--ui-secondary-foreground:210 43% 97%;--ui-muted:211 30% 9%;--ui-muted-foreground:211 16% 62%;--ui-accent:190 100% 95%;--ui-accent-foreground:200 55% 6%;--ui-destructive:0 95% 82%;--ui-destructive-foreground:0 0% 7%;--ui-border:211 24% 20%;--ui-input:211 24% 20%;--ui-ring:190 82% 67%;--ui-chart-1:190 82% 67%;--ui-chart-2:200 70% 55%;--ui-chart-3:170 60% 60%;--ui-chart-4:260 60% 70%;--ui-chart-5:320 60% 70%;--font-heading:"Manrope", ui-sans-serif, system-ui, sans-serif;--font-body:"Manrope", ui-sans-serif, system-ui, sans-serif;--font-display:"IBM Plex Mono", ui-monospace, monospace;--font-mono:"IBM Plex Mono", ui-monospace, monospace;background:#06080b;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}::selection{color:#fff;background:#61d8f53d}*{scrollbar-width:thin;scrollbar-color:#344355 #090c10}textarea,input,select{caret-color:var(--accent)}:focus-visible{box-shadow:var(--focus);outline:none}.studio-page,.connect-page{min-height:100vh;padding:max(24px, env(safe-area-inset-top)) clamp(16px, 4vw, 64px) max(56px, env(safe-area-inset-bottom));background:radial-gradient(circle at 86% 0%, #61d8f50e, transparent 24rem), var(--bg)}.topbar,.connect-topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto;display:flex}.topbar{background:var(--brand-band);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated), inset 0 -1px 0 #61d8f54d;padding:12px 18px}.topbar .brand-mark{background:var(--brand-surface);border-color:var(--brand-surface)}.topbar .brand-mark svg{color:var(--brand-ink)}.topbar .brand-copy strong{color:#fff;text-transform:uppercase;letter-spacing:.16em}.topbar .brand-copy>span{color:var(--brand-surface);opacity:.72}.topbar .connect-link,.topbar .status-chip{color:#f4f8fbd1;background:0 0;border-color:#e9faff42}.topbar .connect-link:hover{border-color:var(--brand-cyan);color:#fff;background:#e9faff14}.topbar .connect-link svg{color:var(--brand-cyan)}.topbar .status-chip.online .status-dot{background:var(--brand-cyan)}.brand-lockup{align-items:center;gap:11px;min-height:44px;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--border);background:var(--surface-raised);border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.brand-mark svg{width:19px;height:19px;color:var(--accent)}.brand-copy{gap:1px;display:grid}.brand-copy strong{letter-spacing:.11em;font-size:13px}.brand-copy>span{color:var(--text-muted);font-size:12px}.top-actions{align-items:center;gap:10px;display:flex}.connect-link,.back-link{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;color:var(--text-secondary);background:var(--surface-quiet);justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.connect-link:hover,.back-link:hover{border-color:var(--border-strong);color:var(--text)}.connect-link svg,.back-link svg{width:17px;height:17px}.status-chip{border:1px solid var(--border);background:var(--surface-quiet);min-height:44px;color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:inline-flex}.status-dot{background:#e9faff61;border-radius:50%;width:7px;height:7px}.status-chip.online .status-dot{background:var(--success)}.status-chip.offline .status-dot{background:var(--danger)}.status-chip.locked .status-dot{background:#e9faff8c}.auth-notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-quiet);color:var(--text-secondary);margin:0 0 16px;padding:12px 14px;font-size:12px;line-height:1.5}.auth-notice a{color:var(--accent);text-underline-offset:3px;font-weight:700}.hero-copy{max-width:1180px;margin:clamp(68px,9vw,132px) auto clamp(48px,6vw,76px)}.hero-copy h1{letter-spacing:-.038em;text-wrap:balance;max-width:1040px;margin:0 0 24px;font-size:clamp(3.4rem,7.7vw,6rem);font-weight:760;line-height:.96}.hero-copy h1 em{color:var(--accent);font-style:normal}.hero-copy p{max-width:70ch;color:var(--text-secondary);margin:0;font-size:clamp(17px,1.7vw,21px);line-height:1.65}.studio-grid{grid-template-columns:minmax(360px,.9fr) minmax(520px,1.3fr);align-items:stretch;gap:18px;max-width:1440px;margin:0 auto;display:grid}.control-panel,.stage-shell{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);min-width:0}.control-panel{padding:clamp(20px,2.1vw,28px)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.panel-heading h2{letter-spacing:-.02em;margin:0;font-size:19px}.panel-heading p{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.55}.panel-heading>svg{width:22px;height:22px;color:var(--accent);flex:none}.field-group{margin:0 0 24px;position:relative}.field-group label,.preset-fieldset legend{color:var(--text-secondary);margin:0 0 9px;font-size:12px;font-weight:700;display:block}.field-group label span{color:var(--text-muted);font-weight:550}.preset-fieldset{border:0;min-width:0;padding:0}.field-heading{justify-content:flex-end;margin:-27px 0 9px;display:flex}.field-heading>span{color:var(--text-muted);font-size:11px}textarea,select{width:100%;color:var(--text);border:1px solid var(--border);background:var(--surface-quiet);border-radius:var(--radius);outline:none;transition:border-color .16s,background .16s}textarea{resize:vertical;min-height:132px;padding:15px 15px 32px;line-height:1.58}select{text-transform:capitalize;min-height:46px;padding:0 12px}textarea:focus,select:focus{border-color:var(--border-strong);background:#0a0f15}.counter{inset-inline-end:12px;color:var(--text-muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;position:absolute;bottom:10px}.quick-moments{margin:-8px 0 26px}.quick-moments-label{color:var(--text-muted);letter-spacing:.05em;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.quick-moments-actions{flex-wrap:wrap;gap:8px;display:flex}.quick-moments-actions button{border:1px solid var(--border-strong);background:var(--surface-quiet);min-height:44px;color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700}.quick-moments-actions button:hover{border-color:var(--brand-cyan);background:var(--surface-raised);color:var(--text)}.quick-moments-actions button:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:2px}@media (width<=480px){.quick-moments-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-moments-actions button{text-align:left}}.effect-grid{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:9px;display:grid}.effect-tile{border:1px solid var(--border);background:var(--surface-quiet);border-radius:var(--radius);min-width:0;min-height:122px;color:var(--text-muted);text-align:start;cursor:pointer;padding:15px 12px;transition:transform .16s,border-color .16s,background .16s,color .16s}.effect-tile:hover{border-color:var(--border-strong);transform:translateY(-2px)}.effect-tile.active{color:var(--text);border-color:var(--brand-cyan);background:var(--surface-raised);box-shadow:inset 0 0 0 1px #61d8f542}.effect-tile svg{width:23px;height:23px;color:var(--brand-cyan);margin-bottom:20px}.effect-tile span{overflow-wrap:anywhere;font-size:12px;font-weight:750;line-height:1.25;display:block}.effect-tile small{color:var(--text-muted);margin-top:5px;font-size:10px;display:block}.settings-block{gap:20px;margin-bottom:20px;display:grid}.settings-block .field-group{margin-bottom:0}.preview-hint{border-left:2px solid var(--brand-cyan);color:var(--text-secondary);background:#61d8f50e;margin:0 0 18px;padding:10px 12px;font-size:12px;line-height:1.6}.mood-chips{flex-wrap:wrap;gap:7px;display:flex}.mood-chip{border:1px solid var(--border);background:var(--surface-quiet);min-height:40px;color:var(--text-secondary);text-transform:capitalize;cursor:pointer;border-radius:999px;padding:0 15px;font-size:12px;font-weight:650;transition:border-color .16s,background .16s,color .16s}.mood-chip:hover{border-color:var(--border-strong);color:var(--text)}.mood-chip.active{border-color:var(--brand-cyan);background:var(--brand-surface);color:var(--brand-ink)}.intensity-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.intensity-heading label{margin:0}.intensity-value{color:var(--accent);font:500 16px/1 IBM Plex Mono,monospace}.intensity-value span{color:var(--text-muted);font-size:11px}.intensity-control input[type=range]{min-height:34px}.intensity-ticks{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:2px;display:grid}.intensity-ticks span{background:var(--border);border-radius:999px;height:4px}.intensity-ticks span.on{background:var(--brand-cyan)}.control-row{grid-template-columns:.9fr 1.1fr;gap:14px;display:grid}.compact{margin-bottom:20px}.range-field{padding-top:1px}input[type=range]{width:100%;min-height:24px;accent-color:var(--accent-strong);cursor:pointer}.range-hint{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.range-hint b{font-weight:400}.action-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primary-action,.secondary-action{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .15s,opacity .15s,border-color .15s;display:inline-flex}.primary-action{border:1px solid var(--brand-cyan);background:var(--brand-surface);color:var(--brand-ink)}.secondary-action{border:1px solid var(--border-strong);background:var(--surface-quiet);color:var(--text)}.secondary-action:hover{border-color:var(--brand-cyan);color:#fff}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.primary-action:disabled,.secondary-action:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-action svg,.secondary-action svg{width:18px;height:18px}.endpoint-card{border-top:1px solid var(--border);align-items:flex-start;gap:11px;margin-top:20px;padding-top:18px;display:flex}.endpoint-card>svg{width:18px;color:var(--text-muted);margin-top:1px}.endpoint-card div{min-width:0}.endpoint-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;display:block}.endpoint-card code{color:var(--accent);overflow-wrap:anywhere;margin-top:6px;font:500 11px/1.5 IBM Plex Mono,monospace;display:block}.share-block{gap:8px;margin-top:10px;display:grid}.share-action{width:100%}.share-link{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-quiet);padding:10px 12px}.share-link code{color:var(--accent);overflow-wrap:anywhere;font:500 11px/1.55 IBM Plex Mono,monospace;display:block}.share-note{color:var(--text-muted);margin:0;font-size:11px}.share-hero{margin-top:clamp(40px,5vw,68px);margin-bottom:clamp(28px,4vw,44px)}.share-hero h1{font-size:clamp(2.5rem,5.2vw,4rem)}.share-moment{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-quiet);color:var(--text);overflow-wrap:anywhere;margin:0;padding:14px;font-size:15px;line-height:1.6}.share-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px;display:grid}.share-meta>div{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;padding:10px 12px}.share-meta dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.share-meta dd{color:var(--text);text-transform:capitalize;overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;font-weight:650}.error-banner{color:#fecaca;border-radius:var(--radius);background:#1a0d10;border:1px solid #fca5a557;justify-content:space-between;align-items:center;gap:12px;margin:-2px 0 16px;padding:12px;display:flex}.error-banner div{min-width:0}.error-banner strong,.error-banner span{display:block}.error-banner strong{font-size:12px}.error-banner span{overflow-wrap:anywhere;margin-top:3px;font-size:11px}.error-banner button{cursor:pointer;background:0 0;border:1px solid #fca5a573;border-radius:9px;flex:none;min-height:40px;font-size:11px}.stage-shell{flex-direction:column;min-height:660px;padding:14px;display:flex}.stage-meta{justify-content:space-between;align-items:center;gap:16px;padding:5px 5px 15px;display:flex}.stage-meta h2{letter-spacing:-.02em;margin:0;font-size:15px}.stage-meta p{color:var(--text-muted);margin:4px 0 0;font-size:11px}.stage-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface-quiet);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:12px;place-items:center;display:grid}.icon-button:hover{border-color:var(--brand-cyan);color:var(--text)}.icon-button svg{width:18px;height:18px}.icon-button:disabled{opacity:.35;cursor:not-allowed}.stage-frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:#030509;flex:1;min-height:535px;position:relative;overflow:hidden}.stage-frame iframe{border:0;width:100%;height:100%;min-height:535px;display:block}.stage-frame.is-loading:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 35%,#ffffff0e,#0000 65%);animation:1.05s ease-in-out infinite sweep;position:absolute;inset:0}.loading-label{inset-inline:14px;z-index:2;border:1px solid var(--border);width:max-content;max-width:calc(100% - 28px);color:var(--text-secondary);background:#080c11;border-radius:9px;padding:8px 10px;font-size:11px;position:absolute;bottom:14px}.stage-empty{text-align:center;height:100%;min-height:535px;color:var(--text-muted);place-content:center;justify-items:center;display:grid;position:relative}.stage-empty>span{margin-top:28px;font-size:12px}.stage-empty strong{color:var(--text);letter-spacing:-.03em;margin-top:6px;font-size:clamp(20px,3vw,34px)}.orb{border:1px solid #61d8f557;border-radius:50%;place-items:center;width:124px;height:124px;display:grid;box-shadow:0 18px 55px #00000061,inset 0 0 40px #61d8f514}.orb span{background:var(--accent);border-radius:50%;width:22px;height:22px;box-shadow:0 0 38px #a7efff99}.quality-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:0;margin-top:12px;padding-top:12px;display:grid}.quality-strip div{border-inline-end:1px solid var(--border);min-width:0;padding:0 10px}.quality-strip div:last-child{border-inline-end:0}.quality-strip span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;display:block}.quality-strip strong{color:var(--text);margin-top:5px;font:500 15px/1 IBM Plex Mono,monospace;display:block}.principles{border-top:1px solid var(--border);grid-template-columns:minmax(220px,.7fr) 1.6fr;gap:clamp(28px,5vw,72px);max-width:1440px;margin:52px auto 0;padding-top:28px;display:grid}.principles-intro h2{margin:0;font-size:20px}.principles-intro p{color:var(--text-muted);max-width:46ch;margin:8px 0 0;font-size:12px;line-height:1.65}.principle-list{-moz-column-gap:32px;grid-template-columns:repeat(2,1fr);column-gap:32px;display:grid}.principle-list article{border-bottom:1px solid var(--border);padding:0 0 18px}.principle-list article:nth-child(n+3){padding-top:18px}.principle-list span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:750}.principle-list p{color:var(--text-muted);margin:7px 0 0;font-size:12px;line-height:1.58}.connect-page{padding-bottom:80px}.connect-topbar{max-width:1240px}.connect-hero{max-width:1240px;margin:clamp(64px,8vw,108px) auto 38px}.connect-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:900px;margin:0;font-size:clamp(2.7rem,6vw,5.2rem);line-height:.98}.connect-hero p{max-width:68ch;color:var(--text-secondary);margin:22px 0 0;font-size:17px;line-height:1.7}.endpoint-banner{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);align-items:center;gap:22px;max-width:1240px;margin:0 auto 18px;padding:18px;display:grid}.endpoint-banner>div:first-child{align-items:center;gap:11px;min-width:0;display:flex}.endpoint-banner>div:first-child>svg{width:20px;height:20px;color:var(--accent);flex:none}.endpoint-banner strong,.endpoint-banner small{display:block}.endpoint-banner strong{font-size:12px}.endpoint-banner small{color:var(--text-muted);margin-top:4px;font-size:10px}.endpoint-copy-row{align-items:center;gap:10px;min-width:0;display:flex}.endpoint-copy-row code{overflow-wrap:anywhere;min-width:0;color:var(--accent);flex:1;font:500 11px/1.55 IBM Plex Mono,monospace}.endpoint-copy-row button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);cursor:pointer;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.endpoint-copy-row button svg{width:17px;height:17px}.connect-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:18px;max-width:1240px;margin:0 auto;display:grid}.provider-rail,.connection-detail{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.provider-rail{padding:14px;position:sticky;top:18px}.provider-rail-heading{padding:7px 8px 15px}.provider-rail-heading h2{margin:0;font-size:15px}.provider-rail-heading p{color:var(--text-muted);margin:6px 0 0;font-size:10px;line-height:1.5}.provider-tabs{gap:4px;display:grid}.provider-tabs button{text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;width:100%;min-height:52px;padding:9px 11px}.provider-tabs button:hover{background:var(--surface-quiet)}.provider-tabs button.active{border-color:var(--border-strong);background:var(--surface-raised)}.provider-tabs span,.provider-tabs small{display:block}.provider-tabs span{color:var(--text-secondary);font-size:12px;font-weight:720}.provider-tabs button.active span{color:var(--text)}.provider-tabs small{color:var(--text-muted);margin-top:3px;font-size:9px}.connection-detail{min-width:0;box-shadow:var(--shadow-elevated);padding:clamp(22px,3vw,38px)}.connection-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:26px;display:flex}.connection-detail-header h2{letter-spacing:-.025em;margin:0;font-size:27px}.connection-detail-header p{color:var(--text-muted);margin:7px 0 0;font-size:12px}.connection-detail-header a{min-height:44px;color:var(--text-secondary);text-underline-offset:4px;align-items:center;gap:7px;font-size:12px;text-decoration:underline;display:inline-flex}.connection-detail-header a:hover{color:var(--text)}.connection-detail-header svg{width:16px;height:16px}.connection-steps{margin:8px 0 0;padding:0;list-style:none}.connection-steps li{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr);gap:14px;padding:18px 0;display:grid}.connection-steps li>span{color:var(--text-muted);font:500 10px/1.6 IBM Plex Mono,monospace}.connection-steps p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.webhook-sample{margin-top:26px}.webhook-sample h3{margin:0 0 10px;font-size:14px}.webhook-sample pre{border:1px solid var(--border);border-radius:var(--radius);background:#05070a;margin:0;padding:16px;overflow:auto}.webhook-sample pre code{color:#d7e6ef;font:500 12px/1.7 IBM Plex Mono,monospace}.webhook-sample>p{color:var(--text-muted);font-size:11px;line-height:1.65}.connection-note{border-top:1px solid var(--border);margin-top:28px;padding-top:18px}.connection-note strong{text-transform:uppercase;letter-spacing:.09em;font-size:11px}.connection-note p{color:var(--text-muted);margin:7px 0 0;font-size:11px;line-height:1.65}.not-found-page{text-align:center;background:var(--bg);place-content:center;min-height:100vh;padding:24px;display:grid}.not-found-page p{color:var(--text-muted);margin:0;font:500 12px/1 IBM Plex Mono,monospace}.not-found-page h1{letter-spacing:-.035em;margin:14px 0 22px;font-size:clamp(2rem,7vw,4.5rem)}.not-found-page a{color:var(--accent);text-underline-offset:4px}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=1080px){.studio-grid{grid-template-columns:1fr}.stage-shell{min-height:600px}.connect-layout{grid-template-columns:220px minmax(0,1fr)}}@media (width<=760px){.studio-page,.connect-page{padding-inline:14px}.topbar,.connect-topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:stretch}.connect-link,.status-chip{min-height:42px}.hero-copy{margin-top:54px}.hero-copy h1{font-size:clamp(3rem,15vw,4.7rem)}.control-row,.action-row,.principles,.principle-list{grid-template-columns:1fr}.principle-list article:nth-child(n+2){padding-top:18px}.stage-shell{min-height:520px}.stage-frame,.stage-frame iframe,.stage-empty{min-height:420px}.quality-strip{grid-template-columns:repeat(2,1fr);gap:14px 0}.quality-strip div:nth-child(2){border-inline-end:0}.connect-hero{margin-top:54px}.endpoint-banner{grid-template-columns:1fr}.endpoint-copy-row{flex-direction:column;align-items:stretch}.endpoint-copy-row button{justify-content:center}.connect-layout{grid-template-columns:1fr}.provider-rail{position:static;overflow:hidden}.provider-tabs{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.provider-tabs button{flex:none;width:auto;min-width:128px}.connection-detail-header{flex-direction:column}textarea,select,.provider-tabs button,.connection-steps p{font-size:16px}}@media (pointer:coarse){.effect-tile,.provider-tabs button,.endpoint-copy-row button,.primary-action,.secondary-action{min-height:48px}}@media (prefers-reduced-motion:reduce){.stage-frame.is-loading:after{opacity:.35;animation:none}.effect-tile,.primary-action,.secondary-action,textarea,select{transition:none}.effect-tile:hover,.primary-action:hover,.secondary-action:hover{transform:none}}.studio-page .hero-copy:not(.share-hero){margin:clamp(24px,4vw,58px) auto clamp(20px,3vw,32px)}.mobile-effect-rail{display:none}.stage-lab-link{border:1px solid var(--border-strong);min-height:44px;color:var(--brand-cyan);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.stage-lab-link:hover{border-color:var(--brand-cyan);color:var(--text)}.stage-lab-link:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}@media (width>=1081px){.studio-page .hero-copy:not(.share-hero) h1{max-width:930px;margin-bottom:18px;font-size:clamp(3.5rem,5vw,4.75rem);line-height:1}.studio-page .hero-copy:not(.share-hero) p{max-width:75ch;font-size:16px;line-height:1.55}.studio-grid{align-items:start}.stage-shell{min-height:0;position:sticky;top:18px}.stage-frame{flex:none;height:clamp(470px,66vh,670px);min-height:0}.stage-frame iframe,.stage-empty{height:100%;min-height:0}}@media (width>=761px) and (width<=1080px){.studio-grid{flex-direction:column;gap:16px;display:flex}.studio-grid>.studio-stage-preview{order:-1;width:100%}.stage-shell{order:-1;min-height:0}.stage-frame{flex:none;height:min(58vh,600px);min-height:0}.stage-frame iframe,.stage-empty{height:100%;min-height:0}}@media (width<=760px){.studio-page{padding-block-start:max(14px, env(safe-area-inset-top))}.studio-page .topbar{gap:8px;padding:10px 12px}.studio-page .brand-lockup{gap:8px}.studio-page .brand-mark{border-radius:10px;width:34px;height:34px}.studio-page .brand-copy strong{font-size:11px}.studio-page .brand-copy>span{font-size:10px}.studio-page .top-actions{gap:6px}.studio-page .topbar .connect-link{min-height:36px;padding-inline:9px;font-size:11px}.studio-page .topbar .status-chip{min-height:36px;padding-inline:9px;font-size:10px}.studio-page .hero-copy:not(.share-hero){margin:24px auto 18px}.studio-page .hero-copy:not(.share-hero) h1{letter-spacing:-.037em;margin-bottom:12px;font-size:clamp(36px,9vw,52px);line-height:1.04}.studio-page .hero-copy:not(.share-hero) p{max-width:55ch;font-size:13px;line-height:1.55}.mobile-effect-rail{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);max-width:1440px;margin:0 auto 12px;padding:13px 11px 10px;display:block}.mobile-effect-rail-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px;display:flex}.mobile-effect-rail-heading strong{color:var(--text);letter-spacing:-.01em;font-size:12px}.mobile-effect-rail-heading a{color:var(--brand-cyan);text-underline-offset:4px;align-items:center;min-height:30px;font-size:11px;text-decoration:underline;display:inline-flex}.mobile-effect-scroller{position:relative}.mobile-effect-scroller:after{content:"Swipe for more ›";text-align:right;color:var(--text-secondary);padding:1px 4px;font-size:11px;display:block}.effect-position{color:var(--text-muted);margin-left:7px;font-size:11px;font-weight:500}.effect-browse-all{border:1px solid var(--border-strong);background:var(--surface-quiet);min-height:44px;color:var(--brand-cyan);cursor:pointer;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:650}.effect-browse-all:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}.mobile-effect-expanded .effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.mobile-effect-expanded .effect-tile{width:100%;min-height:90px;max-height:none}.mobile-effect-rail .effect-grid{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px;padding:2px 2px 10px;display:flex;overflow-x:auto}.mobile-effect-expanded .effect-grid{display:grid}.mobile-effect-rail .mobile-effect-expanded .effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.mobile-effect-rail .mobile-effect-expanded .effect-tile{flex:auto;width:100%;min-height:90px;max-height:none}.mobile-effect-rail .effect-tile{scroll-snap-align:start;flex:0 0 124px;min-height:80px;max-height:80px;padding:10px 11px}.mobile-effect-rail .effect-tile svg{width:18px;height:18px;margin-bottom:6px}.mobile-effect-rail .effect-tile span{font-size:11px}.mobile-effect-rail .effect-tile small{margin-top:4px;font-size:9px}.studio-grid{flex-direction:column;align-items:stretch;gap:12px;display:flex}.studio-grid>.studio-stage-preview{order:-1;width:100%}.studio-grid .stage-shell{order:-1;min-height:0;padding:10px;position:static}.studio-grid .stage-meta{flex-wrap:wrap;gap:8px;padding:4px 5px 9px}.studio-grid .stage-actions{gap:6px}.studio-grid .stage-meta p{font-size:10px}.studio-grid .stage-frame{flex:none;height:clamp(335px,94vw,420px);min-height:0}.studio-grid .stage-frame iframe,.studio-grid .stage-empty{height:100%;min-height:0}.studio-grid .stage-empty .orb{width:85px;height:85px}.studio-grid .control-panel{padding:16px}.studio-grid .control-panel .preset-fieldset{display:none}.studio-grid .control-panel .panel-heading,.studio-grid .control-panel .field-group{margin-bottom:18px}.studio-grid .control-panel .quick-moments{margin-bottom:20px}.studio-grid .control-panel .settings-block{margin-top:10px}.studio-grid .control-panel .endpoint-card{margin-top:20px}.studio-page .topbar{flex-wrap:wrap}.studio-page .top-actions{flex-flow:wrap;justify-content:flex-end;align-items:center}}.auth-action-btn{cursor:pointer}.orb-locked svg{width:28px;height:28px;color:var(--brand-cyan)}.stage-signin-cta{border-radius:var(--radius);border:1px solid var(--brand-cyan);background:var(--brand-surface);min-height:44px;color:var(--brand-ink);justify-content:center;align-items:center;margin-top:16px;padding:0 18px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.stage-signin-cta:hover{transform:translateY(-1px)}.secondary-actions-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.secondary-actions-row .secondary-action{width:100%}.key-hint{opacity:.82;background:#06080b38;border:1px solid #8a99aa59;border-radius:6px;padding:2px 6px;font:500 10px/1.2 IBM Plex Mono,ui-monospace,monospace}.primary-action .key-hint{color:var(--brand-ink);background:#0710161a;border-color:#07101640}.status-positive{color:var(--success);font-weight:600}.saved-effects-panel{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.saved-effects-header,.shortcuts-header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.saved-effects-header strong,.shortcuts-header strong{color:var(--text-secondary);font-size:12px}.saved-effects-header span,.shortcuts-header span{color:var(--text-muted);font-size:10px}.saved-effects-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.saved-effect-row{grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;gap:8px;display:grid}.saved-effect-load{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-quiet);text-align:start;cursor:pointer;min-width:0;min-height:48px;padding:9px 12px;transition:border-color .15s,background .15s}.saved-effect-load:hover{border-color:var(--brand-cyan);background:var(--surface-raised)}.saved-effect-text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;display:block;overflow:hidden}.saved-effect-load small{color:var(--text-muted);text-transform:capitalize;margin-top:3px;font-size:10px;display:block}.saved-effect-delete{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-quiet);width:44px;min-height:48px;color:var(--text-muted);cursor:pointer;place-items:center;display:grid}.saved-effect-delete:hover{color:var(--danger);border-color:#fca5a580}.saved-effect-delete svg{width:16px;height:16px}.shortcuts-legend{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-quiet);margin-top:18px;padding:14px}.shortcuts-grid{gap:7px;display:grid}.shortcut-item{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.shortcut-keys{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:inline-flex}.shortcut-keys kbd{border:1px solid var(--border-strong);background:var(--surface);color:var(--accent);border-radius:6px;padding:2px 7px;font:500 10px/1.35 IBM Plex Mono,ui-monospace,monospace}.shortcut-keys kbd.single-key{color:var(--text-muted);border-color:var(--border)}.shortcut-live-feedback{border-top:1px solid var(--border);color:var(--brand-cyan);margin:10px 0 0;padding-top:8px;font-size:11px;font-weight:650}.connect-quickstart{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1240px;margin:0 auto 18px;display:grid}.quickstart-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:18px}.quickstart-step{color:var(--brand-cyan);font:500 11px/1 IBM Plex Mono,ui-monospace,monospace;display:inline-block}.quickstart-card h3{letter-spacing:-.015em;margin:8px 0 6px;font-size:14px}.quickstart-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.58}.endpoint-directory{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);max-width:1240px;margin:0 auto 22px;padding:20px}.directory-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.directory-header h2{letter-spacing:-.02em;margin:0;font-size:17px}.directory-header p{color:var(--text-muted);margin:5px 0 0;font-size:12px}.directory-header>svg{width:20px;height:20px;color:var(--brand-cyan);flex:none}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.directory-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-quiet);gap:8px;min-width:0;padding:14px;display:grid}.directory-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.directory-meta strong{color:var(--text);font-size:13px}.directory-meta span{color:var(--brand-cyan);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.directory-item>p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.5}.directory-url-row{align-items:center;gap:8px;min-width:0;display:flex}.directory-url-row code{border:1px solid var(--border);min-width:0;color:var(--accent);overflow-wrap:anywhere;background:#05070a;border-radius:8px;flex:1;padding:8px 10px;font:500 11px/1.45 IBM Plex Mono,ui-monospace,monospace}.directory-url-row button,.snippet-copy-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);min-height:44px;color:var(--text);cursor:pointer;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.directory-url-row button:hover,.snippet-copy-btn:hover{border-color:var(--brand-cyan)}.directory-url-row button svg,.snippet-copy-btn svg{width:15px;height:15px}.guide-endpoint-inline{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-quiet);margin-top:20px;padding:13px 15px}.guide-endpoint-inline>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:7px;font-size:10px;display:block}.snippet-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.snippet-header h3{margin:0;font-size:14px}.bot-reference{border-top:1px solid var(--border);margin-top:26px;padding-top:20px}.bot-reference h3{margin:0 0 12px;font-size:14px}.tool-chip-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px;display:grid}.tool-chip-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-quiet);padding:10px 12px}.tool-chip-item code{color:var(--brand-cyan);font:500 11px/1.4 IBM Plex Mono,ui-monospace,monospace;display:block}.tool-chip-item span{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.45;display:block}.allowlist-meta{gap:6px;margin-top:12px;display:grid}.allowlist-meta p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.6}.allowlist-meta code{color:var(--text-muted);font:500 11px/1.5 IBM Plex Mono,ui-monospace,monospace}@media (width<=880px){.connect-quickstart,.directory-grid{grid-template-columns:1fr}}@media (width<=760px){.secondary-actions-row{grid-template-columns:1fr}.directory-url-row{flex-direction:column;align-items:stretch}.directory-url-row button{justify-content:center}.snippet-header{flex-wrap:wrap}}@media (width<=440px){.key-hint{display:none}}.principles,.bot-reference,.saved-effects-panel{content-visibility:auto;contain-intrinsic-size:auto 260px}@media (width<=360px){.studio-page .hero-copy:not(.share-hero){margin:12px auto 9px}.studio-page .hero-copy:not(.share-hero) h1{margin-bottom:7px;font-size:34px}.studio-page .hero-copy:not(.share-hero) p{font-size:12px;line-height:1.4}.studio-page .mobile-effect-rail{margin-bottom:8px;padding:9px 8px 5px}.studio-page .mobile-effect-rail-heading{margin-bottom:5px}}.studio-stage-preview{flex-direction:column;gap:9px;min-width:0;display:flex}.studio-stage-preview>.stage-shell,.studio-stage-preview>.embedded-hybrid-stage{flex:1}.studio-3d-switch{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-quiet);justify-content:space-between;align-items:center;gap:10px;padding:9px 13px;display:flex}.studio-3d-switch span{color:var(--text-secondary);font-size:11px;line-height:1.45}.studio-3d-switch button{border:1px solid var(--brand-cyan);min-height:44px;color:var(--brand-cyan);white-space:nowrap;cursor:pointer;background:0 0;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700}.studio-3d-switch button:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}.embedded-hybrid-render{background:radial-gradient(#142534 0%,#060c13 75%);border-radius:10px;height:clamp(340px,52vh,650px);position:relative;overflow:hidden}.embedded-hybrid-render>.hybrid-render-target{position:absolute;inset:0}.embedded-hybrid-render>p,.embedded-hybrid-render>[role=alert]{z-index:5;color:#f4f8fb;background:#04080ee0;border-radius:8px;padding:12px;font-size:12px;position:absolute;bottom:15px;left:15px;right:15px}.embedded-hybrid-render>[role=alert] button{min-height:40px;color:var(--brand-cyan);margin-left:8px}@media (width<=760px){.studio-3d-switch{flex-wrap:wrap}.studio-3d-switch button{width:100%}}.ds-btn{min-height:var(--ds-primitive-size-touch-min);padding-inline:14px}.ds-btn-sm{border-radius:var(--ds-primitive-radius-sm);min-height:44px;padding-inline:12px;font-size:12px}.ds-btn-md{min-height:var(--ds-primitive-size-action-md);font-size:13px}.ds-btn-lg{min-height:var(--ds-primitive-size-action-lg);padding-inline:18px;font-size:14px}.ds-btn-danger{background:var(--ds-semantic-status-danger-bg);color:var(--ds-semantic-status-danger-text);border-color:#fca5a573}.ds-btn-danger:hover{border-color:var(--ds-semantic-status-danger);color:#fff}.ds-surface{border:1px solid var(--ds-semantic-border-subtle);border-radius:var(--ds-primitive-radius-lg);min-width:0}.ds-surface-default{background:var(--ds-semantic-surface-default)}.ds-surface-raised{background:var(--ds-semantic-surface-raised)}.ds-surface-quiet{background:var(--ds-semantic-surface-quiet)}.ds-surface-band{background:var(--ds-semantic-surface-band);border-color:var(--ds-semantic-border-strong)}.ds-surface-danger{background:var(--ds-semantic-status-danger-bg);color:var(--ds-semantic-status-danger-text);border-color:#fca5a559}.ds-pad-none{padding:0}.ds-pad-sm{padding:12px 14px}.ds-pad-md{padding:18px 20px}.ds-pad-lg{padding:clamp(20px,2.4vw,28px)}.ds-badge-sm{min-height:36px;padding-inline:10px;font-size:11px}.ds-keycap-inline{border:1px solid var(--ds-semantic-border-strong);background:var(--ds-semantic-surface-quiet);font:500 11px/1.2 var(--ds-primitive-font-mono);color:var(--ds-semantic-accent-surface);border-radius:7px;align-items:center;padding:3px 8px;display:inline-flex}.ds-page .ds-eyebrow{color:var(--ds-semantic-accent-signal);font:600 11px/1 var(--ds-primitive-font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}.ds-hero em{color:var(--ds-semantic-accent-surface);font-style:normal}.ds-tablist{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1240px;margin:0 auto 20px;display:grid}.ds-tab{border:1px solid var(--ds-semantic-border-subtle);border-radius:var(--ds-primitive-radius-md);background:var(--ds-semantic-surface-default);min-height:64px;color:var(--ds-semantic-text-secondary);text-align:left;cursor:pointer;transition:border-color var(--ds-primitive-motion-base) ease, background var(--ds-primitive-motion-base) ease;gap:4px;padding:12px 14px;display:grid}.ds-tab:hover{border-color:var(--ds-semantic-border-strong);color:var(--ds-semantic-text-primary)}.ds-tab.active{border-color:var(--ds-semantic-border-accent);background:var(--ds-semantic-surface-raised);color:var(--ds-semantic-text-primary);box-shadow:inset 0 0 0 1px #61d8f538}.ds-tab strong{font-size:13px}.ds-tab small{color:var(--ds-semantic-text-muted);font-size:11px}.ds-panel{outline:none;gap:18px;max-width:1240px;margin:0 auto;display:grid}.ds-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ds-section-head h2,.ds-two-col h2{letter-spacing:-.02em;margin:0;font-size:19px}.ds-section-head p,.ds-subcopy{color:var(--ds-semantic-text-muted);margin:6px 0 0;font-size:13px;line-height:1.55}.ds-subcopy{margin-bottom:16px}.ds-filter-pills{flex-wrap:wrap;gap:7px;display:flex}.ds-contrast-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.ds-contrast-card{border:1px solid var(--ds-semantic-border-subtle);border-radius:var(--ds-primitive-radius-md);background:var(--ds-semantic-surface-quiet);overflow:hidden}.ds-contrast-sample{border-bottom:1px solid var(--ds-semantic-border-subtle);justify-content:space-between;align-items:baseline;gap:10px;padding:18px 16px;display:flex}.ds-contrast-sample span{font-size:15px;font-weight:700}.ds-contrast-sample strong{font:600 13px/1 var(--ds-primitive-font-mono)}.ds-contrast-meta{gap:5px;padding:12px 14px;display:grid}.ds-contrast-meta strong{font-size:12px}.ds-contrast-meta code{color:var(--ds-semantic-text-muted);font:500 11px/1.4 var(--ds-primitive-font-mono)}.ds-pass-pill{width:fit-content;color:var(--ds-semantic-status-online);font:600 10px/1.4 var(--ds-primitive-font-mono);border:1px solid #6ee7b75c;border-radius:999px;padding:2px 8px}.ds-token-table-wrap{border:1px solid var(--ds-semantic-border-subtle);border-radius:var(--ds-primitive-radius-md);overflow-x:auto}.ds-token-table{border-collapse:collapse;width:100%;font-size:12px}.ds-token-table th,.ds-token-table td{border-bottom:1px solid var(--ds-semantic-border-subtle);text-align:left;vertical-align:middle;padding:10px 12px}.ds-token-table th{background:var(--ds-semantic-surface-quiet);color:var(--ds-semantic-text-muted);font:600 10px/1.3 var(--ds-primitive-font-mono);text-transform:uppercase;letter-spacing:.08em}.ds-token-table code{font:500 11px/1.4 var(--ds-primitive-font-mono);color:var(--ds-semantic-text-secondary)}.ds-tier-tag{border:1px solid var(--ds-semantic-border-strong);font:600 10px/1.4 var(--ds-primitive-font-mono);text-transform:uppercase;border-radius:999px;padding:2px 8px;display:inline-block}.ds-tier-tag.tier-semantic{border-color:var(--ds-semantic-border-accent);color:var(--ds-semantic-accent-surface)}.ds-token-val{align-items:center;gap:8px;display:inline-flex}.ds-swatch{border:1px solid #ffffff3d;border-radius:4px;flex:none;width:16px;height:16px}.ds-copy-btn{border:1px solid var(--ds-semantic-border-subtle);background:var(--ds-semantic-surface-quiet);min-height:44px;color:var(--ds-semantic-text-secondary);cursor:pointer;font:600 11px/1 var(--ds-primitive-font-mono);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.ds-copy-btn:hover{border-color:var(--ds-semantic-border-accent);color:var(--ds-semantic-text-primary)}.ds-copy-btn svg{width:14px;height:14px}.ds-workbench{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.ds-workbench-controls{gap:16px;display:grid}.ds-control-label{color:var(--ds-semantic-text-secondary);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.ds-preview-stage{justify-items:start;gap:16px;display:grid}.ds-code-preview{border-radius:var(--ds-primitive-radius-sm);border:1px solid var(--ds-semantic-border-subtle);background:var(--ds-semantic-bg-canvas);width:100%;font:500 11px/1.55 var(--ds-primitive-font-mono);color:var(--ds-semantic-accent-surface);margin:0;padding:12px 14px;overflow-x:auto}.ds-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.ds-inline-demo{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ds-surface-stack{color:var(--ds-semantic-text-secondary);gap:10px;margin-top:16px;font-size:12px;display:grid}.ds-glyph-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.ds-glyph-card{border:1px solid var(--ds-semantic-border-subtle);border-radius:var(--ds-primitive-radius-md);background:var(--ds-semantic-surface-quiet);gap:6px;padding:16px 14px;display:grid}.ds-glyph-card svg{width:24px;height:24px;color:var(--ds-semantic-accent-signal);margin-bottom:8px}.ds-glyph-card strong{font-size:13px}.ds-glyph-card code{color:var(--ds-semantic-accent-surface);font:500 11px/1.3 var(--ds-primitive-font-mono)}.ds-glyph-card small{color:var(--ds-semantic-text-muted);font-size:11px;line-height:1.45}.ds-type-specimens{gap:16px;display:grid}.ds-spec-meta{color:var(--ds-semantic-text-muted);font:500 10px/1.4 var(--ds-primitive-font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:block}.ds-spec-display{letter-spacing:-.038em;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:760;line-height:.98}.ds-spec-heading{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:700}.ds-spec-body{color:var(--ds-semantic-text-secondary);margin:0;font-size:14px;line-height:1.6}.ds-spec-mono{border-radius:var(--ds-primitive-radius-sm);border:1px solid var(--ds-semantic-border-subtle);background:var(--ds-semantic-surface-quiet);color:var(--ds-semantic-accent-surface);font:500 12px/1.5 var(--ds-primitive-font-mono);overflow-wrap:anywhere;padding:10px 12px;display:block}.ds-rules-list{color:var(--ds-semantic-text-secondary);gap:12px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.ds-gates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.ds-gate-card{border:1px solid var(--ds-semantic-border-subtle);border-radius:var(--ds-primitive-radius-md);background:var(--ds-semantic-surface-quiet);gap:8px;padding:16px;display:grid}.ds-gate-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ds-gate-top strong{font-size:13px}.ds-gate-top code{color:var(--ds-semantic-accent-signal);font:500 11px/1.4 var(--ds-primitive-font-mono)}.ds-gate-card p{color:var(--ds-semantic-text-secondary);margin:0;font-size:12px;line-height:1.55}@media (width<=900px){.ds-tablist{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-workbench,.ds-two-col{grid-template-columns:1fr}}@media (width<=540px){.ds-tablist{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ds-tab{transition:none}}.variant-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.variant-chip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-quiet);min-height:52px;color:var(--text-secondary);text-align:left;cursor:pointer;gap:2px;min-width:0;padding:8px 10px;transition:border-color .16s,background .16s,color .16s;display:grid}.variant-chip:hover{border-color:var(--border-strong);color:var(--text)}.variant-chip.active{border-color:var(--brand-cyan);background:var(--surface-raised);color:var(--text);box-shadow:inset 0 0 0 1px #61d8f53d}.variant-chip strong{overflow-wrap:anywhere;font-size:11.5px;font-weight:700;line-height:1.25}.variant-chip small{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.3;display:-webkit-box;overflow:hidden}@media (width<=520px){.variant-chips{grid-template-columns:1fr}}.variation-director{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-quiet);gap:12px;min-width:0;margin:0 0 20px;padding:12px 14px;display:grid}.variation-director-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.variation-director-head strong{color:var(--text);font-size:12px}.variation-director-head span{color:var(--brand-cyan);text-transform:uppercase;letter-spacing:.08em;font:500 10px/1.3 IBM Plex Mono,monospace}.variation-tier-tabs{flex-wrap:wrap;gap:6px;display:flex}.variation-tier-tab{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-muted);cursor:pointer;border-radius:999px;padding:0 11px;font-size:11px;font-weight:700}.variation-tier-tab.active{border-color:var(--brand-cyan);color:var(--brand-ink);background:var(--brand-surface)}.variation-pill-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width<=520px){.variation-pill-list{grid-template-columns:1fr}}.variation-pill{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:48px;color:var(--text-secondary);text-align:left;cursor:pointer;gap:3px;min-width:0;padding:8px 10px;display:grid}.variation-pill:hover{border-color:var(--brand-cyan);color:var(--text);background:var(--surface-raised)}.variation-pill strong{color:var(--text);overflow-wrap:anywhere;font-size:11.5px}.variation-pill small{color:var(--text-muted);overflow-wrap:anywhere;font-size:10px;line-height:1.35}.studio-drawer-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:650;display:flex}.studio-drawer-toggle:hover{border-color:var(--brand-cyan);color:var(--text)}.studio-fine-tune{border-top:1px solid var(--border);gap:12px;min-width:0;padding-top:12px;display:grid}.fine-tune-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=520px){.fine-tune-grid{grid-template-columns:1fr}}.fine-tune-field{gap:5px;min-width:0;display:grid}.fine-tune-field label{color:var(--text-secondary);margin:0;font-size:11px;font-weight:650}.fine-tune-field input[type=text],.fine-tune-field select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);padding:0 10px;font-size:12px}.fine-tune-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.fine-tune-checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;min-height:40px;font-size:12px;display:inline-flex}.fine-tune-mini-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);min-height:40px;color:var(--text-secondary);cursor:pointer;padding:0 12px;font-size:11.5px;font-weight:650}.fine-tune-mini-btn:hover{border-color:var(--brand-cyan);color:var(--text)}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--ui-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--ui-muted-foreground))}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:bg-accent:hover{background-color:hsl(var(--ui-accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--ui-destructive) / .9)}.hover\:bg-muted:hover{background-color:hsl(var(--ui-muted))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--ui-primary) / .9)}.hover\:bg-secondary:hover{background-color:hsl(var(--ui-secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--ui-secondary) / .8)}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:text-accent-foreground:hover{color:hsl(var(--ui-accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--ui-foreground))}.hover\:underline:hover{text-decoration-line:underline}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ui-ring))}.focus\:ring-slate-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(100 116 139/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-destructive:focus-visible{--tw-ring-color:hsl(var(--ui-destructive))}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ui-ring))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--ui-muted) / .4)}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--ui-destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--ui-destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--ui-destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--ui-destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}@media (width>=640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:flex-col{flex-direction:column}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (width>=768px){.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}