/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Mono", ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-green-400:oklch(79.2% .209 151.711);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-600:oklch(55.8% .288 302.321);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(.25, 0, 0, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"ClashDisplay", -apple-system, BlinkMacSystemFont, sans-serif;--color-moon-50:oklch(98.5% 0 0);--color-moon-100:oklch(96.7% .001 286.375);--color-moon-200:oklch(92% .004 286.32);--color-moon-300:oklch(87.1% .006 286.286);--color-moon-400:oklch(70.5% .015 286.067);--color-moon-500:oklch(55.2% .016 285.938);--color-moon-600:oklch(44.2% .017 285.786);--color-moon-700:oklch(37% .013 285.805);--color-moon-800:oklch(27.4% .006 286.033);--color-moon-900:oklch(21% .006 285.885);--color-main-50:oklch(98.5% 0 0);--color-main-100:oklch(96.7% .001 286.375);--color-main-200:oklch(92% .004 286.32);--color-main-300:oklch(87.1% .006 286.286);--color-main-400:oklch(70.5% .015 286.067);--color-main-500:oklch(55.2% .016 285.938);--color-main-600:oklch(44.2% .017 285.786);--color-main-700:oklch(37% .013 285.805);--color-main-800:oklch(27.4% .006 286.033);--color-main-850:oklch(23.4% .006 286.033);--color-main-900:oklch(21% .006 285.885);--color-main-950:oklch(14.1% .005 285.823);--color-accent-300:oklch(78.5% .115 274.713);--color-accent-400:oklch(67.3% .182 276.935);--color-accent-500:oklch(58.5% .233 277.117);--color-accent-600:oklch(51.1% .262 276.966);--color-accent-700:oklch(45.7% .24 277.023);--color-accent-800:oklch(39.8% .195 277.366);--color-accent-900:oklch(35.9% .144 278.697);--color-accent-950:oklch(25.7% .09 281.288);--color-danger-50:oklch(97.1% .013 17.38);--color-danger-100:oklch(93.6% .032 17.717);--color-danger-400:oklch(70.4% .191 22.216);--color-danger-500:oklch(63.7% .237 25.331);--color-danger-700:oklch(50.5% .213 27.518);--color-danger-800:oklch(44.4% .177 26.899);--color-danger-900:oklch(39.6% .141 25.723);--color-warning-100:oklch(96.2% .059 95.617);--color-warning-400:oklch(82.8% .189 84.429);--color-warning-500:oklch(76.9% .188 70.08);--color-warning-700:oklch(55.5% .163 48.998);--color-warning-800:oklch(47.3% .137 46.201);--color-complement-50:oklch(98.4% .014 180.72);--color-complement-100:oklch(95.3% .051 180.801);--color-complement-300:oklch(85.5% .138 181.071);--color-complement-400:oklch(77.7% .152 181.912);--color-complement-500:oklch(70.4% .14 182.503);--color-complement-600:oklch(60% .118 184.704);--color-complement-700:oklch(51.1% .096 186.391);--color-tertiary-300:oklch(86.5% .127 207.078);--color-success:oklch(69.6% .17 162.48);--ease-circ:cubic-bezier(.85, .09, .15, .91);--ease-spring:linear(0, .03 1.5%, .121 3.2%, .851 13%, .99 16.4%, 1.063 20.2%, 1.076 22.3%, 1.075 24.8%, 1.013 35.9%, .995 43.4%, 1);--shadow-window:0 0 7px 0 #0000000d, 0 0 14px 0 #0000001a, 0 0 21px 0 #00000026;--shadow-glow:0 0 20px -5px oklch(98.5% 0 0/.3);--shadow-glow-lg:0 0 40px -5px oklch(98.5% 0 0/.5);--shadow-card:0 4px 32px -4px oklch(98.5% 0 0/.15);--shadow-card-hover:0 8px 40px -8px oklch(98.5% 0 0/.25);--animate-fade-in:fade-in .3s var(--ease-circ) forwards}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{interpolate-size:allow-keywords}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}body{font-family:var(--font-sans);color:var(--color-moon-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;min-height:100vh}body:has(dialog[open]){overflow:hidden}a{color:var(--color-moon-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;text-decoration-line:none;transition-duration:.15s}a:hover{color:var(--color-moon-400)}button{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-outline-style:none;outline-style:none;display:flex}strong{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}dialog{margin:calc(var(--spacing) * 0);padding:calc(var(--spacing) * 0)}dialog:focus{outline:none}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-size:16px 12px;appearance:none!important;background-repeat:no-repeat!important;padding-inline-end:calc(var(--spacing) * 8)!important}:is(input,textarea)[readonly]{cursor:not-allowed;background-color:var(--color-main-850)!important}:-webkit-any(input,textarea):-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:is(input,textarea):autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:-webkit-any(input,textarea):-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:is(input,textarea):autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:-webkit-any(input,textarea):-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:is(input,textarea):autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:-webkit-any(input,textarea):-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:is(input,textarea):autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:-webkit-any(input,textarea)[type=password]:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:is(input,textarea)[type=password]:autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:-webkit-any(input,textarea)[type=password]:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:is(input,textarea)[type=password]:autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:-webkit-any(input,textarea)[type=password]:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:is(input,textarea)[type=password]:autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:-webkit-any(input,textarea)[type=password]:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}:is(input,textarea)[type=password]:autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}.password-input-wrapper input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}.password-input-wrapper input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}.password-input-wrapper input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}.password-input-wrapper input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-main-800) inset!important;-webkit-text-fill-color:var(--color-moon-100)!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}@layer components{.wallet-page,.wallet-scan-page,.wallet-present-page{min-height:100vh;padding:var(--spacing-xl) 0;background:var(--bg-primary)}.credentials-grid{gap:var(--spacing-md);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.credential-card{padding:var(--spacing-md);border-radius:var(--border-radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-fast)}.credential-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-card-hover)}.credential-header{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.credential-icon{background:var(--color-accent-950);border-radius:var(--border-radius);width:48px;height:48px;color:var(--color-accent-400);justify-content:center;align-items:center;display:flex}.credential-icon svg{width:24px;height:24px}.credential-info{flex:1}.credential-name{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:1.125rem;font-weight:600}.credential-type{color:var(--text-muted);margin:0;font-size:.875rem}.credential-details{padding:var(--spacing-sm) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.detail-row{padding:var(--spacing-xs) 0;justify-content:space-between;display:flex}.detail-label{color:var(--text-muted);font-size:.875rem}.detail-value{color:var(--text-primary);font-weight:500}.credential-actions{gap:var(--spacing-xs);justify-content:space-between;display:flex}.ui-empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-md)}.ui-empty-state-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);background:var(--color-moon-850);color:var(--color-moon-400);border-radius:50%;justify-content:center;align-items:center;display:flex}.ui-empty-state-icon svg{width:40px;height:40px}.ui-empty-state-title{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:1.25rem}.ui-empty-state-description{color:var(--text-muted);max-width:400px;margin:0 auto var(--spacing-xl)}.ui-empty-state-action{gap:var(--spacing-sm);justify-content:center;display:flex}.scan-step{max-width:480px;padding:var(--spacing-xl);text-align:center;margin:0 auto}.scan-step h2{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:1.5rem}.step-description{color:var(--text-muted);margin-bottom:var(--spacing-xl)}.document-options{gap:var(--spacing-md);margin-top:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.document-option{padding:var(--spacing-xl);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);text-align:center}.document-option:hover{border-color:var(--color-accent-500);background:var(--bg-card-hover)}.option-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);background:var(--color-moon-850);border-radius:var(--border-radius-lg);color:var(--color-accent-400);justify-content:center;align-items:center;display:flex}.option-icon svg{width:32px;height:32px}.document-option h3{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:1.125rem}.document-option p{color:var(--text-muted);margin:0;font-size:.875rem}.mrz-form{text-align:left;max-width:400px;margin:0 auto}.form-group label{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:500;display:block}.form-hint{color:var(--text-muted);margin-top:var(--spacing-xs);font-size:.75rem}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-xl);justify-content:flex-end;display:flex}.scanning-animation{width:160px;height:160px;margin:0 auto var(--spacing-xl);position:relative}.nfc-icon{background:var(--color-accent-500);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nfc-icon svg{width:40px;height:40px}.scan-waves{position:absolute;inset:0}.wave{border:2px solid var(--color-accent-500);opacity:0;border-radius:50%;animation:2s infinite wave-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wave-1{width:100px;height:100px;animation-delay:0s}.wave-2{width:130px;height:130px;animation-delay:.5s}.wave-3{width:160px;height:160px;animation-delay:1s}@keyframes wave-pulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.progress-container{margin-bottom:var(--spacing-md)}.progress-bar{background:var(--color-moon-800);height:8px;margin-bottom:var(--spacing-xs);border-radius:999px;overflow:hidden}.progress-fill{background:var(--color-accent-500);height:100%;transition:width var(--transition-normal);border-radius:999px}.progress-text{color:var(--text-muted);font-size:.875rem}.success-icon,.error-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.success-icon svg,.error-icon svg{width:40px;height:40px}.success-icon{color:var(--color-success);background:oklch(33% .1 160)}.error-icon{color:var(--color-error);background:oklch(30% .1 25)}.success-actions,.error-actions{gap:var(--spacing-sm);margin-top:var(--spacing-xl);justify-content:center;display:flex}.verifier-info{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);display:flex}.verifier-logo{border-radius:var(--border-radius);width:48px;height:48px}.verifier-details h2{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:1.125rem}.verifier-url{color:var(--text-muted);margin:0;font-size:.875rem}.credentials-select-list{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.credential-select-card{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.credential-select-card.selected{border-color:var(--color-accent-500);background:var(--bg-card-hover)}.claims-list{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.claim-row{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;display:flex}.claim-check{color:var(--color-success);width:16px;height:16px}.claim-check svg{width:16px;height:16px}.claim-name{color:var(--text-primary);flex:1;font-weight:500}.claim-value{color:var(--text-muted);font-size:.875rem}.present-actions{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);justify-content:flex-end;display:flex}.present-step.loading,.present-step.presenting{padding:var(--spacing-3xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.alert{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);display:flex}.alert-icon{flex-shrink:0;width:20px;height:20px}.alert-icon svg{width:20px;height:20px}.alert-error{color:var(--color-error);background:oklch(30% .1 25)}.alert-warning{color:var(--color-warning);background:oklch(30% .12 60)}.alert-success{color:var(--color-success);background:oklch(33% .1 160)}.btn-icon{width:16px;height:16px;margin-right:var(--spacing-xs);display:inline-flex}.btn-icon svg{width:16px;height:16px}@media (max-width:640px){.document-options,.form-row,.credentials-grid{grid-template-columns:1fr}.form-actions,.present-actions,.success-actions,.error-actions{flex-direction:column}.form-actions button,.form-actions a,.present-actions button,.present-actions a,.success-actions a,.error-actions a,.error-actions button{width:100%}}:root{color-scheme:dark;--color-primary:var(--color-moon-500);--color-primary-hover:var(--color-moon-400);--color-accent:var(--tf-cta);--color-accent-hover:var(--tf-cta-hover);--color-blue:var(--tf-data);--color-purple:var(--tf-structure);--color-emerald:var(--tf-compute);--color-orange:var(--tf-external);--color-amber:var(--tf-experience);--color-cyan:#06b6d4;--color-rose:#f43f5e;--color-agent-highlight:var(--tf-structure);--ide-bg:var(--tf-surface-base);--ide-sidebar-bg:var(--tf-surface-sunken);--ide-border:var(--tf-border);--ide-text:var(--tf-text-primary);--ide-text-muted:var(--tf-text-muted);--ide-active-bg:var(--tf-surface-raised);--ide-hover-bg:var(--tf-surface-hover);--ide-accent:#4b70f5;--bg-primary:#000;--bg-gradient-start:#0f172a;--bg-gradient-end:#000;--bg-card:var(--overlay-3);--bg-card-hover:var(--overlay-5);--text-primary:var(--color-moon-50);--text-secondary:var(--color-moon-300);--text-muted:var(--color-moon-400);--border-color:var(--overlay-10);--border-color-hover:var(--overlay-20);--border-radius:.5rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--shadow-glow:0 0 20px -5px oklch(78% .132 300.37/.3);--shadow-glow-lg:0 0 40px -5px oklch(78% .132 300.37/.5);--shadow-card:0 4px 32px -4px oklch(78% .132 300.37/.15);--shadow-card-hover:0 8px 40px -8px oklch(78% .132 300.37/.25);--font-display:"ClashDisplay", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Mono", ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--circle-color:#8b5cf6;--circle-color-rgb:139, 92, 246;--glass-bg-neutral:linear-gradient(135deg, oklch(98.5% 0 0/.06) 0%, oklch(98.5% 0 0/.03) 50%, oklch(98.5% 0 0/.02) 100%);--glass-bg-purple:linear-gradient(135deg, oklch(78% .132 300.37/.06) 0%, oklch(78% .132 300.37/.03) 50%, oklch(94% .0347 302.07/.02) 100%);--glass-bg:var(--glass-bg-neutral);--glass-panel:#0e0e16d9;--glass-panel-heavy:#0e0e16f2;--glass-surface:#0e0e1680;--glass-surface-light:#0e0e164d;--glass-blur-card:blur(8px);--glass-blur-panel:blur(12px);--glass-blur-surface:blur(16px);--glass-blur-heavy:blur(20px);--glass-border:oklch(78% .132 300.37/.12);--glass-shadow:0 4px 32px -4px oklch(78% .132 300.37/.15), inset 0 1px 0 0 oklch(94% .0347 302.07/.08);--color-main-200:oklch(92% .016 285.938);--color-main-300:oklch(87.1% .016 285.938);--color-main-400:oklch(70.5% .016 285.938);--color-main-500:oklch(55.2% .016 285.938);--color-main-600:oklch(44.2% .016 285.938);--color-main-700:oklch(37% .016 285.938);--color-main-800:oklch(27.4% .016 285.938);--color-accent-500:oklch(55.3% .24 277.023);--color-accent-600:oklch(50.5% .24 277.023);--color-accent-700:oklch(45.7% .24 277.023);--color-accent-800:oklch(40% .24 277.023);--color-complement-600:oklch(60% .12 180);--color-complement-700:oklch(50% .12 180);--easing-circ:cubic-bezier(.85, .09, .15, .91);--easing-spring:cubic-bezier(.34, 1.56, .64, 1);--easing-out:cubic-bezier(.25, 0, 0, 1);--overlay-2:#ffffff05;--overlay-3:#ffffff08;--overlay-4:#ffffff0a;--overlay-5:#ffffff0d;--overlay-6:#ffffff0f;--overlay-8:#ffffff14;--overlay-10:#ffffff1a;--overlay-12:#ffffff1f;--overlay-15:#ffffff26;--overlay-20:#fff3;--color-danger:#ef4444;--color-danger-light:#f87171;--color-neutral-100:#f4f4f5;--color-neutral-200:#e4e4e7;--color-neutral-300:#d4d4d8;--color-neutral-400:#a1a1aa;--color-neutral-500:#71717a;--color-neutral-700:#27272a;--color-neutral-900:#18181b;--color-success-light:#22c55e;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:50%;--ring-focus:0 0 0 3px oklch(78% .132 300.37/.15);--text-xs:.625rem;--text-sm:.75rem;--text-md:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--z-base:1;--z-sticky:10;--z-ambient:20;--z-dropdown:50;--z-panel:100;--z-topbar:1000;--z-modal:1001;--z-toast:9999;--z-fullscreen:10000;--z-popover:10001;--z-celebration:10002;--z-overlay:10004}@property --border-gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-rotate{to{--border-gradient-angle:360deg}}.skip-nav-link{z-index:var(--z-toast);background:var(--color-accent,#f5d96e);color:#000;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-radius:0 0 6px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:0;overflow:hidden}.skip-nav-link:focus{clip:auto;clip-path:none;white-space:normal;outline-offset:-2px;outline:2px solid #000;top:0;overflow:visible}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--ide-accent,#6366f1);outline-offset:2px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}body{font-family:var(--font-sans);color:var(--text-primary);background:#000;min-height:100vh}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);box-shadow:var(--glass-shadow);transition:all var(--transition-normal)}.glass-card:hover{box-shadow:var(--shadow-card-hover);border-color:oklch(78% .132 300.37/.25);transform:translateY(-2px)}.main-nav{padding:var(--spacing-md) var(--spacing-lg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:var(--z-panel);background:#00000080;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-brand{align-items:center;display:flex}.brand-link{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);display:flex}.brand-text{font-family:var(--font-display);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#71c9ec 0%,#833fb4 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.brand-logo{width:auto;height:32px}.nav-links{gap:var(--spacing-sm);display:flex}.nav-link{color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);transition:all var(--transition-fast);font-weight:500}.nav-link:hover{color:var(--text-primary);background:var(--overlay-5)}.nav-link.active,.nav-link[aria-current=page]{color:var(--text-primary);background:var(--overlay-10)}.nav-right{align-items:center;gap:var(--spacing-md);display:flex}.connection-status{padding:var(--spacing-sm)}.status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;display:block}.status-dot.connected{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot.connecting{background:var(--color-warning);animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-menu{align-items:center;gap:var(--spacing-sm);display:flex;position:relative}.user-name{color:var(--text-secondary);font-size:.875rem}.dropdown{position:relative}.dropdown-trigger{background:var(--overlay-5);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.dropdown-trigger:hover{background:var(--overlay-10);border-color:var(--border-color-hover)}.dropdown-menu{top:calc(100% + var(--spacing-xs));-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);min-width:180px;box-shadow:var(--shadow-card);padding:var(--spacing-sm) 0;z-index:var(--z-dropdown);opacity:0;pointer-events:none;background:#0f0f14f2;transition:opacity .15s ease-out,transform .15s cubic-bezier(.16,1,.3,1);position:absolute;right:0;transform:translateY(-4px)scale(.97)}.dropdown-menu.dropdown-active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.dropdown-item{width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:block}.dropdown-item:hover{background:var(--overlay-5);color:var(--text-primary)}.dropdown-item.logout{color:var(--color-error)}.dropdown-item.logout:hover{background:#ef44441a}.dropdown-divider{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-sm) 0}.auth-links{gap:var(--spacing-sm);display:flex}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-moon-50);color:#000;border-color:var(--color-moon-50)}.btn-primary:hover{box-shadow:var(--shadow-glow);background:#fff}.btn-secondary{background:var(--overlay-5);color:var(--text-primary);border-color:var(--border-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:var(--overlay-10);border-color:var(--border-color-hover)}.btn-accent{background:var(--color-accent);color:#1a1a1a;border-color:var(--color-accent);box-shadow:0 0 20px -5px #f5d96e4d}.btn-accent:hover{background:var(--color-accent-hover);box-shadow:0 0 40px -5px #f5d96e80}.btn-large{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:1.125rem}.card{background:var(--overlay-3);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{background:var(--overlay-5);box-shadow:var(--shadow-card);border-color:oklch(78% .132 300.37/.3);transform:translateY(-2px)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-header h3{font-size:1.25rem;font-weight:500}.page-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.page-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--color-moon-50) 0%, var(--color-moon-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:400}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--overlay-3);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);transition:all var(--transition-fast);font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-moon-500);background:var(--overlay-5);outline:none;box-shadow:0 0 0 3px oklch(78% .132 300.37/.15)}.form-group input::placeholder{color:var(--text-muted)}.form-actions{margin-top:var(--spacing-xl)}.form-footer{margin-top:var(--spacing-lg);text-align:center;color:var(--text-muted);font-size:.875rem}.form-footer a,.form-footer .link{color:var(--color-moon-400)}.form-footer a:hover,.form-footer .link:hover{color:var(--color-moon-300)}.password-input-group{margin-bottom:var(--spacing-lg)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;padding-right:3rem}.password-toggle-btn{cursor:pointer;width:2rem;height:2rem;color:var(--text-muted);border-radius:var(--border-radius);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex;position:absolute;right:.5rem}.password-toggle-btn:hover{color:var(--text-secondary);background:var(--overlay-5)}.password-toggle-btn:focus{outline:none}.password-toggle-btn .icon{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.password-toggle-btn .icon svg{width:100%;height:100%}.form-group.has-error input{border-color:var(--color-error)}.form-group input.input-valid{border-color:var(--color-success)}.input-error-message{margin-top:var(--spacing-xs);color:var(--color-error);font-size:.75rem;display:block}.loading-spinner{padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--color-moon-500);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.loading-spinner.small .spinner{border-width:2px;width:16px;height:16px}.loading-spinner.medium .spinner{width:32px;height:32px}.loading-spinner.large .spinner{border-width:4px;width:48px;height:48px}@keyframes spin{to{transform:rotate(360deg)}}.loading-skeleton{background:linear-gradient(90deg, var(--overlay-3) 25%, var(--overlay-8) 50%, var(--overlay-3) 75%);border-radius:var(--border-radius);background-size:200% 100%;animation:1.5s infinite shimmer}.user-menu-skeleton{background:linear-gradient(90deg, var(--overlay-3) 25%, var(--overlay-8) 50%, var(--overlay-3) 75%);border-radius:var(--border-radius);background-size:200% 100%;width:100px;height:32px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--text-muted)}.empty-state h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--spacing-md)}.empty-state p{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.error-template,.error-state{text-align:center;padding:var(--spacing-3xl)}.error-code{font-family:var(--font-display);background:linear-gradient(135deg, var(--color-moon-500) 0%, var(--color-moon-800) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:400;line-height:1}.error-title{margin:var(--spacing-md) 0;color:var(--text-primary);font-size:1.75rem}.error-message{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.error-actions{gap:var(--spacing-md);justify-content:center;display:flex}.breadcrumbs{margin-bottom:var(--spacing-lg)}.breadcrumb-list{gap:var(--spacing-sm);list-style:none;display:flex}.breadcrumb-item{color:var(--text-muted);align-items:center;display:flex}.breadcrumb-item:after{content:"/";margin-left:var(--spacing-sm);color:var(--text-muted);opacity:.5}.breadcrumb-item:last-child:after{display:none}.breadcrumb-item a{color:var(--text-secondary)}.breadcrumb-item a:hover{color:var(--text-primary)}.breadcrumb-item.active{color:var(--text-muted)}.hero{padding:var(--spacing-3xl) 0;text-align:center;position:relative}.hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,oklch(78% .132 300.37/.15) 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-title{font-family:var(--font-display);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg, var(--color-moon-50) 0%, var(--color-moon-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:400}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-xl);font-size:1.25rem;line-height:1.7}.hero-actions{gap:var(--spacing-md);justify-content:center;display:flex}.features{padding:var(--spacing-3xl) 0}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{text-align:left}.feature-icon{width:48px;height:48px;margin-bottom:var(--spacing-md);color:var(--color-moon-500)}.feature-title{font-family:var(--font-display);margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem;font-weight:400}.feature-description{color:var(--text-secondary);line-height:1.6}.cta{padding:var(--spacing-3xl) 0;text-align:center}.cta h2{font-family:var(--font-display);margin-bottom:var(--spacing-md);font-size:2rem}.cta p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.dashboard-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.dashboard-section h3{color:var(--text-muted);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:600}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{text-align:center;padding:var(--spacing-md)}.stat-value{font-family:var(--font-display);background:linear-gradient(135deg, var(--color-moon-400) 0%, var(--color-moon-600) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:400}.stat-label{color:var(--text-muted);margin-top:var(--spacing-xs);font-size:.875rem}.welcome-banner{padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.welcome-banner h2{font-family:var(--font-display);margin-bottom:var(--spacing-sm);font-size:1.5rem}.welcome-banner p{color:var(--text-secondary)}.scrollable-page{height:100%;overflow:hidden auto}.ai-portal-page{padding:var(--spacing-lg) 0;padding-bottom:var(--spacing-xl);min-height:min-content}.ai-portal-header-actions{gap:var(--spacing-md);align-items:center;display:flex}.portal-subtitle{color:var(--text-muted);font-size:.875rem}.section-title{color:var(--text-muted);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:600}.usage-overview{margin-bottom:var(--spacing-xl)}.usage-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1200px){.usage-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.usage-stats-grid{grid-template-columns:1fr}}.usage-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);gap:var(--spacing-xs);flex-direction:column;display:flex}.usage-stat-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-start;display:flex}.usage-stat-icon{border-radius:var(--border-radius);background:var(--overlay-5);width:40px;height:40px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.usage-stat-icon svg{width:20px;height:20px}.period-tabs{background:var(--overlay-5);border-radius:var(--border-radius-sm);gap:2px;padding:2px;display:flex}.period-tab{color:var(--text-muted);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:.75rem;font-weight:500}.period-tab:hover{color:var(--text-primary)}.period-tab.active{background:var(--color-primary);color:#fff}.usage-stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;font-weight:500}.usage-stat-label{color:var(--text-muted);font-size:.875rem}.usage-stat-trend{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:.75rem;display:flex}.usage-stat-trend.up{color:var(--color-success)}.usage-stat-trend.down{color:var(--color-error)}.top-agents-section{margin-bottom:var(--spacing-xl)}.agent-ranking-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.agent-rank-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--overlay-2);border-radius:var(--border-radius);transition:all var(--transition-fast);border:1px solid #0000;display:flex}.agent-rank-item:hover{background:var(--overlay-5);border-color:var(--border-color)}.agent-rank-badge{background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.agent-rank-badge.gold{color:#1a1a1a;background:linear-gradient(135deg,gold,orange)}.agent-rank-badge.silver{color:#1a1a1a;background:linear-gradient(135deg,#e8e8e8,#a8a8a8)}.agent-rank-badge.bronze{color:#fff;background:linear-gradient(135deg,#cd7f32,#8b5a2b)}.agent-rank-info{flex:1;min-width:0}.agent-rank-name{color:var(--text-primary);margin-bottom:2px;font-weight:500}.agent-rank-description{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.agent-rank-stats{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.agent-rank-usage{font-family:var(--font-mono);color:var(--text-secondary);font-size:.875rem}.ai-portal-content-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 2fr;display:grid}@media (max-width:1200px){.ai-portal-content-grid{grid-template-columns:1fr}}.recent-activity-section{height:fit-content}.activity-list{flex-direction:column;gap:2px;max-height:400px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.activity-item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background var(--transition-fast);display:flex}.activity-item:hover{background:var(--overlay-3)}.activity-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-status-dot.success{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.activity-status-dot.error{background:var(--color-error);box-shadow:0 0 8px var(--color-error)}.activity-status-dot.running{background:var(--color-warning);animation:1.5s infinite pulse}.activity-content{flex:1;min-width:0}.activity-message{color:var(--text-primary);font-size:.875rem}.activity-user{font-weight:500}.activity-agent{color:var(--color-primary)}.activity-time{color:var(--text-muted);margin-top:2px;font-size:.75rem}.agent-catalog-section{gap:var(--spacing-md);flex-direction:column;display:flex}.catalog-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.catalog-search{flex:1;min-width:200px;max-width:300px}.catalog-search .search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem}.catalog-search .search-input:focus{border-color:var(--color-primary);outline:none}.catalog-search .search-input::placeholder{color:var(--text-muted)}.category-filter-chips{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.filter-chip{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:6px 12px;font-size:.75rem;font-weight:500}.filter-chip:hover{border-color:var(--text-muted);color:var(--text-primary)}.filter-chip.active{color:#fff}.agent-catalog-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.agent-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast);gap:var(--spacing-sm);flex-direction:column;display:flex}.agent-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-2px)}.agent-card-header{align-items:flex-start;gap:var(--spacing-sm);display:flex}.agent-card-icon{border-radius:var(--border-radius);background:var(--overlay-5);width:40px;height:40px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.agent-card-title{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.agent-card-name{color:var(--text-primary);font-weight:500}.agent-card-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.agent-card-footer{padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.agent-card-stats{gap:var(--spacing-md);color:var(--text-muted);font-size:.75rem;display:flex}.agent-card-dept{color:var(--text-muted);font-size:.75rem}.badge{border-radius:var(--border-radius-full);white-space:nowrap;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-sm{padding:2px 6px;font-size:.625rem}.user-analytics-section{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}@media (max-width:900px){.user-analytics-section{grid-template-columns:1fr}}.analytics-card{gap:var(--spacing-md);flex-direction:column;display:flex}.department-breakdown{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.department-item{padding:var(--spacing-sm)}.department-info{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.department-name{color:var(--text-primary);font-size:.875rem}.department-count{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.department-bar-bg{background:var(--overlay-10);border-radius:2px;height:4px;overflow:hidden}.department-bar{background:var(--color-primary);height:100%;transition:width var(--transition-normal);border-radius:2px}.power-users-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.power-user-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--overlay-2);border-radius:var(--border-radius);display:flex}.power-user-rank{width:24px;height:24px;color:var(--text-muted);background:var(--overlay-5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.power-user-info{flex:1;min-width:0}.power-user-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.power-user-dept{color:var(--text-muted);font-size:.75rem}.power-user-count{font-family:var(--font-mono);color:var(--text-secondary);font-size:.875rem}.main-tab-bar{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);display:flex}.main-tab{padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-muted);border-radius:var(--border-radius) var(--border-radius) 0 0;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.9375rem;font-weight:500;position:relative}.main-tab:hover{color:var(--text-primary);background:var(--overlay-3)}.main-tab.active{color:var(--color-primary);background:var(--overlay-5)}.main-tab.active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.sub-tab-bar{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);display:flex}.sub-tab{color:var(--text-muted);background:var(--overlay-3);border:1px solid var(--border-color);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast);padding:6px 14px;font-size:.8125rem;font-weight:500}.sub-tab:hover{color:var(--text-primary);border-color:var(--text-muted)}.sub-tab.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.tab-content{animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.top-lists-tab,.recommendations-tab,.usage-overview-tab{gap:var(--spacing-lg);padding-bottom:var(--spacing-xl);flex-direction:column;display:flex}.metrics-section{margin-bottom:var(--spacing-xl)}.card-title{color:var(--text-primary);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:600;display:flex}.rank-badge{background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.rank-badge.gold{color:#1a1a1a;background:linear-gradient(135deg,gold,orange)}.rank-badge.silver{color:#1a1a1a;background:linear-gradient(135deg,#e8e8e8,#a8a8a8)}.rank-badge.bronze{color:#fff;background:linear-gradient(135deg,#cd7f32,#8b5a2b)}.user-ranking-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.user-rank-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--overlay-2);border-radius:var(--border-radius);transition:all var(--transition-fast);border:1px solid #0000;display:flex}.user-rank-item:hover{background:var(--overlay-5);border-color:var(--border-color)}.user-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:600;display:flex}.user-rank-info{flex:1;min-width:0}.user-rank-name{color:var(--text-primary);margin-bottom:2px;font-weight:500}.user-rank-meta{color:var(--text-muted);gap:var(--spacing-sm);font-size:.75rem;display:flex}.user-rank-stats{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.stat-pill{font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary);background:var(--overlay-5);border-radius:var(--border-radius-full);align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.trend-indicator{align-items:center;gap:2px;font-size:.6875rem;font-weight:500;display:inline-flex}.trend-indicator.rising{color:var(--color-success)}.trend-indicator.falling{color:var(--color-error)}.trend-indicator.stable{color:var(--text-muted)}.prompts-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.prompt-card{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);display:flex}.prompt-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.prompt-rank{background:var(--overlay-5);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.prompt-content{flex:1;min-width:0}.prompt-text{color:var(--text-primary);margin-bottom:var(--spacing-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.prompt-meta{align-items:center;gap:var(--spacing-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs);font-size:.75rem;display:flex}.prompt-stats{gap:var(--spacing-md);color:var(--text-muted);font-size:.75rem;display:flex}.recommendations-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.recommendation-card{gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);flex-direction:column;display:flex}.recommendation-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-2px)}.rec-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.rec-title{color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.3}.priority-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-sm);flex-shrink:0;align-items:center;padding:3px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.priority-badge.high{color:var(--color-danger);background:#ef444426}.priority-badge.medium{color:#f59e0b;background:#f59e0b26}.priority-badge.low{color:#3b82f6;background:#3b82f626}.rec-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.rec-impact{align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-size:.8125rem;display:flex}.rec-footer{padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.affected-count{color:var(--text-muted);font-size:.75rem}.rec-action-btn{color:var(--color-primary);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);background:#6366f11a;border:none;padding:6px 14px;font-size:.8125rem;font-weight:500}.rec-action-btn:hover{color:#fff;background:#6366f133}.adoption-section{margin-bottom:var(--spacing-xl)}.adoption-metrics{gap:var(--spacing-xl);grid-template-columns:200px 1fr;align-items:start;display:grid}@media (max-width:900px){.adoption-metrics{grid-template-columns:1fr}}.adoption-gauge-container{text-align:center;flex-direction:column;align-items:center;display:flex}.gauge-svg{width:160px;height:100px;overflow:visible}.gauge-bg{fill:none;stroke:var(--overlay-10);stroke-width:12px;stroke-linecap:round}.gauge-fill{fill:none;stroke:var(--color-primary);stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset .5s ease-out}.gauge-value{font-family:var(--font-display);fill:var(--text-primary);font-size:1.75rem;font-weight:500}.gauge-label{fill:var(--text-muted);font-size:.75rem}.gauge-target{color:var(--text-muted);margin-top:var(--spacing-sm);font-size:.75rem}.adoption-grid{gap:var(--spacing-sm);flex-direction:column;display:flex}.adoption-item{padding:var(--spacing-sm);flex-direction:column;gap:4px;display:flex}.adoption-item-header{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.adoption-item-name{color:var(--text-primary);font-weight:500}.adoption-item-stats{gap:var(--spacing-sm);color:var(--text-muted);font-size:.75rem;display:flex}.adoption-bar-container{background:var(--overlay-10);border-radius:3px;height:6px;position:relative;overflow:visible}.adoption-bar{background:var(--color-primary);border-radius:3px;height:100%;transition:width .5s ease-out}.adoption-bar.above-target{background:var(--color-success)}.adoption-bar.near-target{background:var(--color-warning)}.adoption-bar.below-target{background:var(--color-error)}.adoption-target-marker{background:var(--text-muted);border-radius:1px;width:2px;position:absolute;top:-4px;bottom:-4px}.activity-tab{gap:var(--spacing-lg);flex-direction:column;display:flex}.activity-summary{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.summary-stat{padding:var(--spacing-md);background:var(--overlay-3);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;gap:2px;min-width:140px;display:flex}.summary-stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;font-weight:500}.summary-stat-label{color:var(--text-muted);font-size:.75rem}.activity-filters{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.activity-filter{color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:6px 14px;font-size:.8125rem;font-weight:500}.activity-filter:hover{color:var(--text-primary);border-color:var(--text-muted)}.activity-filter.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.activity-type-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-sm);background:var(--overlay-5);color:var(--text-muted);align-items:center;padding:2px 6px;font-size:.625rem;font-weight:500;display:inline-flex}.activity-type-badge.execution{color:#818cf8;background:#6366f126}.activity-type-badge.deployment{color:#4ade80;background:#22c55e26}.activity-type-badge.error{color:#f87171;background:#ef444426}.usage-stat-subtext{color:var(--text-muted);margin-top:2px;font-size:.75rem}.sparkline{align-items:flex-end;gap:2px;height:24px;display:flex}.sparkline-bar{background:var(--color-primary);border-radius:2px;width:4px;transition:height .3s ease-out}.cost-breakdown{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:640px){.cost-breakdown{grid-template-columns:1fr}}.cost-item{flex-direction:column;gap:4px;display:flex}.cost-item-label{color:var(--text-muted);font-size:.75rem}.cost-item-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:500}.two-column-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}@media (max-width:900px){.two-column-grid{grid-template-columns:1fr}}.rising-stars{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.rising-stars-title{color:var(--text-muted);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-xs);font-size:.8125rem;font-weight:600;display:flex}.prompt-category-chip{border-radius:var(--border-radius-sm);color:#818cf8;background:#6366f126;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:500;display:inline-flex}.projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.project-card{flex-direction:column;height:100%;display:flex}.project-link{color:inherit;height:100%;display:block}.project-name{font-family:var(--font-display);margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem;font-weight:400}.project-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);flex:1;line-height:1.6}.project-meta{color:var(--text-muted);gap:var(--spacing-md);font-size:.875rem;display:flex}.project-tabs{margin-top:var(--spacing-xl)}.tab-nav{gap:var(--spacing-xs);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);display:flex}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--color-moon-400);border-bottom-color:var(--color-moon-500)}.login-page,.signup-page,.register-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.login-card,.signup-card,.register-card{width:100%;max-width:420px;padding:var(--spacing-2xl)}.login-header,.signup-header,.register-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h1,.signup-header h1,.register-header h1{font-family:var(--font-display);margin-bottom:var(--spacing-sm);font-size:2rem}.login-subtitle,.signup-subtitle,.register-subtitle{color:var(--text-secondary)}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);border:1px solid #0000;align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.badge-blue{color:#a5b4fc;background:#6366f133;border-color:#6366f166}.badge-purple{color:#d8b4fe;background:#a855f733;border-color:#a855f766}.badge-emerald{color:#6ee7b7;background:#10b98133;border-color:#10b98166}.badge-amber{color:#fcd34d;background:#fbbf2433;border-color:#fbbf2466}.app-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center}.footer-content{color:var(--text-muted);font-size:.875rem}.muted{color:var(--text-muted)}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg, var(--color-moon-50) 0%, var(--color-moon-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animate-border{--border-gradient-angle:0deg;position:relative}.animate-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--border-gradient-angle), transparent 0%, transparent 22%, oklch(78% .132 300.37/.8) 25%, transparent 28%, transparent 72%, oklch(78% .132 300.37/.8) 75%, transparent 78%, transparent 100%);z-index:-1;animation:15s linear infinite border-rotate;position:absolute;inset:-2px}.animate-border:after{content:"";border-radius:inherit;background:var(--bg-primary);z-index:-1;position:absolute;inset:0}.component-showcase{padding:var(--spacing-xl)}.component-section{margin-bottom:var(--spacing-3xl)}.component-section h2{font-family:var(--font-display);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);font-size:1.5rem}.component-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}@media (max-width:768px){.nav-links{display:none}.hero-title{font-size:2rem}.hero-actions{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.stats-grid{grid-template-columns:1fr}.login-card,.signup-card,.register-card{padding:var(--spacing-lg)}}@media (max-width:480px){.main-content{padding:var(--spacing-md)}.container{padding:0 var(--spacing-sm)}.hero{padding:var(--spacing-xl) 0}.hero-title{font-size:1.75rem}}.canvas-page{background:#050510;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.canvas-main{flex:1;position:relative;overflow:hidden}.canvas-main.fullscreen-mode{z-index:100;margin:0;padding:0;position:fixed;inset:0}.canvas-workspace{background:#050510;width:100%;height:100%;position:relative;overflow:hidden}.canvas-container{width:100%;height:100%;position:relative}.canvas-element{cursor:grab;width:100%;height:100%;display:block}.canvas-element:active{cursor:grabbing}.canvas-loading{color:var(--text-muted);align-items:center;gap:var(--spacing-sm);font-size:1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dock-layout{width:100%;height:100%;position:relative;overflow:hidden}.dock-center{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.dock-main{flex:1;min-height:0;position:relative;overflow:hidden}.docked-panel{z-index:var(--z-panel);pointer-events:none;will-change:width, height;contain:layout style paint;background:#18181bfa;flex-direction:column;transition:width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;overflow:hidden}.docked-panel.dock-panel-active{pointer-events:auto}.dock-left{border-right:1px solid #0000;top:0;bottom:0;left:0}.dock-left.dock-panel-active{border-right-color:var(--overlay-8)}.dock-right{border-left:1px solid #0000;top:0;bottom:0;right:0}.dock-right.dock-panel-active{border-left-color:var(--overlay-8)}.dock-bottom{border-top:1px solid #0000;bottom:0;left:0;right:0}.dock-bottom.dock-panel-active{border-top-color:var(--overlay-8)}.dock-left>.docked-panel-content,.dock-left>.panel-header.panel-header-docked,.dock-right>.docked-panel-content,.dock-right>.panel-header.panel-header-docked{min-width:280px}.dock-bottom>.docked-panel-content,.dock-bottom>.panel-header.panel-header-docked{min-height:200px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:200000;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;transition:opacity .2s ease-out;display:flex;position:fixed;inset:0}.modal-backdrop.modal-active{opacity:1;pointer-events:auto}.modal-backdrop>.modal-content{transition:transform .2s cubic-bezier(.16,1,.3,1);transform:scale(.95)translateY(8px)}.modal-backdrop.modal-active>.modal-content{transform:scale(1)translateY(0)}.docked-panel-header{border-bottom:1px solid var(--overlay-6);-webkit-user-select:none;user-select:none;background:#27272a4d;justify-content:space-between;align-items:center;height:32px;min-height:32px;padding:0 8px 0 12px;display:flex}.panel-header.panel-header-docked{border-bottom:1px solid var(--overlay-6);-webkit-user-select:none;user-select:none;cursor:default;background:#27272a4d;justify-content:space-between;align-items:center;height:32px;min-height:32px;padding:0 8px 0 12px;display:flex}.panel-header-title-docked{color:var(--color-neutral-400);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.panel-header-docked .panel-header-actions-docked{opacity:1;align-items:center;gap:2px;display:flex;position:static;transform:none}.panel-header-docked .panel-btn{width:24px;height:24px;color:var(--color-neutral-500);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:12px;transition:all .15s;display:flex}.panel-header-docked .panel-btn:hover{background:var(--overlay-8);color:#d4d4d8}.docked-panel-title{color:var(--color-neutral-400);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.docked-panel-actions{align-items:center;gap:2px;display:flex}.docked-panel-btn{width:24px;height:24px;color:var(--color-neutral-500);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:12px;transition:all .15s;display:flex}.docked-panel-btn:hover{background:var(--overlay-8);color:#d4d4d8}.docked-panel-content{isolation:isolate;flex:1;min-height:0;overflow:auto}.dock-resize-handle{z-index:10;background:0 0;transition:background .15s;position:absolute}.dock-resize-handle:hover,.dock-resize-handle.active{background:#6366f14d}.dock-resize-right{cursor:col-resize;width:4px;height:100%;top:0;right:-2px}.dock-resize-left{cursor:col-resize;width:4px;height:100%;top:0;left:-2px}.dock-resize-top{cursor:row-resize;width:100%;height:4px;top:-2px;left:0}.dock-menu-wrapper{z-index:var(--z-fullscreen);position:relative}.dock-menu{z-index:var(--z-fullscreen);border:1px solid var(--overlay-10);background:#27272a;border-radius:6px;min-width:120px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0006}.dock-menu button{color:#d4d4d8;border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:6px 12px;font-size:12px;display:block}.dock-menu button:hover{color:#f4f4f5;background:#6366f133}.dock-menu-divider{border:none;border-top:1px solid var(--overlay-8);margin:4px 0}.floating-panels{pointer-events:none;width:100vw;height:100vh;z-index:var(--z-modal);position:fixed;top:0;left:0}.floating-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--overlay-8);border-radius:var(--border-radius-lg);pointer-events:auto;background:#141417f7;flex-direction:column;display:flex;position:absolute;overflow:visible;box-shadow:0 8px 32px #00000080}@keyframes panel-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.panel-header{cursor:grab;-webkit-user-select:none;user-select:none;z-index:10;flex-shrink:0;justify-content:center;align-items:center;height:20px;min-height:20px;padding:0 8px;display:flex;position:relative;overflow:visible}.panel-header:active{cursor:grabbing}.drag-indicator{background:#3f3f46;border-radius:2px;width:32px;height:4px;transition:background .15s}.panel-header:hover .drag-indicator{background:#52525b}.panel-title{display:none}.panel-close{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius);width:24px;height:24px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex}.panel-close:hover{background:var(--overlay-10);color:var(--text-primary)}.panel-content{isolation:isolate;flex:1;min-height:0;padding:0;overflow:auto}.panel-body{min-height:0;color:var(--text-secondary,var(--color-moon-300));scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:12px;font-size:.875rem;line-height:1.5;overflow:hidden auto}.panel-body:hover{scrollbar-color:var(--overlay-8) transparent}.panel-body::-webkit-scrollbar{width:5px}.panel-body::-webkit-scrollbar-track{background:0 0}.panel-body::-webkit-scrollbar-thumb{background:0 0;border-radius:3px;transition:background .15s}.panel-body:hover::-webkit-scrollbar-thumb{background:var(--overlay-8)}.panel-header-row{border-bottom:1px solid var(--border-color,#ffffff1a);background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:8px 12px;display:flex}.panel-header-title{color:var(--text-secondary,var(--color-moon-300));white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.panel-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.panel-input{background:var(--overlay-5);border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary,var(--color-moon-50));transition:border-color var(--transition-fast,.15s ease), background var(--transition-fast,.15s ease);border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;font-size:.8125rem}.panel-input:focus{border-color:var(--ide-accent,#4b70f5);background:#ffffff12}.panel-input::placeholder{color:var(--text-muted,var(--color-moon-400))}.panel-icon-btn{width:28px;height:28px;color:var(--ide-text-muted,var(--color-neutral-500));cursor:pointer;transition:background var(--transition-fast,.15s ease), color var(--transition-fast,.15s ease);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.panel-icon-btn:hover{background:var(--ide-hover-bg,#27272a80);color:var(--ide-text,#d4d4d8)}.panel-icon-btn:active{background:var(--ide-active-bg,#27272a)}.panel-icon-btn svg{width:16px;height:16px}.panel-list{flex-direction:column;gap:1px;padding:4px 0;display:flex}.panel-list-item{cursor:pointer;transition:background var(--transition-fast,.15s ease);color:var(--text-secondary,var(--color-moon-300));border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.8125rem;display:flex}.panel-list-item:hover{background:var(--overlay-4);color:var(--text-primary,var(--color-moon-50))}.panel-list-item.active,.panel-list-item[data-active=true]{color:var(--text-primary,var(--color-moon-50));background:#ffffff12}.panel-empty-state{text-align:center;color:var(--text-muted,var(--color-moon-400));flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.panel-empty-state-icon{opacity:.5;margin-bottom:4px;font-size:24px}.panel-empty-state-title{color:var(--text-secondary,var(--color-moon-300));font-size:.875rem;font-weight:500}.panel-empty-state-hint{color:var(--text-muted,var(--color-moon-400));max-width:220px;font-size:.75rem}.panel-error-bar{color:var(--color-error,var(--color-danger));background:#ef44441a;border-top:1px solid #ef444433;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;display:flex}.panel-divider{background:var(--border-color,#ffffff1a);flex-shrink:0;height:1px;margin:4px 0}.panel-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,var(--color-moon-400));padding:6px 12px 2px;font-size:.6875rem;font-weight:600}.snap-zone-preview{border-radius:var(--border-radius);pointer-events:none;z-index:9998;opacity:.7;background:#a1a1aa0a;border:1px dashed #a1a1aa26;position:fixed}.resize-handle{z-index:var(--z-panel);background:0 0;transition:background .15s;position:absolute}.resize-handle:hover{background:#a1a1aa26}.resize-handle:active{background:#a1a1aa40}.resize-handle-n,.resize-handle-s{cursor:ns-resize;height:8px;left:12px;right:12px}.resize-handle-n{top:-4px}.resize-handle-s{bottom:-4px}.resize-handle-e,.resize-handle-w{cursor:ew-resize;width:8px;top:12px;bottom:12px}.resize-handle-e{right:-4px}.resize-handle-w{left:-4px}.resize-handle-ne,.resize-handle-nw,.resize-handle-se,.resize-handle-sw{border-radius:var(--radius-sm);width:16px;height:16px}.resize-handle-ne{cursor:nesw-resize;top:-4px;right:-4px}.resize-handle-nw{cursor:nwse-resize;top:-4px;left:-4px}.resize-handle-se{cursor:nwse-resize;bottom:-4px;right:-4px}.resize-handle-sw{cursor:nesw-resize;bottom:-4px;left:-4px}.floating-panel.fullscreen{z-index:var(--z-fullscreen);border:none;border-radius:0;width:100%!important;height:100%!important;position:fixed!important;inset:0!important}.floating-panel.fullscreen .panel-header{height:18px;min-height:18px}.floating-panel.fullscreen .panel-body,.floating-panel.fullscreen .panel-content,.floating-panel.fullscreen .floating-panel-content{border-radius:0}.fullscreen-backdrop{z-index:var(--z-toast);pointer-events:none;background:#09090b80;position:fixed;inset:0}.panel-group{-webkit-backdrop-filter:blur(12px);border:1px solid var(--overlay-10);border-radius:var(--border-radius-lg);pointer-events:auto;background:#18181bf2;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 32px #00000080}.joint-titlebar{background:var(--overlay-3);border-bottom:1px solid var(--overlay-5);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:4px;height:36px;min-height:36px;padding:0 8px;display:flex}.joint-titlebar:active{cursor:grabbing}.joint-titlebar-section{align-items:center;gap:6px;height:100%;padding:0 8px;display:flex}.joint-titlebar-section.dragging{cursor:grabbing;opacity:.92}.joint-titlebar-section:not(:last-child){border-right:1px solid var(--overlay-5)}.joint-titlebar-title{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.joint-titlebar-close{width:18px;height:18px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.joint-titlebar-section:hover .joint-titlebar-close{opacity:1}.joint-titlebar-close:hover{color:#f87171;background:#ef444433}.joint-titlebar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.joint-titlebar-spacer{flex:1}.panel-group-content{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.panel-group-content.horizontal{flex-direction:row}.panel-group-content.vertical{flex-direction:column}.grouped-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.grouped-panel:not(:last-child){border-right:1px solid var(--overlay-5)}.panel-group-content.vertical .grouped-panel:not(:last-child){border-right:none;border-bottom:1px solid var(--overlay-5)}.attachment-border{z-index:var(--z-panel);background:0 0;transition:background .15s;position:absolute}.attachment-border:hover{background:#8b5cf633}.attachment-border.vertical{cursor:col-resize;width:8px;margin-left:-4px}.attachment-border.horizontal{cursor:row-resize;height:8px;margin-top:-4px}.detach-button{border-radius:var(--radius-sm);border:1px solid var(--overlay-10);width:20px;height:20px;color:var(--text-muted);opacity:0;cursor:pointer;background:#27272af2;justify-content:center;align-items:center;font-size:10px;transition:opacity .15s,background .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.attachment-border:hover .detach-button{opacity:1}.detach-button:hover{color:#f87171;background:#ef44444d;border-color:#ef444466}.triform-app{background:#18181b;width:100vw;height:100vh;position:relative;overflow:hidden}.top-bar{top:0;left:var(--dock-left-width,0px);right:var(--dock-right-width,0px);height:80px;z-index:var(--z-topbar);pointer-events:none;justify-content:space-between;align-items:center;padding:12px 16px;transition:left .2s cubic-bezier(.4,0,.2,1),right .2s cubic-bezier(.4,0,.2,1),top .3s;display:flex;position:absolute}.has-system-banner .top-bar{top:36px}.top-bar-left,.top-bar-center,.top-bar-right{pointer-events:auto;align-items:center;display:flex}.top-bar-left{flex-direction:column;flex:none;align-items:flex-start;gap:4px}.top-bar-right{flex:none;gap:20px}.topbar-back-btn{border:1px solid var(--overlay-12);color:var(--color-text-secondary,#a1a1aa);cursor:pointer;background:0 0;border-radius:6px;align-items:center;padding:4px 8px;transition:background .15s,border-color .15s;display:flex}.topbar-back-btn:hover{background:var(--overlay-8);color:var(--color-text-primary,#f4f4f5);border-color:#ffffff40}.top-bar-center{height:80px;z-index:var(--z-topbar);flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:50%;transform:translate(-50%)}.has-system-banner .top-bar-center{top:36px}.close-all-btn{color:var(--color-moon-600);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;border-radius:9999px;margin-top:6px;padding:3px 10px;font-size:11px;transition:color .2s,opacity .25s;position:absolute;top:100%}.top-bar-center:hover .close-all-btn,.panel-toolbar:hover~.close-all-btn{opacity:1;pointer-events:auto}.close-all-btn:hover{color:var(--color-moon-200)}.top-bar-frame{align-items:center;gap:12px;padding:0;display:flex}.topbar-env-row{align-items:center;gap:8px;padding-left:48px;display:flex}.topbar-env-separator{background:var(--overlay-15);flex-shrink:0;width:1px;height:24px}.topbar-env-tabs{align-items:center;gap:1px;display:flex}.topbar-env-tab{color:var(--color-neutral-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:3px 10px;font-family:inherit;font-size:11px;transition:background .15s,color .15s;display:flex}.topbar-env-tab:hover{background:var(--overlay-6);color:var(--color-neutral-400)}.topbar-env-tab-active{color:#e4e4e7;border-bottom:2px solid var(--env-tab-color);padding-bottom:1px;font-weight:600}.topbar-env-dot{opacity:.4;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:opacity .2s,box-shadow .2s}.topbar-env-dot-active{opacity:1;box-shadow:0 0 6px var(--env-tab-color,currentColor)}.topbar-env-label{text-transform:lowercase;letter-spacing:.02em;font-size:11px}.topbar-env-lock{opacity:.3;align-items:center;transition:opacity .2s;display:flex}.topbar-env-lock-active{opacity:.7}.topbar-share-nudge{color:#93c5fd;cursor:pointer;white-space:nowrap;background:#3b82f614;border:1px solid #3b82f640;border-radius:20px;align-items:center;gap:4px;padding:4px 14px;font-family:inherit;font-size:11px;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.topbar-share-nudge:hover:not(:disabled){background:#3b82f626;border-color:#3b82f666;box-shadow:0 0 12px #3b82f626}.topbar-share-nudge:disabled{opacity:.5;cursor:default}.topbar-go-live-link{color:var(--color-neutral-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:2px 8px;font-family:inherit;font-size:11px;transition:color .15s}.topbar-go-live-link:hover:not(:disabled){color:#10b981}.topbar-go-live-link:disabled{opacity:.4;cursor:default}.topbar-promote-link{color:var(--color-neutral-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:2px 8px;font-family:inherit;font-size:11px;transition:color .15s}.topbar-promote-link:hover{color:var(--color-neutral-300)}.topbar-promote-busy{color:var(--color-neutral-500);white-space:nowrap;opacity:.7;padding:2px 8px;font-size:11px}.topbar-share-nudge-busy{opacity:.7;cursor:default;pointer-events:none}.topbar-env-readonly{background:var(--overlay-6);color:var(--color-neutral-500);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:3px;padding:1px 8px;font-size:10px;display:inline-flex}.topbar-env-confirm-popover{border:1px solid var(--overlay-15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;z-index:10;background:#18181bf2;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;animation:.15s ease-out env-confirm-fade;display:inline-flex;position:relative;box-shadow:0 4px 12px #0000004d}.topbar-env-confirm-text{color:#fbbf24;font-size:11px;font-weight:500}.topbar-env-confirm-yes,.topbar-env-confirm-no{border:1px solid var(--overlay-10);cursor:pointer;border-radius:4px;padding:2px 8px;font-family:inherit;font-size:11px;transition:background .15s}.topbar-env-confirm-yes{color:#34d399;background:#10b98133;border-color:#10b9814d}.topbar-env-confirm-yes:hover{background:#10b98159}.topbar-env-confirm-no{color:var(--color-neutral-400);background:0 0}.topbar-env-confirm-no:hover{background:var(--overlay-6)}@keyframes env-confirm-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes env-tab-pulse{0%{box-shadow:0 0 0 0 var(--env-tab-color)}50%{box-shadow:0 0 12px 2px var(--env-tab-color)}to{box-shadow:0 0 #0000}}.topbar-env-tab-active.topbar-env-tab-fresh{animation:.6s ease-out env-tab-pulse}@keyframes env-badge-pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.breadcrumb-env-badge-pulse{animation:.6s ease-out env-badge-pulse}@media (max-width:900px){.topbar-env-label{display:none}.topbar-share-nudge{padding:3px 10px;font-size:10px}}@media (max-width:640px){.topbar-env-row,.topbar-env-separator,.topbar-env-tabs,.topbar-share-nudge,.topbar-go-live-link,.topbar-promote-link,.topbar-promote-busy{display:none}}.logo{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s;display:flex}.logo:hover{opacity:.8}.logo svg{width:100%;height:100%}.logo-link{justify-content:center;align-items:center;display:flex}.logo-menu-anchor{align-items:center;display:flex;position:relative}.orb-menu-btn{cursor:pointer;width:55px;height:55px;color:inherit;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .15s,filter .15s;display:flex;position:relative}.orb-menu-btn:hover{filter:brightness(1.15);transform:scale(1.06)}.orb-menu-btn.active{filter:brightness(1.2);transform:scale(.96)}.system-menu-wrapper{display:contents}.system-menu-backdrop{z-index:1099;position:fixed;inset:0}.system-menu{border:1px solid var(--overlay-12);-webkit-backdrop-filter:blur(24px);z-index:1100;transform-origin:0 0;background:#18181bf5;border-radius:12px;min-width:256px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) system-menu-in;position:absolute;top:calc(100% + 12px);left:-6px;box-shadow:0 8px 32px #00000080,0 0 0 1px #0000001a}@keyframes system-menu-in{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.system-menu-divider{background:var(--overlay-8);height:1px;margin:4px 0}.system-menu-item{width:100%;color:var(--color-neutral-400);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:7px 8px;font-family:inherit;font-size:13px;transition:background .1s,color .1s;display:flex}.system-menu-item:hover:not(:disabled){background:var(--overlay-8);color:#fafafa}.system-menu-item:disabled{opacity:.4;cursor:default}.system-menu-item.danger{color:var(--color-neutral-500)}.system-menu-item.danger:hover{color:var(--color-danger);background:#ef44441f}.system-menu-item-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.system-menu-item:hover:not(:disabled) .system-menu-item-icon{opacity:1}.system-menu-item-icon svg{width:16px;height:16px}.system-menu-item-label{flex:1}.system-menu-item-shortcut{color:#52525b;font-size:11px;font-family:var(--font-mono,monospace)}.system-menu-item:hover:not(:disabled) .system-menu-item-shortcut{color:var(--color-neutral-500)}.system-menu-item-badge{color:oklch(50% 0 0);letter-spacing:.03em;background:oklch(100% 0 0/.06);border-radius:8px;padding:1px 5px;font-size:9px;font-weight:500}.top-bar .breadcrumbs{color:#d4d4d8;align-items:center;gap:0;min-width:0;margin-bottom:0;font-size:13px;display:flex;overflow:hidden}.top-bar .breadcrumbs .breadcrumb-separator{flex-shrink:0}.top-bar .breadcrumbs .breadcrumb-item{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:140px;display:inline;overflow:hidden}.top-bar .breadcrumbs .breadcrumb-item:after{display:none}.top-bar .breadcrumbs .breadcrumb-ellipsis{color:#52525b;cursor:default;flex-shrink:0;padding:0}.breadcrumb-link{color:var(--color-neutral-400);cursor:pointer;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#f4f4f5}.breadcrumb-current{color:#e4e4e7;font-weight:500}.breadcrumb-clickable{border-radius:var(--radius-sm);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;background:0 0;border:none;margin:-4px -8px;padding:4px 8px;transition:background-color .15s,color .15s}.breadcrumb-clickable:hover{background-color:var(--overlay-10);color:#fff}.breadcrumb-clickable:active{background-color:var(--overlay-15)}.breadcrumb-bar{color:var(--color-neutral-400);align-items:center;gap:0;min-width:0;font-size:13px;display:flex;overflow:hidden}.breadcrumb-bar .breadcrumb-item{border-radius:var(--radius-sm);cursor:pointer;font:inherit;color:var(--color-neutral-400);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;min-width:0;max-width:160px;padding:4px 6px;font-size:13px;transition:background-color .15s,color .15s;overflow:hidden}.breadcrumb-bar .breadcrumb-item:hover:not(:disabled){background-color:var(--overlay-8);color:#f4f4f5}.breadcrumb-bar .breadcrumb-item:active:not(:disabled){background-color:var(--overlay-12)}.breadcrumb-bar .breadcrumb-item-active{color:#e4e4e7;cursor:default;font-weight:500}.breadcrumb-bar .breadcrumb-item-active:hover{background-color:#0000}.breadcrumb-bar .breadcrumb-root{align-items:center;padding:4px;display:flex}.breadcrumb-bar .breadcrumb-icon{opacity:.7;align-items:center;display:flex}.breadcrumb-bar .breadcrumb-root:hover .breadcrumb-icon{opacity:1}.breadcrumb-bar .breadcrumb-env-badge{text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.breadcrumb-bar .breadcrumb-separator{color:#52525b;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 2px}.environment-bar{border-bottom:1px solid var(--overlay-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#18181bd9;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 12px;display:flex}.environment-bar-tabs{align-items:center;gap:2px;display:flex}.environment-tab{color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-family:inherit;font-size:12px;transition:background .15s,color .15s;display:flex}.environment-tab:hover{background:var(--overlay-6);color:var(--color-neutral-400)}.environment-tab-active{color:#e4e4e7;background:var(--overlay-8);font-weight:600}.environment-dot{opacity:.4;border:1.5px solid #0000;border-radius:50%;flex-shrink:0;width:8px;height:8px}.environment-dot-active{opacity:1;box-shadow:0 0 6px}.environment-promote{align-items:center;display:flex}.environment-promote-btn{border:1px solid var(--overlay-10);background:var(--overlay-4);color:var(--color-neutral-400);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.environment-promote-btn:hover:not(:disabled){background:var(--overlay-8);color:#e4e4e7;border-color:var(--overlay-15)}.environment-promote-btn:disabled{opacity:.4;cursor:default}.environment-confirm{align-items:center;gap:6px;display:flex}.environment-confirm-text{color:#fbbf24;font-size:11px;font-weight:500}.environment-confirm-btn{border:1px solid var(--overlay-10);color:var(--color-neutral-400);cursor:pointer;border-radius:var(--radius-sm);background:0 0;padding:3px 10px;font-family:inherit;font-size:11px;transition:background .15s,color .15s}.environment-confirm-yes{color:#f87171;background:#ef444426;border-color:#ef44444d}.environment-confirm-yes:hover{background:#ef444440}.environment-confirm-no:hover{background:var(--overlay-6);color:#e4e4e7}.panel-toolbar{box-sizing:border-box;background:0 0;border:none;border-radius:0;align-items:center;gap:6px;height:auto;padding:0;display:flex;position:relative}.panel-btn{width:34px;height:34px;color:var(--color-moon-500);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:relative}.panel-btn:hover{color:var(--color-moon-200);background:#ffffff0a}.panel-btn.active,.panel-btn.panel-btn-active{color:var(--color-moon-50);background:0 0}.panel-btn.active:after,.panel-btn.panel-btn-active:after{content:"";background:var(--color-moon-200);border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.panel-btn svg{width:18px;height:18px}.action-buttons{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18181bcc;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:flex}.action-btn{color:#d4d4d8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.action-btn:hover{color:#f4f4f5;background:#27272a}.action-btn.primary{color:#fff;background:#7c3aed}.action-btn.primary:hover{background:#8b5cf6}.action-btn svg{width:16px;height:16px}.user-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;transition:transform .2s;display:flex}.user-avatar:hover{transform:scale(1.05)}.orb-menu-btn.orb-beacon-active:after{content:"";box-shadow:0 0 12px var(--waylight-color,#8b5cf6), 0 0 24px var(--waylight-color,#8b5cf6);border-radius:50%;position:absolute;inset:4px}@supports (color:color-mix(in lab, red, red)){.orb-menu-btn.orb-beacon-active:after{box-shadow:0 0 12px color-mix(in srgb, var(--waylight-color,#8b5cf6) 20%, transparent), 0 0 24px color-mix(in srgb, var(--waylight-color,#8b5cf6) 8%, transparent)}}.orb-menu-btn.orb-beacon-active:after{pointer-events:none;z-index:-1;animation:3s ease-in-out infinite orb-beacon-tint}@keyframes orb-beacon-tint{0%,to{opacity:.4}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.orb-menu-btn.orb-beacon-active:after{opacity:.5;animation:none}}.circle-avatar-orb{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wallet-balance{box-sizing:border-box;height:auto;color:var(--color-moon-300);letter-spacing:.02em;cursor:default;-webkit-user-select:none;user-select:none;text-shadow:0 1px 8px #0006;background:0 0;border:none;border-radius:0;align-items:center;gap:5px;padding:0;font-size:13px;font-weight:500;transition:color .2s;display:flex}.wallet-balance:hover{color:var(--color-moon-100)}.wallet-balance-icon{opacity:.45;align-items:center;transition:opacity .2s;display:flex}.wallet-balance:hover .wallet-balance-icon{opacity:.8}.wallet-balance-amount{font-variant-numeric:tabular-nums}.wallet-faucet-btn{width:20px;height:20px;color:var(--color-moon-500);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;place-items:center;margin-left:2px;padding:0;font-size:14px;font-weight:700;line-height:0;transition:color .15s,background .15s;display:inline-grid}.wallet-balance:hover .wallet-faucet-btn{opacity:1}.wallet-faucet-btn:hover:not(:disabled){color:var(--color-moon-200);background:#ffffff0f}.wallet-faucet-btn:disabled{opacity:.3;cursor:wait}.purchase-modal-backdrop{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.purchase-modal{background:var(--color-surface,#18181b);border:1px solid var(--overlay-10);border-radius:12px;width:100%;max-width:400px;margin:16px;padding:24px;box-shadow:0 24px 64px #0009}.purchase-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.purchase-modal-header h2{color:var(--color-text,#e4e4e7);margin:0;font-size:16px;font-weight:600}.purchase-modal-close{color:var(--color-text-muted,var(--color-neutral-500));cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;place-items:center;padding:4px;transition:color .15s;display:grid}.purchase-modal-close:hover{color:var(--color-text,#e4e4e7)}.purchase-section{margin-bottom:16px}.purchase-label{color:var(--color-text-muted,var(--color-neutral-500));margin-bottom:8px;font-size:12px;display:block}.purchase-quick-picks{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.purchase-pick-btn{border:1px solid var(--overlay-8);background:var(--overlay-4);color:var(--color-text-secondary,var(--color-neutral-400));cursor:pointer;text-align:center;border-radius:8px;padding:8px 0;font-size:13px;font-weight:500;transition:all .15s}.purchase-pick-btn:hover{border-color:var(--overlay-15);background:var(--overlay-6)}.purchase-pick-btn.selected{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2480}.purchase-amount-input,.purchase-threshold-input{background:var(--overlay-4);border:1px solid var(--overlay-8);border-radius:8px;align-items:center;padding:0 12px;transition:border-color .15s;display:flex}.purchase-amount-input:focus-within,.purchase-threshold-input:focus-within{border-color:#fbbf2466}.purchase-amount-input input,.purchase-threshold-input input{min-width:0;color:var(--color-text,#e4e4e7);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.purchase-amount-input input::placeholder,.purchase-threshold-input input::placeholder{color:var(--color-text-muted,var(--color-neutral-500));opacity:.6}.purchase-amount-unit{color:var(--color-text-muted,var(--color-neutral-500));flex-shrink:0;margin-left:6px;font-size:12px;font-weight:500}.purchase-auto-topup{background:var(--overlay-2);border:1px solid var(--overlay-6);border-radius:8px;margin-bottom:16px;padding:12px}.purchase-auto-topup-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.purchase-auto-topup-text{flex-direction:column;gap:2px;min-width:0;display:flex}.purchase-auto-topup-title{color:var(--color-text,#e4e4e7);font-size:13px;font-weight:500}.purchase-auto-topup-desc{color:var(--color-text-muted,var(--color-neutral-500));font-size:11px}.purchase-toggle{background:var(--overlay-12);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background .2s;position:relative}.purchase-toggle.on{background:#fbbf24}.purchase-toggle-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.purchase-toggle.on .purchase-toggle-knob{transform:translate(16px)}.purchase-threshold-row{border-top:1px solid var(--overlay-5);align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.purchase-threshold-label{color:var(--color-text-muted,var(--color-neutral-500));white-space:nowrap;font-size:12px}.purchase-threshold-row .purchase-threshold-input{flex:1}.purchase-price-summary{text-align:center;background:#fbbf240a;border:1px solid #fbbf2426;border-radius:8px;margin-bottom:16px;padding:10px}.purchase-price-amount{color:#fbbf24;font-size:15px;font-weight:600;display:block}.purchase-price-note{color:var(--color-text-muted,var(--color-neutral-500));margin-top:4px;font-size:11px;display:block}.purchase-error{color:#f87171;background:#ef444414;border:1px solid #ef444440;border-radius:6px;margin-bottom:12px;padding:8px 10px;font-size:12px}.purchase-submit-btn{letter-spacing:.01em;cursor:pointer;color:#18181b;background:#fbbf24;border:none;border-radius:8px;width:100%;padding:10px 0;font-size:13px;font-weight:600;transition:background .15s,opacity .15s;display:block}.purchase-submit-btn:hover:not(.disabled){background:#f59e0b}.purchase-submit-btn.disabled{opacity:.35;cursor:not-allowed}.purchase-footer{color:var(--color-text-muted,var(--color-neutral-500));text-align:center;opacity:.7;margin:12px 0 0;font-size:11px}.tx-history{min-width:280px;max-height:320px;overflow-y:auto}.tx-history-header{border-bottom:1px solid #27272a;padding:8px 12px}.tx-history-title{color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.tx-history-loading,.tx-history-empty{text-align:center;color:var(--color-neutral-500);padding:16px 12px;font-size:13px}.tx-history-list{flex-direction:column;display:flex}.tx-row{border-bottom:1px solid #27272a80;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.tx-row:last-child{border-bottom:none}.tx-row-left{flex-direction:column;gap:2px;display:flex}.tx-row-type{color:#e4e4e7;text-transform:capitalize;font-weight:600}.tx-row-peer{color:var(--color-neutral-500);font-family:monospace;font-size:11px}.tx-row-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.tx-row-amount{font-variant-numeric:tabular-nums;font-weight:600}.tx-incoming .tx-row-amount{color:#4ade80}.tx-outgoing .tx-row-amount{color:#f87171}.tx-row-block{color:#52525b;font-family:monospace;font-size:10px}.user-dropdown{min-width:200px;z-index:var(--z-topbar);background:#18181bfa;border:1px solid #3f3f46;border-radius:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}.user-dropdown-header{flex-direction:column;gap:2px;padding:12px 16px;display:flex}.user-dropdown-name{color:#fafafa;font-size:14px;font-weight:600}.user-dropdown-email{color:var(--color-neutral-400);font-size:12px}.user-dropdown-divider{background:#3f3f46;height:1px;margin:0}.user-dropdown-item{color:#d4d4d8;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:14px;transition:background .15s}.user-dropdown-item:hover{background:var(--overlay-8);color:#fafafa}.status-bar{z-index:35;-webkit-backdrop-filter:blur(20px)saturate(1.2);color:var(--color-moon-400);transition:max-height .3s var(--easing-spring), background .3s ease, backdrop-filter .3s ease;background:#0e0e1099;border-top:none;flex-direction:column;max-height:42px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.status-bar-hidden{pointer-events:none;opacity:0;max-height:0!important}.status-bar-expanded{-webkit-backdrop-filter:blur(24px)saturate(1.3);background:#0e0e10bf;border-top:1px solid #ffffff0d;max-height:500px;overflow-y:auto}.status-bar-main{cursor:pointer;text-shadow:0 1px 8px #00000080;justify-content:space-between;align-items:center;gap:16px;height:42px;min-height:42px;padding:0 16px;display:flex}.status-bar-main:hover{background:#ffffff05}.status-bar-detail{border-top:1px solid var(--overlay-6);flex-direction:column;gap:14px;padding:12px 20px 16px;display:flex}.stats-detail-header{justify-content:space-between;align-items:center;display:flex}.stats-summary{gap:8px;display:flex}.stats-card{-webkit-backdrop-filter:var(--glass-blur-card);border:1px solid var(--overlay-4);border-bottom:1px solid var(--overlay-6);opacity:0;background:#ffffff08;border-radius:6px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:12px 8px 10px;transition:opacity .25s,transform .25s;display:flex;transform:translateY(4px)}.status-bar-expanded .stats-card{opacity:1;transform:translateY(0)}.status-bar-expanded .stats-card:first-child{transition-delay:50ms}.status-bar-expanded .stats-card:nth-child(2){transition-delay:.1s}.status-bar-expanded .stats-card:nth-child(3){transition-delay:.15s}.status-bar-expanded .stats-card:nth-child(4){transition-delay:.2s}.status-bar-expanded .stats-card:nth-child(5){transition-delay:.25s}.status-bar-expanded .stats-card:nth-child(6){transition-delay:.3s}.status-bar-expanded .stats-card:nth-child(7){transition-delay:.35s}.status-bar-expanded .stats-card:nth-child(8){transition-delay:.4s}.stats-card-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-moon-100);font-size:20px;font-weight:600;line-height:1.2}.stats-card-value.success{color:var(--color-success,oklch(69.6% .17 162))}.stats-card-value.warning{color:oklch(79.5% .184 86)}.stats-card-value.danger{color:var(--color-error,oklch(63.7% .237 25))}.stats-card-value.muted{color:var(--color-moon-600)}.stats-card-label{color:var(--color-moon-500);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:10px}.stats-context-label{color:var(--color-moon-400);padding:0 2px;font-size:11px}.stats-context-label span{color:var(--color-moon-200);font-weight:500}.stats-element-header{color:var(--color-moon-600);letter-spacing:.06em;border-bottom:1px solid var(--overlay-6);align-items:center;gap:12px;padding:6px 8px 4px;font-size:10px;display:flex}.stats-col-name{flex-shrink:0;min-width:160px}.stats-col-metric{text-align:right;min-width:48px}.stats-col-bar{flex:1}.stats-empty{color:var(--color-moon-600);text-align:center;padding:12px 0;font-size:11px}.status-section{align-items:center;gap:10px;display:flex}.status-section-left{flex:none;justify-content:flex-start}.status-section-center{flex:1;justify-content:center;min-width:0}.status-section-right{flex:none;justify-content:flex-end}.status-connection{align-items:center;gap:8px;display:flex}.connection-dot{background:var(--color-moon-600);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background-color .3s,box-shadow .3s}.connection-dot.connected{background:var(--color-success,oklch(69.6% .17 162));box-shadow:0 0 6px oklch(69.6% .17 162/.5),0 0 12px oklch(69.6% .17 162/.25)}.connection-dot.connecting{background:var(--color-warning,oklch(76.9% .188 70));animation:1s ease-in-out infinite status-pulse}.connection-dot.disconnected{background:var(--color-error,oklch(63.7% .237 25))}.connection-label{color:var(--color-moon-300);white-space:nowrap;font-size:12px}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.status-context-summary{color:var(--color-moon-400);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:12px;font-weight:400;overflow:hidden}.status-context-summary .summary-accent{font-weight:500}.status-context-summary .summary-accent.success{color:var(--color-success,oklch(69.6% .17 162))}.status-context-summary .summary-accent.warning{color:var(--color-warning,oklch(76.9% .188 70))}.status-context-summary .summary-accent.danger{color:var(--color-error,oklch(63.7% .237 25))}.status-context-summary .summary-accent.running{color:oklch(62.3% .214 259)}.summary-success-dot{background:var(--color-success,oklch(69.6% .17 162));vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.status-right-zone{align-items:center;gap:8px;display:flex}.status-eval-chip{font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:none;border-radius:0;padding:0;font-size:11px;font-weight:500}.status-eval-chip.muted{color:var(--color-moon-500)}.status-eval-chip.success{color:var(--color-success,oklch(69.6% .17 162));border-color:oklch(69.6% .17 162/.25)}.status-eval-chip.warning{color:oklch(79.5% .184 86);border-color:oklch(79.5% .184 86/.25)}.status-eval-chip.danger{color:var(--color-error,oklch(63.7% .237 25));border-color:oklch(63.7% .237 25/.25)}.status-period-label{color:var(--color-moon-400);white-space:nowrap;font-size:11px}.status-expand-chevron{color:var(--color-moon-500);transition:transform .3s var(--easing-circ,cubic-bezier(.85, .09, .15, .91));font-size:10px;line-height:1;display:inline-flex}.status-bar-expanded .status-expand-chevron{transform:rotate(180deg)}.status-item{align-items:center;gap:6px;display:flex}.status-item.clickable{cursor:pointer;color:var(--color-moon-400);background:0 0;border:none;border-radius:6px;margin:-3px 0;padding:3px 8px;font-size:12px;transition:background .15s}.status-item.clickable:hover{background:var(--overlay-8)}.status-item.clickable:active{background:var(--overlay-12)}.status-icon{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.status-icon svg{width:14px;height:14px}.status-icon.alert{color:var(--color-warning,oklch(76.9% .188 70))}.status-icon.running{color:oklch(62.3% .214 259);animation:1.5s linear infinite status-spin}.metric-value{color:var(--color-moon-200);font-weight:500}.metric-value.alert{color:var(--color-warning,oklch(76.9% .188 70));font-weight:600}.metric-value.running{color:oklch(62.3% .214 259)}.metric-label{color:var(--color-moon-400)}@keyframes status-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-btn{position:relative}.panel-badge{color:#fff;background:var(--color-danger);border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:600;line-height:1;display:flex;position:absolute;top:-3px;right:-3px}.floating-panel{background:linear-gradient(180deg, var(--glass-panel) 0%, #09090beb 100%);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--overlay-8);pointer-events:auto;border-radius:12px;flex-direction:column;max-height:calc(100dvh - 80px);transition:box-shadow .15s;display:flex;position:fixed;overflow:visible;box-shadow:0 8px 32px -12px #00000080,0 4px 16px -4px #0000004d,inset 0 1px #3f3f4633}.floating-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--overlay-8), transparent);pointer-events:none;z-index:1;border-radius:1px;height:1px;position:absolute;top:0;left:20px;right:20px}.floating-panel:after{content:"";background:radial-gradient(ellipse at center, rgba(var(--circle-color-rgb,107, 114, 128), .03) 0%, transparent 70%);pointer-events:none;z-index:-1;border-radius:24px;position:absolute;inset:-30px}.floating-panel-fullscreen{box-shadow:none;border:none;border-radius:0}.floating-panel-fullscreen .floating-panel-header{border-radius:0;height:28px}.floating-panel-fullscreen .floating-panel-content{border-radius:0}.floating-panel-header{-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--overlay-6);background:#27272a26;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;height:32px;padding:0 8px 0 12px;display:flex}.floating-panel-header.cursor-grab{cursor:grab}.floating-panel-header.cursor-grab:active{cursor:grabbing}.floating-panel-header .panel-title{color:#d4d4d8;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.panel-controls{opacity:.6;align-items:center;gap:2px;transition:opacity .15s;display:flex}.floating-panel-header:hover .panel-controls{opacity:1}.panel-control{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.panel-control:hover{color:#d4d4d8;background:#27272a}.panel-control-close:hover{color:#f87171;background:#ef444433}.floating-panel-content{scrollbar-width:thin;scrollbar-color:transparent transparent;isolation:isolate;border-radius:0 0 12px 12px;flex:1;min-height:100px;overflow:auto}.floating-panel-content:hover{scrollbar-color:var(--overlay-6) transparent}.panel-placeholder{height:100%;color:var(--color-neutral-500);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.resize-n,.resize-s{cursor:ns-resize;height:8px;left:16px;right:16px}.resize-n{top:-4px}.resize-s{bottom:-4px}.resize-e,.resize-w{cursor:ew-resize;width:8px;top:16px;bottom:16px}.resize-e{right:-4px}.resize-w{left:-4px}.resize-ne,.resize-nw,.resize-se,.resize-sw{border-radius:var(--radius-sm);width:16px;height:16px}.resize-ne{cursor:nesw-resize;top:-4px;right:-4px}.resize-nw{cursor:nwse-resize;top:-4px;left:-4px}.resize-se{cursor:nwse-resize;bottom:-4px;right:-4px}.resize-sw{cursor:nesw-resize;bottom:-4px;left:-4px}.zoom-indicator{z-index:var(--z-panel);border:1px solid var(--overlay-15);color:var(--color-neutral-400);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18181be6;border-radius:6px;padding:4px 12px;font-size:12px;position:absolute;top:84px;left:16px}.breadcrumb-indicator{z-index:var(--z-panel);border:1px solid var(--overlay-15);color:#a78bfa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#18181be6;border-radius:6px;padding:4px 12px;font-size:12px;transition:all .2s;position:absolute;top:116px;left:16px}.breadcrumb-indicator:hover{color:#c4b5fd;background:#27272ae6}.login-modal-overlay{z-index:var(--z-fullscreen);-webkit-backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-modal{border:1px solid var(--overlay-15);width:100%;max-width:400px;box-shadow:0 0 0 1px var(--overlay-5), 0 20px 50px -10px #000000b3, 0 10px 30px -5px #00000080;background:linear-gradient(#18181bfa 0%,#09090bfc 100%);border-radius:16px;margin:16px;padding:32px}.login-modal-header{text-align:center;margin-bottom:24px}.login-modal-header h2{color:#f4f4f5;margin:0 0 8px;font-size:24px;font-weight:600}.login-modal-subtitle{color:var(--color-neutral-400);margin:0;font-size:14px}.login-modal-form{flex-direction:column;gap:16px;display:flex}.login-modal-form .form-group{flex-direction:column;gap:6px;display:flex}.login-modal-form label{color:#d4d4d8;font-size:13px;font-weight:500}.login-modal-form input{color:#f4f4f5;border:1px solid var(--overlay-10);background:#27272a80;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.login-modal-form input::placeholder{color:var(--color-neutral-500)}.login-modal-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.login-modal-form .form-actions{margin-top:8px}.login-modal-form .form-footer{text-align:center;border-top:1px solid var(--overlay-10);margin-top:16px;padding-top:16px}.login-modal-form .form-footer p{color:var(--color-neutral-400);margin:0;font-size:13px}.link-btn{color:#8b5cf6;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.link-btn:hover{color:#a78bfa;text-decoration:underline}.form-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:8px;padding:12px 16px;font-size:13px}.input-error{color:#f87171;margin-top:4px;font-size:12px}.password-requirements{border:1px solid var(--overlay-8);background:#27272a4d;border-radius:8px;flex-direction:column;gap:6px;margin-top:12px;padding:12px 14px;display:flex}.password-requirements .requirement{color:var(--color-neutral-500);align-items:center;gap:8px;font-size:12px;transition:color .15s;display:flex}.password-requirements .requirement.met{color:#10b981}.password-requirements .requirement .indicator{text-align:center;width:16px;font-size:12px;transition:color .15s}.password-requirements .requirement.met .indicator{color:#10b981}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#7c3aed}.btn-primary:hover:not(:disabled){background:#8b5cf6}.btn-primary:disabled{color:#a78bfa99;cursor:not-allowed;box-shadow:none;background:#7c3aed4d;border:1px solid #7c3aed33}.btn-primary:disabled:hover{background:#7c3aed4d;transform:none}.btn-tooltip-wrapper{width:100%;position:relative}.btn-tooltip{border:1px solid var(--overlay-20);color:#e4e4e7;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:var(--z-panel);background:#18181b;border-radius:8px;padding:10px 14px;font-size:13px;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.btn-tooltip:after{content:"";border:8px solid #0000;border-top-color:#18181b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.btn-tooltip-wrapper:hover .btn-tooltip,.btn-tooltip-wrapper:focus-within .btn-tooltip{opacity:1;visibility:visible}.btn-large{padding:14px 24px;font-size:15px}.btn-full{width:100%}.tree-view{padding:var(--spacing-xs);-webkit-user-select:none;user-select:none;font-size:13px}.tree-item-wrapper{margin:0;padding:0}.tree-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);align-items:center;gap:4px;padding:4px 8px;transition:background-color .1s,color .1s;display:flex}.tree-item:hover{background:var(--overlay-5);color:var(--text-primary)}.tree-item.selected{color:var(--text-primary);background:#7c3aed33}.tree-item-chevron{opacity:.5;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .15s,opacity .15s;display:flex;transform:rotate(0)}.tree-item-chevron:hover{opacity:1}.tree-item-chevron.expanded{transform:rotate(90deg)}.tree-item-chevron.hidden{visibility:hidden}.tree-item-chevron svg{width:12px;height:12px}.tree-item-icon{opacity:.8;flex-shrink:0;width:16px;height:16px}.tree-item-icon svg{width:100%;height:100%}.tree-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree-item-children{margin-left:0}.panel-section{border-bottom:1px solid var(--border-color)}.panel-section:last-child{border-bottom:none}.panel-section-header{cursor:pointer;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:600;transition:background-color .1s;display:flex}.panel-section-header:hover{background:var(--overlay-3);color:var(--text-primary)}.panel-section-chevron{opacity:.5;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .15s;display:flex;transform:rotate(0)}.panel-section-chevron.expanded{transform:rotate(90deg)}.panel-section-chevron svg{width:12px;height:12px}.panel-section-title{flex:1}.panel-section-badge{color:var(--color-moon-300);background:#7c3aed4d;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:500}.panel-section-content{padding:0}.explorer-content{flex-direction:column;height:100%;display:flex;overflow:hidden}.explorer-content .panel-section-content{max-height:300px;overflow-y:auto}.explorer-git-actions{align-items:center;gap:6px;padding:2px 8px 4px 24px;display:flex;position:relative}.explorer-git-menu-btn{border:1px solid var(--color-moon-700);color:var(--color-moon-400);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;transition:all .15s;display:inline-flex}.explorer-git-menu-btn:hover{background:var(--color-moon-800);color:var(--color-moon-200)}.explorer-git-chevron{font-size:9px}.explorer-git-dropdown{z-index:var(--z-panel);background:var(--color-moon-900);border:1px solid var(--color-moon-700);border-radius:var(--radius-sm);flex-direction:column;min-width:140px;padding:2px;display:flex;position:absolute;top:100%;left:24px;box-shadow:0 4px 12px #0006}.explorer-git-action{text-align:left;width:100%;color:var(--color-moon-300);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:5px 10px;font-size:11px;transition:background .1s;display:block}.explorer-git-action:hover{background:var(--color-moon-800);color:var(--color-moon-100)}.explorer-git-divider{border:none;border-top:1px solid var(--color-moon-700);margin:4px 0}.explorer-git-status{color:var(--color-moon-500);font-size:10px}.explorer-git-status.ok{color:#22c55e}.explorer-empty{text-align:center;padding:16px}.explorer-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:8px;padding:8px;display:flex}.explorer-search-row{align-items:center;gap:8px;display:flex}.explorer-search-row .search-input-wrapper{flex:1}.search-mode-toggle{border-radius:var(--radius-sm);background:#0003;flex-shrink:0;display:flex;overflow:hidden}.search-mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.search-mode-btn:hover{background:var(--overlay-5);color:var(--text-secondary)}.search-mode-btn.active{background:var(--color-primary);color:#fff}.search-mode-btn svg{width:14px;height:14px}.vector-target-selector{flex-direction:column;gap:4px;display:flex}.vector-selector-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.vector-target-chips{flex-wrap:wrap;gap:4px;display:flex}.vector-target-chip{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#0003;border-radius:12px;padding:3px 8px;font-size:11px;transition:all .15s}.vector-target-chip:hover{background:var(--overlay-5);color:var(--text-secondary);border-color:var(--text-muted)}.vector-target-chip.active{border-color:var(--color-primary);color:var(--color-primary);background:#6366f133}.semantic-results-section{border-bottom:1px solid var(--border-color);max-height:200px;overflow-y:auto}.semantic-results-header{background:#6366f11a;border-bottom:1px solid #6366f133;align-items:center;gap:8px;padding:8px 12px;display:flex}.semantic-results-title{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.semantic-loading{gap:3px;display:flex}.loading-dot{background:var(--color-primary);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite loadingDot}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.semantic-error{color:var(--color-error);background:#ef44441a;padding:8px 12px;font-size:12px}.semantic-empty{text-align:center;color:var(--text-muted);padding:12px;font-size:12px}.semantic-results-list{flex-direction:column;display:flex}.semantic-result-item{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;transition:background-color .1s;display:flex}.semantic-result-item:hover{background:var(--overlay-3)}.semantic-result-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.semantic-result-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.semantic-result-type{color:var(--text-muted);background:#0003;border-radius:3px;padding:2px 6px;font-size:11px}.semantic-result-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.semantic-result-vector{color:var(--text-muted);text-transform:capitalize;font-size:10px}.score-badge{border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.score-badge.score-excellent{color:#10b981;background:#10b98133}.score-badge.score-good{color:#6366f1;background:#6366f133}.score-badge.score-fair{color:#f97316;background:#f9731633}.score-badge.score-low{color:#9ca3af;background:#9ca3af33}.score-threshold-slider{flex-direction:column;gap:4px;padding:8px 12px;display:flex}.score-threshold-label{color:var(--text-muted);font-size:11px}.score-threshold-value{color:var(--text-primary);font-weight:600}.score-slider{background:var(--overlay-10);appearance:none;border-radius:2px;width:100%;height:4px}.score-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:12px;height:12px}.score-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.hybrid-results-section{border-bottom:1px solid var(--border-color);max-height:300px;overflow-y:auto}.hybrid-results-header{background:#6366f10d;border-bottom:1px solid #6366f11a;align-items:center;gap:8px;padding:8px 12px;display:flex}.hybrid-results-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.hybrid-results-count{color:var(--text-muted);margin-left:auto;font-size:10px}.hybrid-loading{gap:3px;display:flex}.hybrid-error{color:var(--color-error);background:#ef44441a;padding:8px 12px;font-size:12px}.hybrid-empty{text-align:center;color:var(--text-muted);padding:12px;font-size:12px}.hybrid-results-list{flex-direction:column;display:flex}.hybrid-result-item{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;transition:background-color .1s;display:flex}.hybrid-result-item:hover{background:var(--overlay-3)}.hybrid-result-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.hybrid-result-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.hybrid-result-type{color:var(--text-muted);background:#0003;border-radius:3px;padding:2px 6px;font-size:11px}.hybrid-result-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.hybrid-result-vector{color:var(--text-muted);text-transform:capitalize;font-size:10px}.match-source-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:600}.match-source-badge.match-text{color:#9ca3af;background:#9ca3af33}.match-source-badge.match-semantic{color:#6366f1;background:#6366f133}.match-source-badge.match-both{color:#10b981;background:#10b98133}.editor-content{flex-direction:column;height:100%;display:flex;overflow:hidden}.editor-tabs{border-bottom:1px solid var(--border-color);background:#0000004d;flex-shrink:0}.editor-tabs-scroll{scrollbar-width:thin;scrollbar-color:var(--overlay-10) transparent;display:flex;overflow-x:auto}.editor-tabs-scroll::-webkit-scrollbar{height:4px}.editor-tabs-scroll::-webkit-scrollbar-track{background:0 0}.editor-tabs-scroll::-webkit-scrollbar-thumb{background:var(--overlay-10);border-radius:2px}.editor-tab{border-right:1px solid var(--border-color);cursor:pointer;min-width:100px;max-width:180px;color:var(--text-muted);background:0 0;align-items:center;gap:6px;padding:8px 12px;transition:background-color .1s,color .1s;display:flex}.editor-tab:hover{background:var(--overlay-3);color:var(--text-secondary)}.editor-tab.active{background:var(--overlay-5);color:var(--text-primary);border-bottom:2px solid var(--color-primary);margin-bottom:-1px}.editor-tab.preview .editor-tab-name{font-style:italic}.editor-tab-icon{opacity:.7;flex-shrink:0;width:14px;height:14px}.editor-tab-icon svg{width:100%;height:100%}.editor-tab-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.editor-tab-close{border-radius:var(--radius-sm);opacity:0;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .1s,background-color .1s;display:flex}.editor-tab:hover .editor-tab-close,.editor-tab.active .editor-tab-close{opacity:.5}.editor-tab-close:hover{background:var(--overlay-10);opacity:1!important}.tab-close-icon svg{width:10px;height:10px}.tab-dirty-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px}.monaco-container{width:100%;height:100%;min-height:200px}.monaco-loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.editor-monaco{height:100%}.editor-empty{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.editor-empty-icon{opacity:.3;width:48px;height:48px;margin-bottom:16px}.editor-empty-icon svg{width:100%;height:100%}.editor-empty h3{color:var(--text-secondary);margin:0 0 8px;font-size:16px;font-weight:500}.editor-empty p{margin:0 0 24px;font-size:13px}.editor-empty-shortcuts{flex-direction:column;gap:8px;display:flex}.shortcut-item{align-items:center;gap:12px;font-size:12px;display:flex}.shortcut-item kbd{background:var(--overlay-5);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono);text-align:center;min-width:80px;padding:4px 8px;font-size:11px}.editor-breadcrumb{border-bottom:1px solid var(--border-color);color:var(--text-muted);background:#0003;align-items:center;gap:2px;min-width:0;padding:4px 12px;font-size:12px;display:flex;overflow:hidden}.breadcrumb-segment{cursor:default;border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:140px;padding:2px 4px;transition:background-color .1s,color .1s;overflow:hidden}.breadcrumb-segment.navigable{cursor:pointer}.breadcrumb-segment.navigable:hover{background:var(--overlay-5);color:var(--text-secondary)}.breadcrumb-segment.current{color:var(--text-primary);cursor:default}.breadcrumb-segment.current:hover{background:0 0}.breadcrumb-separator{opacity:.3}.panel-header-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.panel-header:hover .panel-header-actions,.floating-panel:focus-within .panel-header-actions{opacity:1}.panel-header-actions .panel-btn{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:10px;transition:all .15s;display:flex}.panel-header-actions .panel-btn svg{width:12px;height:12px}.panel-header-actions .panel-btn:hover{color:var(--color-neutral-400);background:#27272a}.panel-header-actions .panel-close:hover{color:#f87171;background:#ef444433}.text-muted{color:var(--text-muted)}.activity-panel{background:var(--bg-card);flex-direction:column;height:100%;display:flex}.activity-filter-bar{border-bottom:1px solid var(--border-color);background:#0003;flex-direction:column;gap:8px;padding:12px;display:flex}.activity-search{width:100%}.activity-search .search-input{background:var(--overlay-5);border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-sans);outline:none;padding:8px 12px;transition:border-color .15s,background-color .15s}.activity-search .search-input:focus{border-color:var(--color-primary);background:var(--overlay-8)}.activity-search .search-input::placeholder{color:var(--text-muted)}.activity-categories{flex-wrap:wrap;gap:6px;display:flex}.category-toggle{background:var(--overlay-5);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .15s;display:flex}.category-toggle:hover{background:var(--overlay-8);border-color:var(--border-color-hover)}.category-toggle.active{background:rgba(var(--color-primary), .15);border-color:var(--color-primary);color:var(--color-primary)}.category-toggle .category-icon{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.category-toggle .category-icon svg{width:14px;height:14px}.activity-feed{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;overflow-y:auto}.activity-feed:hover{scrollbar-color:var(--overlay-8) transparent}.activity-feed::-webkit-scrollbar{width:5px}.activity-feed::-webkit-scrollbar-track{background:0 0}.activity-feed::-webkit-scrollbar-thumb{background:0 0;border-radius:3px;transition:background .15s}.activity-feed:hover::-webkit-scrollbar-thumb{background:var(--overlay-8)}.activity-loading,.activity-error{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.activity-error{color:var(--color-error)}.activity-error .error-icon{font-size:16px}.empty-state{text-align:center;background:radial-gradient(ellipse 60% 50% at 50% 40%, rgba(var(--circle-color-rgb), .025) 0%, transparent 70%);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state .empty-icon{opacity:.3;width:48px;height:48px;margin-bottom:16px}.empty-state .empty-icon svg{width:48px;height:48px}.empty-state p{margin:4px 0;font-size:14px}.event-item{border-bottom:1px solid var(--border-color);cursor:pointer;grid-template-columns:32px 1fr auto;gap:12px;padding:12px;transition:background-color .15s;display:grid}.event-item:hover{background:var(--overlay-3)}.event-item.status-running{border-left:3px solid var(--color-blue)}.event-item.status-success{border-left:3px solid var(--color-success)}.event-item.status-error{border-left:3px solid var(--color-error)}.event-item.status-cancelled{border-left:3px solid var(--text-muted)}.event-item.status-waiting{border-left:3px solid var(--color-warning)}.event-item.status-unread{background:rgba(var(--color-primary), .05)}.event-icon{color:var(--text-muted);justify-content:center;align-items:flex-start;padding-top:2px;display:flex}.event-icon svg{width:18px;height:18px}.event-summary{flex-direction:column;gap:4px;min-width:0;display:flex}.event-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.event-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.event-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.event-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.event-path{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.event-status{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--overlay-5);color:var(--text-muted);align-items:flex-start;padding:2px 6px;font-size:10px;font-weight:500;display:flex}.event-status.status-running{color:var(--color-blue);background:#6366f126}.event-status.status-success{color:var(--color-success);background:#10b98126}.event-status.status-error{color:var(--color-error);background:#ef444426}.event-status.status-waiting{color:var(--color-warning);background:#f59e0b26}.event-locate-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s,background .15s;display:flex}.event-item:hover .event-locate-btn{opacity:1}.event-locate-btn:hover{color:var(--color-blue);background:#3b82f61f}.event-detail{border-radius:var(--border-radius);border:1px solid var(--border-color);background:#0003;grid-column:1/-1;margin-top:12px;padding:12px}.detail-row{align-items:flex-start;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.detail-row:last-child{margin-bottom:0}.detail-label{min-width:80px;color:var(--text-muted);flex-shrink:0}.detail-value{color:var(--text-primary)}.detail-section{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:500;display:block}.trace-id{font-family:var(--font-mono);background:var(--overlay-5);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px}.error-message,.json-data,.log-body{font-family:var(--font-mono);border-radius:var(--border-radius);white-space:pre-wrap;word-break:break-word;background:#0000004d;max-height:200px;margin:0;padding:8px;font-size:11px;line-height:1.5;overflow-y:auto}.error-message{color:var(--color-error)}.log-detail .severity-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.severity-badge.severity-debug{color:#9ca3af;background:#9ca3af26}.severity-badge.severity-info{color:var(--color-blue);background:#6366f126}.severity-badge.severity-warn{color:var(--color-warning);background:#f59e0b26}.severity-badge.severity-error{color:var(--color-error);background:#ef444426}.log-scope{color:var(--text-secondary);margin-left:8px;font-size:12px}.attributes-list{flex-direction:column;gap:4px;display:flex}.attribute{gap:8px;font-size:11px;display:flex}.attr-key{color:var(--text-muted);font-family:var(--font-mono)}.attr-value{color:var(--text-primary);font-family:var(--font-mono)}.alert-detail .badge{border-radius:var(--radius-sm);padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.badge-success{color:var(--color-success);background:#10b98126}.badge-warning{color:var(--color-warning);background:#f59e0b26}.component-list{flex-wrap:wrap;gap:6px;display:flex}.component-tag{background:var(--overlay-5);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:12px;padding:2px 8px;font-size:11px;display:inline-flex}.alert-severity-banner{border-radius:var(--radius-sm);letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.severity-icon{font-size:12px;font-weight:700}.severity-critical{color:#ef4444;background:#ef444426}.severity-warning{color:#f59e0b;background:#f59e0b26}.severity-info{color:#3b82f6;background:#3b82f626}.alert-value{font-weight:600;font-family:var(--font-mono);font-size:12px}.alert-actions{border-top:1px solid var(--border-subtle);gap:6px;margin-top:10px;padding-top:8px;display:flex}.action-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--overlay-5);color:var(--text-secondary);cursor:pointer;text-align:center;flex:1;padding:5px 8px;font-size:11px;font-weight:500;transition:all .15s}.action-btn:hover{background:var(--overlay-10);color:var(--text-primary)}.action-acknowledge:hover{color:#f59e0b;border-color:#f59e0b}.action-resolve:hover{border-color:var(--color-success);color:var(--color-success)}.action-silence:hover{color:#6366f1;border-color:#6366f1}.summary-accent.critical{color:#ef4444;font-weight:600}.event-item.severity-critical{border-left:3px solid #ef4444}.event-item.severity-warning{border-left:3px solid #f59e0b}.event-item.severity-info{border-left:3px solid #3b82f6}.action-link{color:var(--color-primary);font-size:12px;text-decoration:none;transition:color .15s}.action-link:hover{color:var(--color-primary-hover);text-decoration:underline}.focused-execution{flex-direction:column;flex:1;gap:8px;padding:8px 12px;display:flex;overflow-y:auto}.focused-execution-header{background:var(--bg-card);z-index:1;align-items:center;gap:8px;padding:4px 0;display:flex;position:sticky;top:0}.focused-run-id{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.back-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:12px;transition:all .15s}.back-btn:hover{color:var(--text-primary);background:var(--overlay-5)}.focused-execution-summary{background:var(--overlay-2);border:1px solid var(--border-color);border-radius:8px;padding:12px}.focused-execution-summary.status-success{border-color:#10b9814d}.focused-execution-summary.status-error{border-color:#ef44444d}.focused-execution-logs{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.focused-log-entry{border-radius:var(--radius-sm);background:var(--overlay-2);align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.focused-log-entry .log-message{font-family:var(--font-mono);color:var(--text-primary);word-break:break-word;flex:1;font-size:11px}.focused-log-entry .log-time{color:var(--text-muted);white-space:nowrap;font-size:10px}.activity-focus-badge{color:var(--color-primary);background:#6366f126;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.activity-focus-badge .back-btn{color:var(--color-primary);padding:0 2px;font-size:10px}.creation-step-indicator{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.creation-step-indicator .step{align-items:center;gap:var(--spacing-xs);opacity:.5;transition:opacity .2s;display:flex}.creation-step-indicator .step.active{opacity:1}.creation-step-indicator .step-number{background:var(--color-primary);width:20px;height:20px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.creation-step-indicator .step-label{color:var(--text-secondary);font-size:13px}.creation-step-indicator .step.active .step-label{color:var(--text-primary)}.creation-step-indicator .step-divider{background:var(--border-color);width:20px;height:1px}.props-panel{height:100%;color:var(--text-primary);background:#191919;flex-direction:column;display:flex;overflow:hidden}.props-error{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-error);background:#ef444426;border-bottom:1px solid #ef44444d;font-size:12px}.props-saving{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-blue);background:#6366f11a;border-bottom:1px solid #6366f133;font-size:12px;display:flex}.props-saving-spinner{border:2px solid #6366f14d;border-top-color:var(--color-blue);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.props-loading{justify-content:center;align-items:center;gap:var(--spacing-md);height:100%;color:var(--text-secondary);flex-direction:column;display:flex}.props-empty{justify-content:center;align-items:center;gap:var(--spacing-md);height:100%;padding:var(--spacing-xl);text-align:center;flex-direction:column;display:flex}.props-empty-icon{color:var(--text-muted);opacity:.5}.props-empty-text{color:var(--text-muted);font-size:13px}.props-type-title{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:14px;font-weight:600}.props-type-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.props-type-card{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--overlay-3);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;flex-direction:column;transition:all .15s;display:flex}.props-type-card:hover{background:var(--overlay-6);border-color:var(--border-color-hover);transform:translateY(-1px)}.props-type-icon{font-size:24px}.props-type-label{color:var(--text-secondary);font-size:12px}.props-form,.props-entity{flex-direction:column;height:100%;display:flex;overflow-y:auto}.props-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);z-index:10;background:#262629;display:flex;position:sticky;top:0}.props-header-icon{background:var(--overlay-5);border-radius:var(--border-radius);justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.props-header-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.props-header-meta{align-items:center;gap:var(--spacing-sm);display:flex}.props-header-type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.props-header-status{color:var(--color-amber);border-radius:var(--radius-sm);background:#fbbf2426;padding:2px 6px;font-size:11px}.props-header-version{color:var(--color-blue);border-radius:var(--radius-sm);background:#6366f126;padding:2px 6px;font-size:11px}.props-section{border-bottom:1px solid var(--border-color)}.props-section-defaults .props-section-title{opacity:.5}.props-section.danger .props-section-header{color:var(--color-error)}.props-section-header{width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;transition:background .15s;display:flex}.props-section-header:hover{background:var(--overlay-3)}.props-section-title{text-align:left;flex:1}.props-section-chevron{width:20px;height:20px;color:var(--text-muted);justify-content:center;align-items:center;transition:transform .15s;display:flex}.props-section-chevron.expanded{transform:rotate(180deg)}.props-section-content{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.props-section.collapsed .props-section-content{display:none}.props-field{margin-bottom:var(--spacing-md)}.props-field:last-child{margin-bottom:0}.props-label{color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500;display:block}.props-input,.props-textarea,.props-select{width:100%;padding:var(--spacing-sm) var(--spacing-sm);background:var(--overlay-3);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);transition:border-color .15s,background .15s}.props-input:focus,.props-textarea:focus,.props-select:focus{border-color:var(--color-primary);background:var(--overlay-5);outline:none}.props-input::placeholder,.props-textarea::placeholder{color:var(--text-muted)}.props-input-slug{font-family:var(--font-mono);font-size:12px}.props-textarea{resize:vertical;min-height:80px}.props-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.props-hint{color:var(--text-muted);margin-top:var(--spacing-xs);font-size:11px;display:block}.props-description{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.props-spec-viewer{font-family:var(--font-mono);color:var(--text-secondary);background:var(--overlay-2);padding:var(--spacing-sm);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:300px;margin:0;font-size:12px;line-height:1.5;overflow:auto}.props-io-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.props-io-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--overlay-2);border-radius:var(--border-radius);font-size:12px;display:flex}.props-io-name{color:var(--text-primary);font-weight:500}.props-io-type{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.props-io-default{color:var(--color-blue);font-family:var(--font-mono);margin-left:auto;font-size:11px}.props-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.props-tag{background:var(--overlay-5);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:12px;padding:2px 8px;font-size:11px;display:inline-flex}.props-section.danger .props-section-content{background:#ef44440d}.props-danger-text{color:var(--text-secondary);margin:0 0 var(--spacing-md);font-size:12px}.props-actions{gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:#262629;margin-top:auto;display:flex}.props-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;flex:1;font-size:13px;font-weight:500;transition:all .15s}.props-btn:disabled{opacity:.5;cursor:not-allowed}.props-btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.props-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.props-btn-secondary{color:var(--text-secondary);background:0 0}.props-btn-secondary:hover:not(:disabled){background:var(--overlay-5);color:var(--text-primary)}.props-btn-danger{color:var(--color-error);background:#ef44441a;border-color:#ef44444d}.props-btn-danger:hover:not(:disabled){border-color:var(--color-error);background:#ef444433}.creation-popover-backdrop{z-index:999;background:0 0;position:fixed;inset:0}.creation-popover{z-index:var(--z-topbar);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:#18181bf2;min-width:280px;max-width:320px;animation:.15s ease-out popover-appear;position:fixed;overflow:hidden;transform:translate(-50%,10px);box-shadow:0 8px 32px #0006}@keyframes popover-appear{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(-50%,10px)}}.creation-popover-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--overlay-2);display:flex}.creation-popover-back{width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.creation-popover-back:hover{background:var(--overlay-10);color:var(--text-primary)}.creation-popover-title{color:var(--text-primary);flex:1;font-size:14px;font-weight:600}.creation-popover-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.creation-popover-close:hover{background:var(--overlay-10);color:var(--text-primary)}.creation-popover-content{padding:var(--spacing-sm)}.creation-type-list{flex-direction:column;gap:4px;display:flex}.creation-type-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;transition:all .15s;display:flex}.creation-type-option:hover,.creation-type-option.highlighted{background:var(--overlay-5);border-color:var(--border-color)}.creation-type-option.highlighted{outline:2px solid var(--color-main-500);outline-offset:-2px}.creation-type-option:active{background:var(--overlay-8)}.creation-type-icon{background:var(--overlay-5);border-radius:var(--border-radius);justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.creation-type-info{flex-direction:column;flex:1;gap:2px;display:flex}.creation-type-label{color:var(--text-primary);font-size:14px;font-weight:500}.creation-type-desc{color:var(--text-muted);font-size:11px}.creation-name-form{gap:var(--spacing-sm);flex-direction:column;display:flex}.creation-name-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--overlay-5);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);outline:none;font-size:14px;transition:all .15s}.creation-name-input:focus{border-color:var(--color-primary);background:var(--overlay-8);box-shadow:0 0 0 2px #a855f733}.creation-name-input::placeholder{color:var(--text-muted)}.creation-error{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);color:var(--color-error);background:#ef44441a;font-size:12px}.creation-form-actions{justify-content:flex-end;gap:.5rem;display:flex}.creation-cancel-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--overlay-6);border:1px solid var(--overlay-10);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .15s}.creation-cancel-btn:hover{background:var(--overlay-10)}.creation-submit-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border-radius:var(--border-radius);color:#fff;cursor:pointer;border:none;font-size:14px;font-weight:500;transition:all .15s}.creation-submit-btn:hover:not(:disabled){background:var(--color-primary-hover)}.creation-submit-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes creation-fade-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes creation-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.creation-input-backdrop{z-index:var(--z-topbar);background:0 0;position:fixed;inset:0}.creation-input-container{z-index:var(--z-modal);background:var(--color-main-800);border:1px dashed var(--color-main-500);min-width:280px;box-shadow:0 4px 24px #0009, 0 0 0 1px var(--overlay-5), inset 0 1px 0 var(--overlay-5);-webkit-backdrop-filter:blur(16px);animation:creation-fade-in .3s var(--easing-circ) forwards;border-radius:12px;padding:16px;position:fixed}.creation-input-header{border-bottom:1px solid;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.creation-input-type{letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:600}.creation-input-form{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.creation-input-field{background:var(--color-main-800);border:1px solid var(--color-main-700);width:100%;color:var(--color-main-200);transition:all .15s var(--easing-out);border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.creation-input-field:hover:not(:focus){border-color:var(--color-main-600)}.creation-input-field:focus{border-color:var(--color-main-600);background:#0000004d;box-shadow:0 0 0 3px oklch(45.7% .24 277.023/.15)}.creation-input-field::placeholder{color:var(--color-main-400)}.creation-form-submit{background:var(--color-accent-700);border:1px solid var(--color-accent-600);color:#fff;cursor:pointer;width:40px;height:40px;transition:all .15s var(--easing-out);border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset 0 1px oklch(70% .24 277.023/.4)}.creation-form-submit:hover:not(:disabled){background:var(--color-accent-600);transform:scale(1.02)}.creation-form-submit:active:not(:disabled){transform:scale(.98)}.creation-form-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.creation-check-icon{width:18px;height:18px;transition:transform .15s var(--easing-out)}.creation-form-submit:hover:not(:disabled) .creation-check-icon{transform:scale(1.1)}.creation-spinner{width:18px;height:18px;animation:.8s linear infinite creation-spin}.creation-spinner-track{opacity:.25}.creation-spinner-head{opacity:.9}.creation-input-hint{color:var(--color-main-400);text-align:center;border-top:1px solid var(--overlay-5);margin-top:8px;padding-top:8px;font-size:11px}.creation-inline-form{z-index:var(--z-modal);background:var(--color-main-800);border:1px dashed var(--color-main-500);box-shadow:0 4px 20px #00000080, inset 0 1px 0 var(--overlay-5);animation:creation-inline-appear .2s var(--easing-circ) forwards;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:3px;display:grid;position:fixed;transform:translate(-50%,-50%)}@keyframes creation-inline-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.creation-inline-input{background:var(--color-main-800);border:1px solid var(--color-main-700);width:180px;color:var(--color-main-200);transition:all .15s var(--easing-out);border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.creation-inline-input:hover:not(:focus):not(:disabled){border-color:var(--color-main-600)}.creation-inline-input:focus{border-color:var(--color-main-500);box-shadow:0 0 0 2px oklch(45.7% .24 277.023/.15)}.creation-inline-input::placeholder{color:var(--color-main-400);font-style:italic}.creation-inline-input:disabled{opacity:.6}.creation-inline-submit{background:var(--color-accent-700);border:1px solid var(--color-accent-600);color:#fff;cursor:pointer;width:36px;height:36px;transition:all .15s var(--easing-out);border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset 0 1px oklch(70% .24 277.023/.4)}.creation-inline-submit:hover:not(:disabled){background:var(--color-accent-600);transform:scale(1.05)}.creation-inline-submit:active:not(:disabled){transform:scale(.95)}.creation-inline-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.creation-inline-icon{width:16px;height:16px;transition:transform .15s var(--easing-out)}.creation-inline-submit:hover:not(:disabled) .creation-inline-icon{transform:scale(1.1)}.creation-error-message{z-index:1002;color:oklch(85% .12 25);max-width:280px;animation:creation-error-appear .25s var(--easing-circ) forwards;box-shadow:0 4px 16px #0006, inset 0 1px 0 var(--overlay-5);background:oklch(25% .08 25);border:1px solid oklch(45% .15 25);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex;position:fixed;transform:translate(-50%)}@keyframes creation-error-appear{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.creation-error-icon{color:oklch(65% .18 25);flex-shrink:0;width:18px;height:18px}.creation-error-message span{flex:1;line-height:1.4}.creation-retry-btn{border-radius:var(--radius-sm);color:inherit;cursor:pointer;opacity:.8;transition:all .15s var(--easing-out);background:0 0;border:1px solid;flex-shrink:0;padding:4px 10px;font-size:12px}.creation-retry-btn:hover{opacity:1;background:var(--overlay-10)}.creation-inline-input.has-error{border-color:oklch(55% .18 25);box-shadow:0 0 0 2px oklch(55% .18 25/.2)}.creation-validation-hint{z-index:1002;color:oklch(75% .15 25);animation:creation-hint-appear .15s var(--easing-out) forwards;text-align:center;max-width:250px;font-size:12px;position:fixed;transform:translate(-50%)}.creation-slug-preview{z-index:1002;color:var(--color-main-400);animation:creation-hint-appear .15s var(--easing-out) forwards;text-align:center;max-width:250px;font-size:11px;position:fixed;transform:translate(-50%)}@keyframes creation-hint-appear{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.creation-context-hint{color:var(--color-main-400);background:#60a5fa0f;border:1px solid #60a5fa1f;border-radius:6px;align-items:center;gap:6px;margin:0 0 8px;padding:5px 10px;font-size:11px;line-height:1.4;display:flex}.creation-context-hint-icon{opacity:.7;flex-shrink:0;width:14px;height:14px}.creation-ref-badge{opacity:.5;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:2px;display:flex}.creation-ref-badge svg{width:14px;height:14px;stroke:var(--color-main-400)}.creation-ref-context .creation-inline-input{padding-left:4px}.naming-prompt-backdrop{z-index:var(--z-topbar);background:0 0;position:fixed;inset:0}.naming-prompt{z-index:var(--z-modal);background:var(--color-main-800);border:1px dashed var(--accent-color,var(--color-main-500));box-shadow:0 4px 20px #00000080, 0 0 12px var(--accent-color), inset 0 1px 0 var(--overlay-5);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:3px;display:grid;position:fixed}@supports (color:color-mix(in lab, red, red)){.naming-prompt{box-shadow:0 4px 20px #00000080, 0 0 12px color-mix(in srgb, var(--accent-color) 15%, transparent), inset 0 1px 0 var(--overlay-5)}}.naming-prompt{-webkit-backdrop-filter:blur(12px);animation:naming-prompt-appear .2s var(--easing-circ) forwards;transform:translate(-50%,-50%)}@keyframes naming-prompt-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.naming-prompt.waylight-beacon{border-style:solid;border-color:var(--waylight-color)}@supports (color:color-mix(in lab, red, red)){.naming-prompt.waylight-beacon{border-color:color-mix(in srgb, var(--waylight-color) 50%, transparent)}}.naming-prompt.waylight-beacon:before{border-radius:10px;inset:-4px;transform:translate(-50%,-50%)scale(1)}.naming-prompt.waylight-beacon:after{border-radius:8px;transform:translate(-50%,-50%)scale(1)}.naming-prompt-input{background:var(--color-main-800);border:1px solid var(--color-main-700);width:180px;color:var(--color-main-200);transition:all .15s var(--easing-out);border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.naming-prompt-input:hover:not(:focus):not(:disabled){border-color:var(--color-main-600)}.naming-prompt-input:focus{border-color:var(--accent-color,var(--color-main-500));box-shadow:0 0 0 2px var(--accent-color)}@supports (color:color-mix(in lab, red, red)){.naming-prompt-input:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-color) 20%, transparent)}}.naming-prompt-input::placeholder{color:var(--color-main-400);font-style:italic}.naming-prompt-input:disabled{opacity:.6}.naming-prompt-submit{background:var(--accent-color);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}@supports (color:color-mix(in lab, red, red)){.naming-prompt-submit{background:color-mix(in srgb, var(--accent-color) 80%, var(--color-main-800))}}.naming-prompt-submit{border:1px solid var(--accent-color,var(--color-accent-600));color:#fff;cursor:pointer;box-shadow:inset 0 1px 0 var(--accent-color);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.naming-prompt-submit{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent-color) 40%, white)}}.naming-prompt-submit{transition:all .15s var(--easing-out)}.naming-prompt-submit:hover:not(:disabled){filter:brightness(1.15);transform:scale(1.05)}.naming-prompt-submit:active:not(:disabled){transform:scale(.95)}.naming-prompt-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.creation-type-backdrop{z-index:var(--z-topbar);background:0 0;position:fixed;inset:0}.creation-type-popover{z-index:var(--z-modal);background:var(--color-main-800);border:1px solid var(--color-main-600);min-width:320px;max-width:min(90vw,900px);box-shadow:0 8px 32px #00000080, 0 0 0 1px var(--overlay-5), inset 0 1px 0 var(--overlay-5);-webkit-backdrop-filter:blur(16px);animation:creation-type-appear .2s var(--easing-circ) forwards;border-radius:12px;outline:none;padding:12px;position:fixed}.creation-type-popover:focus{border-color:var(--color-main-500)}@keyframes creation-type-appear{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.creation-type-empty{min-width:240px;max-width:300px}.creation-type-empty-message{color:var(--color-main-400);text-align:center;margin:0;padding:12px 8px;font-size:13px;line-height:1.5}.creation-type-header{border-bottom:1px solid var(--color-main-700);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.creation-type-title{color:var(--color-main-200);letter-spacing:.3px;font-size:13px;font-weight:600}.creation-type-close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-main-400);cursor:pointer;transition:all .15s var(--easing-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;display:flex}.creation-type-close:hover{background:var(--color-main-700);color:var(--color-main-200)}.creation-type-grid{flex-wrap:wrap;gap:12px;display:flex}.creation-type-category{flex-direction:column;gap:6px;display:flex}.creation-type-category-label{text-transform:uppercase;letter-spacing:.5px;color:var(--cat-color,var(--color-main-400));opacity:.8;font-size:10px;font-weight:600}.creation-type-elements{flex-wrap:wrap;gap:4px;display:flex}.creation-type-element{cursor:pointer;transition:all .15s var(--easing-out);border-radius:6px}.creation-type-element:hover,.creation-type-element.highlighted{background:var(--color-main-700);transform:scale(1.05)}.env-section{flex-direction:column;display:flex}.env-loading,.env-empty{padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.env-loading-text,.env-empty-text{color:var(--text-muted);font-size:13px}.env-content{flex-direction:column;display:flex}.env-subsection{border-bottom:1px solid var(--border-color)}.env-subsection:last-child{border-bottom:none}.env-subsection-header{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);cursor:pointer;background:0 0;border:none;transition:background-color .15s;display:flex}.env-subsection-header:hover{background:var(--overlay-3)}.env-subsection-chevron{width:16px;height:16px;color:var(--text-muted);justify-content:center;align-items:center;transition:transform .15s;display:flex;transform:rotate(-90deg)}.env-subsection-chevron.expanded{transform:rotate(0)}.env-subsection-chevron svg{width:14px;height:14px}.env-subsection-icon{width:16px;height:16px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.env-subsection-icon svg{width:14px;height:14px}.env-subsection-title{text-align:left;color:var(--text-secondary);flex:1;font-size:13px;font-weight:500}.env-subsection-badge{min-width:18px;height:18px;color:var(--text-muted);background:var(--overlay-5);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.env-subsection-add{width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.env-subsection-header:hover .env-subsection-add{opacity:1}.env-subsection-add:hover{background:var(--overlay-10);color:var(--color-primary)}.env-subsection-add svg{width:14px;height:14px}.env-subsection-content{padding:0 var(--spacing-md) var(--spacing-sm)}.env-subsection.collapsed .env-subsection-content{display:none}.env-items-list{flex-direction:column;gap:2px;display:flex}.env-empty-items{padding:var(--spacing-sm);text-align:center;color:var(--text-muted);font-size:12px}.env-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:background-color .15s;display:flex}.env-item:hover{background:var(--overlay-3)}.env-item.inherited{opacity:.7}.env-item-content{align-items:center;gap:var(--spacing-xs);min-width:0;font-family:var(--font-mono);flex:1;font-size:12px;display:flex}.env-item-name{color:var(--color-moon-400);font-weight:500}.env-item-sep{color:var(--text-muted)}.env-item-value{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.env-item-badge{font-size:10px;font-weight:500;font-family:var(--font-sans);border-radius:3px;flex-shrink:0;padding:1px 4px}.env-item-badge.parent{color:var(--text-muted);background:var(--overlay-5)}.env-item-badge.here{color:var(--color-primary);background:#a855f726}.env-item-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.env-item:hover .env-item-actions{opacity:1}.env-item-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.env-item-btn:hover{background:var(--overlay-10);color:var(--text-primary)}.env-item-btn svg{width:14px;height:14px}.env-item-btn-danger:hover{color:var(--color-error);background:#ef444426}.env-item-btn-primary:hover{color:var(--color-success);background:#10b98126}.env-add-form{gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);background:#0003;flex-direction:column;display:flex}.env-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--font-mono);background:#0000004d;outline:none;font-size:12px;transition:all .15s}.env-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #a855f733}.env-input::placeholder{color:var(--text-muted)}.env-add-actions{justify-content:flex-end;gap:var(--spacing-xs);display:flex}.env-btn{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;font-size:12px;font-weight:500;transition:all .15s}.env-btn-ghost{color:var(--text-muted);background:0 0;border:none}.env-btn-ghost:hover{color:var(--text-primary)}.env-btn-primary{background:var(--color-primary);color:#fff;border:none}.env-btn-primary:hover{background:var(--color-primary-hover)}.env-edit-form{align-items:center;gap:var(--spacing-xs);flex:1;display:flex}.env-edit-name{font-family:var(--font-mono);color:var(--color-moon-400);white-space:nowrap;font-size:12px;font-weight:500}.env-edit-actions{align-items:center;gap:2px;display:flex}.library-browser-backdrop{z-index:var(--z-panel);background:#0000004d;position:fixed;inset:0}.library-browser{background:var(--color-moon-900);border:1px solid var(--border-color);z-index:101;border-radius:12px;flex-direction:column;width:320px;max-height:450px;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 48px #0006}.library-browser-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.library-browser-title{color:var(--text-primary);font-size:14px;font-weight:600}.library-browser-close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.library-browser-close:hover{background:var(--overlay-10);color:var(--text-primary)}.library-browser-close svg{width:14px;height:14px}.library-browser-search{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 16px;display:flex}.library-browser-search-icon{color:var(--text-muted);flex-shrink:0}.library-browser-search-icon svg{width:14px;height:14px}.library-browser-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.library-browser-search-input::placeholder{color:var(--text-muted)}.library-browser-content{flex:1;min-height:200px;overflow-y:auto}.library-browser-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:13px;display:flex}.library-browser-spinner{border:2px solid #38bdf833;border-top-color:#38bdf8;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.library-browser-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.library-browser-empty-text{color:var(--text-secondary);font-size:14px}.library-browser-empty-hint{color:var(--text-muted);font-size:12px}.library-browser-list{flex-direction:column;gap:4px;padding:8px;display:flex}.library-browser-footer{border-top:1px solid var(--border-color);padding:8px 16px}.library-browser-hint{color:var(--text-muted);font-size:11px}.library-component-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.library-component-item:hover{background:var(--overlay-5);border-color:var(--border-color)}.library-component-icon{border:1px solid;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.library-component-icon svg{width:16px;height:16px}.library-component-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.library-component-name-row{align-items:center;gap:8px;display:flex}.library-component-name{color:var(--text-primary);font-size:13px;font-weight:500}.library-component-version{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.library-component-meta{align-items:center;gap:8px;font-size:11px;display:flex}.library-component-kind{color:var(--text-secondary);background:var(--overlay-5);border-radius:var(--radius-sm);padding:2px 6px}.library-component-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zed-theme{--ide-bg:#18181b;--ide-sidebar-bg:#18181b;--ide-border:#27272a;--ide-text-muted:#71717a;--ide-text:#d4d4d8;--ide-active-bg:#27272a;--ide-hover-bg:#27272a80;--ide-accent:#4b70f5;background:var(--ide-bg);color:var(--ide-text);flex-direction:column;height:100vh;display:flex}.library-panel{background:var(--ide-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.library-panel-header{border-bottom:1px solid var(--ide-border);flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 12px;display:flex}.library-panel-toolbar{border-bottom:1px solid var(--overlay-4);flex-shrink:0;justify-content:flex-end;align-items:center;gap:2px;height:28px;padding:0 8px;display:flex}.library-panel-content{scrollbar-width:thin;scrollbar-color:var(--overlay-8) transparent;flex:1;min-height:0;overflow-y:auto}.file-tree-row.is-element{border-left:2px solid var(--element-category-color,transparent)}.file-tree-row[draggable=true]{cursor:grab}.file-tree-row[draggable=true]:active{cursor:grabbing;opacity:.6}.file-tree-type-tag{color:var(--ide-text-muted);opacity:.7;margin-left:6px;font-size:10px}.ide-workspace{font-family:var(--font-sans);flex-direction:row;flex:1;font-size:.875rem;display:flex;overflow:hidden}.ide-sidebar{background:var(--ide-sidebar-bg);border-right:1px solid var(--ide-border);flex-direction:column;flex-shrink:0;display:flex}.ide-sidebar-header{padding:0 var(--spacing-sm);height:36px;color:var(--ide-text-muted);letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.ide-sidebar-actions{align-items:center;gap:2px;display:flex}.ide-sidebar-action{width:24px;height:24px;color:var(--ide-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .1s,color .1s;display:flex}.ide-sidebar-action:hover{background:var(--ide-hover-bg,var(--overlay-8));color:var(--ide-text)}.ide-sidebar-content{flex:1;overflow-y:auto}.ide-resizer{cursor:col-resize;z-index:10;background:0 0;width:1px;transition:background .2s;position:relative}.ide-resizer:hover,.ide-resizer.resizing{background:var(--ide-accent)}.ide-main{background:var(--ide-bg);flex-direction:column;flex:1;min-width:0;display:flex}.dev-panel-sidebar{background:var(--ide-bg);border-right:none;flex-direction:row;flex-shrink:0;width:220px;min-width:180px;transition:width .2s,min-width .2s,opacity .2s;display:flex;overflow:visible}.dev-panel-sidebar.collapsed{opacity:0;pointer-events:none;border-right:none;width:0;min-width:0;overflow:hidden}.dev-panel-sidebar-inner{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.dev-panel-sidebar-content{scrollbar-width:thin;scrollbar-color:var(--overlay-8) transparent;flex:1;min-height:0;overflow:hidden auto}.dev-sidebar-edge{border:none;border-left:1px solid var(--overlay-6);cursor:pointer;width:16px;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.dev-sidebar-edge:hover{background:var(--overlay-4);border-left-color:var(--overlay-15)}.dev-sidebar-edge-arrow{color:var(--overlay-15);transition:all var(--transition-fast);font-size:11px;line-height:1}.dev-sidebar-edge:hover .dev-sidebar-edge-arrow{color:#ffffff80;transform:translate(-1px)}.dev-inline-bar{flex-shrink:0;align-items:center;gap:6px;min-height:0;padding:2px 8px;display:flex}.dev-inline-bar:empty{padding:0}.dev-sidebar-toggle{border:1px solid var(--overlay-8);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.dev-sidebar-toggle:hover{background:var(--overlay-6);border-color:var(--overlay-15);color:var(--text-secondary)}.ide-status-bar{background:var(--ide-bg);border-top:1px solid var(--ide-border);height:28px;padding:0 var(--spacing-md);font-family:var(--font-mono);color:var(--ide-text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.status-left,.status-right{gap:var(--spacing-md);display:flex}.explorer-search-row{padding:var(--spacing-sm);border-bottom:1px solid var(--ide-border)}.file-tree-item{cursor:default;-webkit-user-select:none;user-select:none}.file-tree-row{height:28px;padding-right:var(--spacing-sm);color:var(--ide-text-muted);border-left:2px solid #0000;align-items:center;padding-left:2px;display:flex}.file-tree-row:hover{background:var(--ide-hover-bg);color:var(--ide-text)}.file-tree-row.is-active{background:var(--ide-active-bg);color:var(--ide-text);border-left-color:var(--ide-accent)}.file-tree-row:focus{outline:1px solid var(--ide-accent,#60a5fa);outline-offset:-1px;color:var(--ide-text);background:#58a6ff14}.file-tree-row:focus-visible{outline:1px solid var(--ide-accent,#60a5fa);outline-offset:-1px}.file-tree-children{border-left:1px solid var(--ide-border);margin-left:12px;padding-left:0}.file-tree-skeleton{padding:4px 8px 4px 20px}.file-tree-skeleton .skeleton-row{align-items:center;height:28px;padding:0 8px;display:flex}.file-tree-skeleton .skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--overlay-4) 25%, var(--overlay-8) 50%, var(--overlay-4) 75%);background-size:200% 100%;height:10px;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.file-tree-arrow{text-align:center;flex-shrink:0;width:20px;display:inline-block}.file-icon{opacity:.7;margin-right:6px}.editor-tabs{background:var(--ide-bg);border-bottom:1px solid var(--ide-border);scrollbar-width:none;flex-shrink:0;height:36px;display:flex;overflow:auto hidden}.editor-tabs::-webkit-scrollbar{display:none}.editor-tab{padding:0 var(--spacing-md);border-right:1px solid var(--ide-border);cursor:pointer;min-width:120px;max-width:200px;color:var(--ide-text-muted);border-top:1px solid #0000;align-items:center;font-size:.8125rem;display:flex}.editor-tab:hover{background:var(--ide-hover-bg)}.editor-tab.active{background:var(--ide-bg);color:var(--ide-text);border-top-color:var(--ide-accent)}.editor-tab.preview{font-style:italic}.editor-tab.preview .editor-tab-name{padding-right:2px}.editor-tab.drag-over{border-left:2px solid var(--ide-accent,#60a5fa);padding-left:6px}.editor-tab[draggable=true]{cursor:grab}.editor-tab[draggable=true]:active{cursor:grabbing;opacity:.6}.editor-tab-icon{opacity:.7;width:14px;height:14px;margin-right:6px}.editor-tab-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.editor-tab-close{opacity:0;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;margin-left:6px;display:flex}.editor-tab:hover .editor-tab-close{opacity:1}.editor-tab-close:hover{background:var(--overlay-10)}.zed-theme .editor-breadcrumb{background:var(--ide-bg);border-bottom:1px solid var(--ide-border);color:var(--ide-text-muted);gap:2px;padding:2px 12px;font-size:11px}.zed-theme .breadcrumb-segment{color:var(--ide-text-muted);border-radius:3px;padding:1px 3px}.zed-theme .breadcrumb-segment:hover{background:var(--ide-hover-bg);color:var(--ide-text)}.zed-theme .breadcrumb-segment.current{color:var(--ide-text)}.zed-theme .breadcrumb-separator{color:var(--ide-text-muted);opacity:.5}.editor-area{flex:1;position:relative;overflow:hidden}.editor-monaco{width:100%;height:100%}.panel-toolbar{flex-direction:column;align-items:center;display:flex;position:relative}.panel-buttons-row{align-items:center;gap:6px;display:flex}.close-all-btn{cursor:pointer;margin-top:8px}.fab-container{bottom:calc(var(--status-bar-height,42px) + 80px);z-index:calc(var(--z-panel) + 5);pointer-events:none;justify-content:center;align-items:center;transition:bottom .2s;display:flex;position:fixed;left:50%;transform:translate(-50%)}.fab-toolbar{box-sizing:border-box;pointer-events:auto;opacity:0;background:0 0;border:none;border-radius:0;align-items:center;gap:6px;height:auto;padding:0;transition:opacity .3s;display:flex;position:relative}.fab-toolbar.visible{opacity:1}.fab-toolbar.visible:before{content:"";background:radial-gradient(ellipse at center, rgba(var(--circle-color-rgb), .03) 0%, transparent 70%);pointer-events:none;z-index:-1;border-radius:24px;position:absolute;inset:-16px}.fab-btn{width:34px;height:34px;color:var(--color-moon-500);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:relative}.fab-btn:hover{color:var(--color-moon-200);background:#ffffff0d}.fab-btn.active{color:var(--color-moon-50);background:0 0}.fab-btn.primary{color:var(--fab-action-color,var(--color-moon-200));background:0 0}.fab-btn.primary:hover{color:var(--fab-action-color,var(--color-moon-50));background:#ffffff0d}.fab-btn.danger{color:var(--color-error)}.fab-btn.danger:hover{color:var(--color-error);background:#ef44441a}.fab-btn svg{width:18px;height:18px}.fab-divider{background:var(--overlay-6);width:1px;height:16px;margin:0 2px}.fab-group{pointer-events:auto;background:var(--ide-bg,#18181b);box-shadow:var(--shadow-window,0 0 14px #0000004d);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:12px;padding:8px;display:flex}.fab-group.contextual{-webkit-backdrop-filter:blur(12px);background:#18181be6}.fab-label{white-space:nowrap;margin-left:4px;font-size:.8125rem;font-weight:500}.fab-primary{background:var(--color-main-700,oklch(37% .013 285.805));color:var(--color-moon-100,oklch(96.7% .001 286.375));border:1px solid var(--color-main-600,oklch(44.2% .017 285.786));transition:background var(--transition-fast,.15s ease), border-color var(--transition-fast,.15s ease);box-shadow:0 0 12px -4px rgba(var(--circle-color-rgb,139, 92, 246), .25);border-radius:999px;padding:8px 16px}.fab-primary:hover{background:var(--color-main-600,oklch(44.2% .017 285.786));border-color:var(--color-main-500,oklch(55.2% .016 285.938));color:var(--color-moon-50,oklch(98.5% 0 0))}.fab-pulse{animation:2.5s ease-in-out infinite fab-glow;box-shadow:0 0 12px 4px #8b5cf64d}.fab-pulse:hover{opacity:1;animation:none}@keyframes fab-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes wire-flash-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.fab-secondary{background:var(--ide-active-bg,#27272a);color:var(--text-secondary,var(--color-moon-300));border:1px solid var(--ide-border,#3f3f46);transition:background var(--transition-fast,.15s ease);border-radius:999px;padding:8px 16px}.fab-secondary:hover{background:var(--ide-hover-bg,#27272a80);color:var(--text-primary,var(--color-moon-50))}.fab-danger{color:var(--color-error,var(--color-danger));transition:background var(--transition-fast,.15s ease), color var(--transition-fast,.15s ease);background:#ef44441f;border:1px solid #ef444433;border-radius:999px;padding:8px 16px}.fab-danger:hover{background:var(--color-error,var(--color-danger));color:#fff;border-color:var(--color-error,var(--color-danger))}.fab-project-hint{-webkit-backdrop-filter:blur(12px);border:1px solid var(--overlay-10);pointer-events:auto;background:#18181bd9;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;display:flex}.fab-hint-text{color:var(--text-secondary,var(--color-moon-300));font-size:.8125rem;font-weight:500}.fab-menu-wrapper{z-index:60;pointer-events:auto;margin-bottom:16px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.creation-menu{border:1px solid var(--overlay-15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#18181bf2;border-radius:12px;width:max-content;min-width:180px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) slide-up;box-shadow:0 4px 20px #0006}.creation-menu-list{flex-direction:column;gap:4px;display:flex}.creation-menu-item{color:var(--color-neutral-400);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px 12px;transition:all .2s;display:flex}.creation-menu-item:hover{background:var(--overlay-8);color:#fff;transform:translate(2px)}.creation-menu-hexagon{flex-shrink:0;width:32px;height:36px;position:relative}.creation-menu-hexagon .hexagon-svg{filter:drop-shadow(0 2px 4px #0000004d);width:100%;height:100%}.creation-menu-hexagon .hexagon-symbol{color:#fff;text-shadow:0 1px 2px #0000004d;letter-spacing:-.5px;font-size:.7rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.creation-menu-icon{justify-content:center;align-items:center;width:20px;height:20px;font-size:1.25rem;display:flex}.creation-menu-icon svg{fill:currentColor;width:18px;height:18px}.creation-menu-label{font-size:.9rem;font-weight:500}.creation-menu-divider{background:var(--overlay-10);height:1px;margin:4px 0}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:.3s ease-out slide-in-right}.panel-animated{transition:left .2s cubic-bezier(.4,0,.2,1),top .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1)}.panel-interacting{will-change:left, top, width, height;opacity:.9;box-shadow:var(--shadow-glow-lg);cursor:grabbing;z-index:var(--z-fullscreen)!important;transition:none!important}.floating-panel[style*="display: none"],.panel-group[style*="display: none"]{content-visibility:hidden;contain-intrinsic-size:auto 400px auto 300px}.editor-save-toast{border-radius:var(--radius-sm);color:#22c55e;z-index:10;pointer-events:none;background:#22c55e26;border:1px solid #22c55e4d;padding:4px 10px;font-size:11px;animation:2.5s ease-in-out fadeInOut;position:absolute;bottom:8px;right:12px}.editor-save-toast.error{color:var(--color-danger);background:#ef444426;border:1px solid #ef44444d}@keyframes fadeInOut{0%{opacity:0;transform:translateY(4px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.tab-dirty-dot{background:var(--ide-text-muted);border-radius:50%;width:8px;height:8px;display:inline-block}.status-cursor{font-variant-numeric:tabular-nums}.editor-loading-overlay{color:var(--ide-text-muted);z-index:5;pointer-events:none;background:#0d1117d9;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;inset:0}.editor-loading-spinner{border:2px solid var(--ide-border);border-top-color:var(--ide-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.palette-backdrop{z-index:var(--z-panel);background:#00000059;position:fixed;inset:0}.palette-container{z-index:101;background:var(--ide-surface,#1e2228);border:1px solid var(--ide-border,#30363d);width:min(560px,90vw);max-height:420px;box-shadow:0 16px 48px #0009, 0 0 0 1px var(--overlay-4);border-radius:8px;flex-direction:column;display:flex;position:fixed;top:15%;left:50%;overflow:hidden;transform:translate(-50%)}.palette-input-row{border-bottom:1px solid var(--ide-border,#30363d);align-items:center;gap:4px;padding:10px 14px;display:flex}.palette-prefix{color:var(--ide-accent,#60a5fa);flex-shrink:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;font-weight:600}.palette-input{color:var(--ide-text,#c9d1d9);background:0 0;border:none;outline:none;flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.4}.palette-input::placeholder{color:var(--ide-text-muted,#484f58)}.palette-results{flex:1;max-height:340px;padding:4px 0;overflow-y:auto}.palette-item{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 14px;transition:background 60ms;display:flex}.palette-item:hover,.palette-item.selected{background:#58a6ff14}.palette-item.selected{background:#58a6ff24}.palette-item-main{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.palette-category{color:var(--ide-text-muted,#8b949e);flex-shrink:0;font-size:12px}.palette-label{color:var(--ide-text,#c9d1d9);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.palette-dir{color:var(--ide-text-muted,#484f58);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;margin-left:8px;font-size:11px;overflow:hidden}.palette-shortcut{color:var(--ide-text-muted,#8b949e);background:var(--overlay-6);border-radius:var(--radius-sm);border:1px solid var(--overlay-8);flex-shrink:0;margin-left:12px;padding:2px 6px;font-family:system-ui,-apple-system,sans-serif;font-size:11px}.palette-element-type{text-transform:uppercase;letter-spacing:.04em;color:#7c8896;background:var(--overlay-6);border-radius:3px;flex-shrink:0;margin-right:6px;padding:1px 5px;font-size:11px;font-weight:500}.palette-empty{text-align:center;color:var(--ide-text-muted,#484f58);padding:24px 14px;font-size:13px}.validation-panel{border-top:1px solid var(--color-error);padding:var(--spacing-sm) var(--spacing-md);background:#1e1419f2;flex-shrink:0;max-height:150px;overflow-y:auto}.validation-header{align-items:center;gap:var(--spacing-sm);color:var(--color-error);margin-bottom:var(--spacing-xs);font-weight:500;display:flex}.validation-icon{fill:currentColor;width:16px;height:16px}.validation-list{padding-left:20px;list-style:none}.validation-item{color:var(--text-primary);font-family:var(--font-mono);margin-bottom:2px;font-size:.875rem}.props-panel-v2{background:0 0;flex-direction:column;height:100%;display:flex;overflow:hidden}.props-header-v2{border-bottom:1px solid var(--color-moon-700);background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur-panel);z-index:10;flex-shrink:0;gap:12px;padding:16px;display:flex;position:sticky;top:0}.props-header-v2.props-header-empty{text-align:center;justify-content:center;padding:32px 16px}.props-empty-icon{color:var(--color-moon-600)}.props-symbol{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:24px;transition:all .2s;display:flex}.props-symbol:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000004d}.props-header-badge{flex-shrink:0}.props-header-badge .element-badge{min-width:56px;max-width:56px;min-height:56px;max-height:56px}.props-header-badge .element-badge-symbol{font-size:22px}.props-header-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.props-header-top{align-items:center;gap:8px;display:flex}.props-header-name{color:var(--color-moon-50);cursor:text;margin:0;font-size:16px;font-weight:600}.props-header-name:hover{color:var(--color-moon-0)}.props-header-name-empty{color:var(--color-moon-400);cursor:default}.props-header-name-empty:hover{color:var(--color-moon-400)}.props-header-name-input{color:var(--color-moon-50);background:var(--color-moon-800);border:1px solid var(--color-moon-600);border-radius:var(--radius-sm);outline:none;width:100%;max-width:200px;padding:2px 6px;font-size:16px;font-weight:600}.props-header-name-input:focus{border-color:var(--color-primary-500)}.props-header-kind{color:var(--color-moon-400);background:var(--color-moon-800);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 6px;font-size:11px;font-weight:500}.props-header-slug{color:var(--color-moon-400);font-size:12px;font-family:var(--font-mono)}.props-slug-prefix{color:var(--color-moon-500)}.props-slug-value{color:var(--color-moon-300)}.props-header-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.props-state-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.4}.props-state-badge.badge-ready{color:#22c55e;background:#22c55e26}.props-state-badge.badge-deployed{color:#3b82f6;background:#3b82f626}.props-state-badge.badge-disabled{color:var(--color-neutral-400);background:#a1a1aa26}.props-state-badge.badge-error{color:var(--color-danger);background:#ef444426}.props-state-badge.badge-default{color:var(--color-moon-400);background:#a1a1aa1a}.props-version-badge{font-size:10px;font-family:var(--font-mono);color:var(--color-moon-400);background:#a1a1aa1a;border-radius:3px;padding:1px 6px;line-height:1.4}.props-form-badge{color:var(--color-moon-500);background:#a1a1aa14;border-radius:3px;padding:1px 6px;font-size:10px;line-height:1.4}.props-ref-badge{text-transform:uppercase;letter-spacing:.5px;color:#60a5fa;background:#60a5fa1a;border-radius:3px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.props-ref-badge-icon{flex-shrink:0;width:10px;height:10px}.props-ref-badge-clickable{cursor:pointer;transition:background .15s,color .15s}.props-ref-badge-clickable:hover{color:#93c5fd;background:#60a5fa33;text-decoration:underline}.props-ref-badge-goto{opacity:.6;flex-shrink:0;width:9px;height:9px}.props-ref-badge-clickable:hover .props-ref-badge-goto{opacity:1}.props-edit-warning{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:6px;align-items:center;gap:6px;margin:0 12px 8px;padding:6px 10px;font-size:11px;line-height:1.4;display:flex}.props-edit-warning-icon{color:#f59e0b;flex-shrink:0;width:14px;height:14px}.props-edit-warning-text{flex:1}.props-edit-warning-dismiss{color:#f59e0b;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.props-edit-warning-dismiss:hover{opacity:1}.hover-card-source{color:#60a5fa;opacity:.8;align-items:center;gap:4px;padding:2px 0;font-size:10px;display:flex}.hover-card-source-icon{flex-shrink:0;width:10px;height:10px}.library-item-referenced{opacity:.5;pointer-events:none}.library-item-referenced .library-item-action{color:#60a5fa}.creation-library-btn{color:#60a5fa;cursor:pointer;background:#60a5fa0f;border:1px solid #60a5fa4d;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.creation-library-btn:hover{background:#60a5fa1f;border-color:#60a5fa80}.creation-library-btn-icon{flex-shrink:0;width:14px;height:14px}.props-header-intention{color:var(--color-moon-400);cursor:text;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.props-header-intention:hover{color:var(--color-moon-300)}.props-header-intention-empty{color:var(--color-moon-500);cursor:default;font-style:italic}.props-header-intention-empty:hover{color:var(--color-moon-500)}.props-header-intention-input{color:var(--color-moon-300);background:var(--color-moon-800);border:1px solid var(--color-moon-600);border-radius:var(--radius-sm);resize:none;outline:none;width:100%;padding:4px 6px;font-family:inherit;font-size:12px}.props-header-intention-input:focus{border-color:var(--color-primary-500)}.props-panel-body{flex:1;display:flex;overflow:hidden}.props-sidebar{border-right:1px solid var(--color-moon-700);background:var(--glass-surface-light);flex-direction:column;flex-shrink:0;gap:4px;padding:8px;display:flex}.props-category-btn{width:38px;height:38px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.props-category-btn:hover{color:#e4e4e7;background:#3f3f46b3}.props-category-btn.active{background:var(--overlay-8);color:#f4f4f5;border-left:2px solid rgba(var(--circle-color-rgb,107, 114, 128), .6);box-shadow:0 2px 8px #0003, 0 0 12px -2px rgba(var(--circle-color-rgb,107, 114, 128), .3)}.props-category-btn svg{width:20px;height:20px}.props-panel-content{flex:1;padding:16px;overflow-y:auto;container:props-panel/inline-size}.props-appearance-strip{background:#27272a66;border-radius:8px;align-items:center;gap:2px;margin:-8px -8px 12px;padding:6px 4px;display:flex}.appearance-strip-item{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;transition:background .15s;display:flex}.appearance-strip-item:hover{background:var(--overlay-6)}.appearance-strip-item:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:1px}.appearance-strip-swatch{border:2px solid var(--overlay-12);border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:border-color .15s,transform .15s}.appearance-strip-item:hover .appearance-strip-swatch{border-color:#ffffff40;transform:scale(1.1)}.appearance-strip-icon-svg{color:#ffffff80;flex-shrink:0;transition:color .15s}.appearance-strip-item:hover .appearance-strip-icon-svg{color:#fffc}.appearance-strip-label{color:#fff6;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:11px}@container props-panel (max-width:280px){.appearance-strip-label{display:none}.appearance-strip-item{padding:4px 5px}}@media (max-width:400px){.props-appearance-strip{gap:1px}.appearance-strip-label{display:none}.appearance-strip-item{gap:4px;padding:4px 5px}}.props-content{flex-direction:column;gap:16px;display:flex}.props-content-section{-webkit-backdrop-filter:blur(4px);border:1px solid var(--overlay-4);background:#27272a4d;border-radius:8px;padding:16px}.props-content-section-danger{background:#ef44441a;border:1px solid #ef444433}.props-content-section-title{color:var(--color-moon-400);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:11px;font-weight:600}.props-danger-title{color:var(--color-danger)}.props-markdown-editor{background:var(--color-moon-800);min-height:120px;color:var(--color-moon-200);border-radius:6px;padding:12px;font-size:13px;line-height:1.5}.props-markdown-editor:focus{outline:1px solid var(--color-primary-500)}.props-placeholder{color:var(--color-moon-500);margin:0;font-style:italic}.props-status-badges{flex-wrap:wrap;gap:8px;display:flex}.props-badge{border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;font-weight:500}.props-badge-success{color:#22c55e;background:#22c55e33}.props-badge-info{color:#3b82f6;background:#3b82f633}.props-badge-warning{color:#eab308;background:#eab30833}.props-badge-error{color:var(--color-danger);background:#ef444433}.props-quick-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.props-stat{text-align:center}.props-stat-value{color:var(--color-moon-100);font-size:18px;font-weight:600;display:block}.props-stat-label{color:var(--color-moon-500);margin-top:2px;font-size:10px;display:block}.props-io-schema{flex-direction:column;gap:8px;display:flex}.props-io-empty{color:var(--color-moon-500);justify-content:space-between;align-items:center;font-size:12px;display:flex}.props-io-port{background:var(--color-moon-800);border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.props-io-port-name{color:var(--color-moon-100);font-size:13px;font-weight:500}.props-io-port-type{font-size:11px;font-family:var(--font-mono);color:var(--color-primary-400);border-radius:var(--radius-sm);background:#8b5cf626;padding:2px 6px}.props-io-port-required{color:#eab308;margin-left:auto;font-size:10px}.props-semantic{flex-direction:column;gap:12px;display:flex}.props-semantic-item{flex-direction:column;gap:6px;display:flex}.props-semantic-label{color:var(--color-moon-400);font-size:11px;font-weight:500}.props-semantic-tags{flex-wrap:wrap;gap:6px;display:flex}.props-tag{border-radius:var(--radius-sm);background:var(--color-moon-800);color:var(--color-moon-200);padding:3px 8px;font-size:11px}.props-tag-warning{color:#eab308;background:#eab30826}.props-tag-placeholder{color:var(--color-moon-500);font-size:11px;font-style:italic}.props-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.props-form-field{flex-direction:column;gap:4px;display:flex}.props-form-label{color:var(--color-moon-400);font-size:11px;font-weight:500}.props-input,.props-input-small{background:var(--color-moon-800);border:1px solid var(--color-moon-700);border-radius:var(--radius-sm);color:var(--color-moon-100);outline:none;padding:6px 8px;font-size:13px;transition:border-color .2s}.props-input-small{width:80px}.props-input:focus,.props-input-small:focus{border-color:var(--color-primary-500)}.props-select-small{background:var(--color-moon-800);border:1px solid var(--color-moon-700);border-radius:var(--radius-sm);color:var(--color-moon-100);cursor:pointer;outline:none;padding:6px 8px;font-size:13px}.props-select-small:focus{border-color:var(--color-primary-500)}.props-input-group{align-items:center;gap:6px;display:flex}.props-input-prefix,.props-input-suffix{color:var(--color-moon-500);font-size:12px}.props-btn-primary{background:var(--color-primary-600);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.props-btn-primary:hover{background:var(--color-primary-500)}.props-btn-icon{font-size:14px}.props-btn-warning{color:#eab308;cursor:pointer;background:0 0;border:1px solid #eab3084d;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.props-btn-warning:hover{background:#eab3081a}.props-btn-danger{background:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.props-btn-danger:hover{background:#dc2626}.props-btn-confirm{color:#2dd4bf;cursor:pointer;background:#14b8a61a;border:1px solid #14b8a666;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.props-btn-confirm:hover:not(:disabled){background:#14b8a633;border-color:#14b8a699}.props-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.props-btn-small{border-radius:var(--radius-sm);border:1px solid var(--color-main-600);color:var(--color-moon-300);cursor:pointer;background:0 0;padding:6px 12px;font-size:12px;transition:all .15s}.props-btn-small:hover{background:var(--color-main-800);color:var(--color-moon-100)}.props-error-notice{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.props-error-notice span{flex:1}.props-error-notice button{color:#fca5a5;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:14px;display:flex}.props-error-notice button:hover{background:#ef444426}.props-code-editor{background:var(--color-moon-800);border:1px solid var(--color-moon-700);border-radius:var(--radius-sm);width:100%;color:var(--color-moon-100);font-family:var(--font-mono);resize:vertical;outline:none;padding:8px;font-size:12px}.props-code-editor:focus{border-color:var(--color-primary-500)}.props-test-runner{flex-direction:column;gap:12px;display:flex}.props-test-input{flex-direction:column;gap:4px;display:flex}.props-runs-empty,.props-logs-empty,.props-steps-empty,.props-modifiers-empty,.props-triggers-empty,.props-versions-empty,.props-deployments-empty,.props-members-empty,.props-invitations-empty,.props-resources-empty,.props-env-empty,.props-connections-empty,.props-activity-empty,.props-audit-empty{background:var(--color-moon-800);color:var(--color-moon-500);border-radius:6px;justify-content:space-between;align-items:center;padding:16px;font-size:12px;display:flex}.props-modifier-types,.props-resource-types{flex-wrap:wrap;gap:8px;display:flex}.props-modifier-type-btn,.props-resource-type-btn{border:1px solid var(--color-moon-700);color:var(--color-moon-300);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.props-modifier-type-btn:hover,.props-resource-type-btn:hover{background:var(--color-moon-800);border-color:var(--color-moon-600)}.props-modifier-icon{font-size:14px}.props-version-current{align-items:center;gap:8px;display:flex}.props-version-badge{color:var(--color-moon-100);font-size:14px;font-weight:600}.props-badge-muted{color:var(--color-moon-500);font-size:13px}.props-version-status{border-radius:var(--radius-sm);color:#22c55e;background:#22c55e33;padding:2px 6px;font-size:11px}.props-git-sha{background:var(--color-moon-800);color:var(--color-moon-300);cursor:default;border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:11px}.props-git-log{flex-direction:column;gap:2px;display:flex}.props-git-commit{border-radius:var(--radius-sm);border-left:2px solid var(--color-moon-700);padding:8px 10px;transition:background .15s}.props-git-commit:hover{background:var(--color-moon-800)}.props-git-commit-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.props-git-commit-date{color:var(--color-moon-500);white-space:nowrap;font-size:10px}.props-git-commit-message{color:var(--color-moon-200);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.props-git-commit-author{color:var(--color-moon-500);margin-top:2px;font-size:10px}.props-version-meta{color:var(--color-moon-400);align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.props-version-date{color:var(--color-moon-400);font-size:11px}.props-version-author{color:var(--color-moon-500);font-size:11px}.props-version-message{color:var(--color-moon-300);margin:4px 0 0;font-size:12px}.props-version-item{border-radius:var(--radius-sm);border-left:2px solid var(--color-moon-700);flex-direction:column;gap:4px;padding:8px 10px;display:flex}.props-version-item:hover{background:var(--color-moon-800)}.props-version-item-info{align-items:center;gap:8px;display:flex}.props-version-number{color:var(--color-moon-200);font-size:12px;font-weight:600}.props-version-item-message{color:var(--color-moon-400);margin:0;font-size:11px}.props-versions-items{flex-direction:column;gap:2px;display:flex}.props-version-error{color:var(--color-moon-500);padding:8px;font-size:12px}.props-version-loading{justify-content:center;align-items:center;padding:16px;display:flex}.props-reconcile-btn{border-radius:var(--radius-sm);border:1px solid var(--color-moon-600);color:var(--color-moon-300);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:4px 10px;font-size:11px;transition:all .2s;display:inline-flex}.props-reconcile-btn:hover{background:var(--color-moon-800);border-color:var(--color-moon-500)}.props-reconcile-btn:disabled{opacity:.5;cursor:not-allowed}.props-reconcile-btn.success{color:#22c55e;border-color:#22c55e}.props-roles-info{flex-direction:column;gap:8px;display:flex}.props-role-item{background:var(--color-moon-800);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px;display:flex}.props-role-name{color:var(--color-moon-100);font-size:12px;font-weight:500}.props-role-desc{color:var(--color-moon-500);font-size:11px}.props-connection-types{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.props-connection-type{border-radius:var(--radius-sm);background:var(--color-moon-800);color:var(--color-moon-400);padding:2px 6px;font-size:10px}.props-inheritance-info{align-items:center;gap:8px;font-size:12px;display:flex}.props-inheritance-label{color:var(--color-moon-500)}.props-inheritance-value{color:var(--color-moon-300)}.props-toggle{width:36px;height:20px;display:inline-block;position:relative}.props-toggle input{opacity:0;width:0;height:0}.props-toggle-slider{cursor:pointer;background-color:var(--color-moon-700);border-radius:20px;transition:all .3s;position:absolute;inset:0}.props-toggle-slider:before{content:"";background-color:var(--color-moon-300);border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}.props-toggle input:checked+.props-toggle-slider{background-color:var(--color-primary-600)}.props-toggle input:checked+.props-toggle-slider:before{background-color:#fff;transform:translate(16px)}.props-checkbox-group{flex-direction:column;gap:6px;display:flex}.props-checkbox{color:var(--color-moon-300);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.props-checkbox input{accent-color:var(--color-primary-600)}.props-tags-input{background:var(--color-moon-800);border:1px solid var(--color-moon-700);border-radius:var(--radius-sm);min-height:32px;padding:6px 8px}.props-limits-list{flex-direction:column;gap:12px;display:flex}.props-limit-item{flex-direction:column;gap:4px;display:flex}.props-limit-name{color:var(--color-moon-300);font-size:12px}.props-limit-bar{background:var(--color-moon-800);border-radius:3px;height:6px;overflow:hidden}.props-limit-fill{background:var(--color-primary-600);border-radius:3px;height:100%}.props-limit-value{color:var(--color-moon-500);font-size:11px}.props-plan-info{align-items:center;gap:12px;display:flex}.props-plan-badge{color:var(--color-moon-100);font-size:14px;font-weight:600}.props-logo-upload{align-items:center;gap:12px;display:flex}.props-logo-preview{background:var(--color-moon-800);border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.props-logo-placeholder{color:var(--color-moon-500);font-size:11px}.props-color-input{align-items:center;gap:8px;display:flex}.props-color-input input[type=color]{border-radius:var(--radius-sm);cursor:pointer;border:none;width:32px;height:32px;padding:0}.props-domain-status{margin-top:8px}.props-domain-status-badge{font-size:11px}.props-audit-filters{gap:8px;margin-bottom:12px;display:flex}.props-danger-warning{color:var(--color-moon-400);margin:0 0 16px;font-size:12px}.props-danger-actions{flex-direction:column;gap:16px;display:flex}.props-danger-action{background:#0003;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;display:flex}.props-danger-action-info{flex:1}.props-danger-action-title{color:var(--color-moon-100);margin:0 0 4px;font-size:13px;font-weight:500}.props-danger-action-desc{color:var(--color-moon-500);margin:0;font-size:11px}.props-danger-action:has(.props-delete-confirm){flex-direction:column;align-items:stretch}.props-delete-confirm{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.props-delete-confirm-text{color:var(--color-moon-300);margin:0;font-size:12px}.props-delete-buttons{justify-content:flex-end;gap:8px;display:flex}.props-input-danger{border-color:#ef444480;width:100%}.props-input-danger:focus{border-color:#ef4444b3;box-shadow:0 0 0 1px #ef444433}.props-transfer-form{flex-direction:column;gap:8px;width:100%;display:flex}.props-transfer-buttons{justify-content:flex-end;gap:8px;display:flex}.props-element-type-card{background:var(--color-moon-800);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.props-element-symbol{border-radius:8px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:20px;font-weight:600;display:flex}.props-element-type-info{flex-direction:column;gap:4px;display:flex}.props-element-type-label{color:var(--color-moon-100);font-size:14px;font-weight:600}.props-element-type-meta{align-items:center;gap:6px;display:flex}.props-element-category-badge,.props-element-form-badge{border-radius:var(--radius-sm);padding:2px 6px;font-size:10px}.props-element-form-badge{background:var(--color-moon-700);color:var(--color-moon-300)}.props-description-display{background:var(--color-moon-800);color:var(--color-moon-200);cursor:pointer;border-radius:6px;min-height:60px;padding:12px;font-size:13px;line-height:1.5}.props-description-display:hover{background:var(--color-moon-750)}.props-description-display.props-placeholder{color:var(--color-moon-500);font-style:italic}.props-description-editor{background:var(--color-moon-800);border:1px solid var(--color-primary-500);width:100%;color:var(--color-moon-200);resize:vertical;border-radius:6px;outline:none;padding:12px;font-family:inherit;font-size:13px;line-height:1.5}.props-draft-notice{background:#eab3081a;border:1px solid #eab30833;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex}.props-draft-icon{color:#eab308;flex-shrink:0}.props-draft-text strong{color:#eab308;margin-bottom:4px;font-size:13px;display:block}.props-draft-text p{color:var(--color-moon-400);margin:0;font-size:12px}.props-draft-badge{color:#eab308;text-align:center;background:#eab30826;border:1px solid #eab3084d;border-radius:6px;margin:0 16px 8px;padding:8px 12px;font-size:11px;font-weight:500}.periodic-table{padding:16px;overflow-x:auto}.periodic-table-title{color:var(--color-moon-100);text-align:center;margin:0 0 10px;font-size:13px;font-weight:600}.periodic-table-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.periodic-table-header .periodic-table-title{text-align:left;flex:1;margin:0}.periodic-back-btn{border:1px solid var(--color-moon-600);background:var(--color-moon-800);width:28px;height:28px;color:var(--color-moon-200);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.periodic-back-btn:hover{background:var(--color-moon-700);border-color:var(--color-moon-500);color:var(--color-moon-100)}.periodic-element.periodic-element-default{box-shadow:inset 0 0 0 1px var(--element-color,var(--color-moon-500))}.periodic-legend{display:none}.periodic-grid{justify-content:flex-start;gap:12px;display:flex}.periodic-category{flex-direction:column;gap:3px;display:flex}.periodic-elements{grid-template-rows:repeat(5,68px);grid-auto-columns:68px;grid-auto-flow:column;gap:3px;display:grid}.periodic-element-wrapper{display:contents}.periodic-category-header{color:var(--cat-color);text-transform:uppercase;letter-spacing:.03em;text-align:center;white-space:nowrap;border-bottom:2px solid var(--cat-color);background:var(--cat-color);margin-bottom:3px;padding:4px 6px;font-size:9px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.periodic-category-header{background:color-mix(in srgb, var(--cat-color) 10%, transparent)}}.periodic-category-header{border-radius:3px 3px 0 0;min-width:68px}.periodic-element{border-radius:var(--radius-sm);background:var(--color-moon-800);cursor:pointer;min-width:68px;min-height:68px;box-shadow:inset 0 0 0 1px var(--color-moon-700);border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;transition:all .12s;display:flex;position:relative}.periodic-element:before{content:"";background:var(--element-color);border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.periodic-element:hover{background:var(--color-moon-750);box-shadow:inset 0 0 0 1px var(--color-moon-500), 0 4px 12px #0006;z-index:10;transform:translateY(-2px)scale(1.08)}.periodic-element:active{transform:translateY(0)scale(.98)}.periodic-element.highlighted{background:var(--color-moon-700);box-shadow:inset 0 0 0 2px var(--element-color), 0 0 8px var(--element-color)}@supports (color:color-mix(in lab, red, red)){.periodic-element.highlighted{box-shadow:inset 0 0 0 2px var(--element-color), 0 0 8px color-mix(in srgb, var(--element-color) 40%, transparent)}}.periodic-symbol{font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--element-color);line-height:1}.periodic-name{color:var(--color-moon-400);text-transform:uppercase;letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;font-weight:500;line-height:1.1;overflow:hidden}.periodic-element:hover .periodic-name{color:var(--color-moon-200)}.periodic-legend-compact{background:var(--color-moon-850);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-bottom:8px;padding:6px 8px;display:flex}.periodic-legend-compact .periodic-legend-item{color:var(--color-moon-400);text-transform:uppercase;align-items:center;gap:3px;font-size:9px;display:flex}.periodic-legend-compact .periodic-legend-dot{background:var(--cat-color);border-radius:2px;width:6px;height:6px}.periodic-grid-compact .periodic-category-header{min-width:56px;padding:3px 4px;font-size:8px}.periodic-grid-compact .periodic-elements{grid-template-rows:repeat(3,56px);grid-auto-columns:56px}.periodic-grid-compact .periodic-element{min-width:56px;min-height:56px}.periodic-grid-compact .periodic-symbol{font-size:16px}.periodic-grid-compact .periodic-name{font-size:7px}.periodic-grid-compact .element-badge,.periodic-grid-compact .element-badge-md,.periodic-grid-compact .element-badge-sm,.periodic-grid-compact .element-badge-lg{flex-shrink:0;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important}.periodic-grid-compact .element-badge-symbol{font-size:18px}.periodic-grid-compact .element-badge-name{text-overflow:ellipsis;max-width:48px;font-size:7px;overflow:hidden}.element-badge{border-radius:var(--radius-sm);background:var(--color-moon-800);cursor:pointer;box-shadow:inset 0 0 0 1px var(--color-moon-700);border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;transition:all .12s;display:flex;position:relative}.element-badge:before{content:"";background:var(--badge-color);border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.element-badge-symbol{font-family:var(--font-mono);color:var(--badge-color);font-weight:700;line-height:1}.element-badge-name{color:var(--color-moon-400);text-transform:uppercase;letter-spacing:.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;line-height:1.1;overflow:hidden}.element-badge:hover:not(:disabled){background:var(--color-moon-750);box-shadow:inset 0 0 0 1px var(--color-moon-500), 0 4px 12px #0006;z-index:10;transform:translateY(-2px)scale(1.05)}.element-badge:hover .element-badge-name{color:var(--color-moon-200)}.element-badge:active:not(:disabled){transform:translateY(0)scale(.98)}.element-badge.selected{background:var(--color-moon-700);box-shadow:inset 0 0 0 2px var(--badge-color)}.element-badge.highlighted{background:var(--color-moon-700);box-shadow:inset 0 0 0 2px var(--badge-color), 0 0 8px var(--badge-color)}@supports (color:color-mix(in lab, red, red)){.element-badge.highlighted{box-shadow:inset 0 0 0 2px var(--badge-color), 0 0 8px color-mix(in srgb, var(--badge-color) 40%, transparent)}}.element-badge:disabled,.element-badge.disabled{opacity:.5;cursor:not-allowed}.element-badge-xs{border-radius:3px;min-width:24px;min-height:24px;padding:2px}.element-badge-xs:before{width:2px}.element-badge-xs .element-badge-symbol{font-size:12px}.element-badge-xs .element-badge-name{display:none}.element-badge-sm{min-width:40px;min-height:40px;padding:3px}.element-badge-sm:before{width:2px}.element-badge-sm .element-badge-symbol{font-size:16px}.element-badge-sm .element-badge-name{font-size:7px}.element-badge-md{min-width:56px;min-height:56px}.element-badge-md .element-badge-symbol{font-size:18px}.element-badge-md .element-badge-name{font-size:8px}.element-badge-lg{min-width:68px;min-height:68px}.element-badge-lg .element-badge-symbol{font-size:20px}.element-badge-lg .element-badge-name{font-size:8px}.element-badge-xl{gap:4px;min-width:96px;min-height:80px}.element-badge-xl .element-badge-symbol{font-size:24px}.element-badge-xl .element-badge-name{font-size:10px}.element-badge-inline{font-family:var(--font-mono);color:var(--badge-color);background:var(--badge-color);justify-content:center;align-items:center;font-size:.85em;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.element-badge-inline{background:color-mix(in srgb, var(--badge-color) 15%, transparent)}}.element-badge-inline{vertical-align:baseline;border-radius:3px;padding:.1em .4em}.element-badge-icon{color:var(--badge-color);line-height:1}.element-badge-xs .element-badge-icon{font-size:16px}.element-badge-sm .element-badge-icon{font-size:22px}.element-badge-md .element-badge-icon{font-size:26px}.element-badge-lg .element-badge-icon{font-size:30px}.element-badge-xl .element-badge-icon{font-size:36px}.element-badge-initials{font-family:var(--font-mono);color:var(--badge-color);font-weight:600}@supports (color:color-mix(in lab, red, red)){.element-badge-initials{color:color-mix(in srgb, var(--badge-color) 70%, transparent)}}.element-badge-initials{line-height:1}.element-badge-lg .element-badge-initials{font-size:9px}.element-badge-xl .element-badge-initials{font-size:11px}.element-badge.has-glow:before{display:none}@keyframes badge-glow-breathe{0%,to{opacity:.7}50%{opacity:1}}.element-badge.has-glow{background:0 0;overflow:visible}.element-badge.has-glow:after{content:"";border-radius:inherit;z-index:-1;pointer-events:none;box-shadow:0 0 8px 2px var(--badge-color), 0 0 20px 6px var(--badge-color), 0 0 40px 12px var(--badge-color);animation:3s ease-in-out infinite badge-glow-breathe;position:absolute;inset:-4px}@supports (color:color-mix(in lab, red, red)){.element-badge.has-glow:after{box-shadow:0 0 8px 2px color-mix(in srgb, var(--badge-color) 50%, transparent), 0 0 20px 6px color-mix(in srgb, var(--badge-color) 25%, transparent), 0 0 40px 12px color-mix(in srgb, var(--badge-color) 10%, transparent)}}.element-badge-xs.has-glow:after{box-shadow:0 0 4px 1px var(--badge-color), 0 0 10px 3px var(--badge-color);inset:-2px}@supports (color:color-mix(in lab, red, red)){.element-badge-xs.has-glow:after{box-shadow:0 0 4px 1px color-mix(in srgb, var(--badge-color) 40%, transparent), 0 0 10px 3px color-mix(in srgb, var(--badge-color) 15%, transparent)}}.element-badge-sm.has-glow:after{box-shadow:0 0 6px 2px var(--badge-color), 0 0 14px 4px var(--badge-color);inset:-3px}@supports (color:color-mix(in lab, red, red)){.element-badge-sm.has-glow:after{box-shadow:0 0 6px 2px color-mix(in srgb, var(--badge-color) 45%, transparent), 0 0 14px 4px color-mix(in srgb, var(--badge-color) 20%, transparent)}}.element-badge-xl.has-glow:after{box-shadow:0 0 12px 4px var(--badge-color), 0 0 28px 8px var(--badge-color), 0 0 56px 16px var(--badge-color);inset:-6px}@supports (color:color-mix(in lab, red, red)){.element-badge-xl.has-glow:after{box-shadow:0 0 12px 4px color-mix(in srgb, var(--badge-color) 55%, transparent), 0 0 28px 8px color-mix(in srgb, var(--badge-color) 30%, transparent), 0 0 56px 16px color-mix(in srgb, var(--badge-color) 12%, transparent)}}@media (prefers-reduced-motion:reduce){.element-badge.has-glow:after{opacity:.85;animation:none}}.element-hover-card{z-index:var(--z-fullscreen);-webkit-backdrop-filter:blur(12px);border:1px solid var(--overlay-15);min-width:220px;max-width:280px;box-shadow:0 8px 32px #000c, 0 2px 8px #0009, inset 0 1px 0 var(--overlay-10);pointer-events:none;opacity:0;visibility:hidden;background:#121216;border-radius:12px;transition:opacity .15s ease-out,transform .15s ease-out,visibility .15s;position:fixed;overflow:hidden;transform:translateY(4px)scale(.98)}.element-hover-card.visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.element-hover-card:before{content:"";background:var(--card-color,var(--color-emerald));width:4px;position:absolute;top:0;bottom:0;left:0}.hover-card-header{border-bottom:1px solid var(--overlay-5);align-items:center;gap:12px;padding:12px 12px 10px 16px;display:flex}.hover-card-badge{justify-content:center;align-items:center;display:flex}.hover-card-symbol{font-family:var(--font-mono);color:var(--card-color,var(--color-emerald));text-shadow:0 0 12px var(--card-color);font-size:20px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.hover-card-symbol{text-shadow:0 0 12px color-mix(in srgb, var(--card-color) 50%, transparent)}}.hover-card-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hover-card-name{color:var(--color-moon-100);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.hover-card-type{color:var(--color-moon-400);text-transform:capitalize;font-size:11px}.hover-card-description{color:var(--color-moon-300);border-bottom:1px solid var(--overlay-5);margin:0;padding:8px 12px 8px 16px;font-size:12px;line-height:1.5}.hover-card-stats{background:#00000026;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px 12px 8px 16px;display:grid}.hover-card-stat{background:var(--overlay-3);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:6px 8px;display:flex}.stat-label{color:var(--color-moon-500);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:500}.stat-value{color:var(--color-moon-200);font-size:13px;font-weight:600;font-family:var(--font-mono)}.stat-badge{text-transform:capitalize;background:var(--overlay-8);border-radius:3px;width:fit-content;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.stat-badge.state-active{color:var(--color-emerald);background:var(--color-emerald)}@supports (color:color-mix(in lab, red, red)){.stat-badge.state-active{background:color-mix(in srgb, var(--color-emerald) 15%, transparent)}}.stat-badge.state-draft{color:var(--color-amber);background:var(--color-amber)}@supports (color:color-mix(in lab, red, red)){.stat-badge.state-draft{background:color-mix(in srgb, var(--color-amber) 15%, transparent)}}.stat-badge.state-suspended{color:var(--color-red);background:var(--color-red)}@supports (color:color-mix(in lab, red, red)){.stat-badge.state-suspended{background:color-mix(in srgb, var(--color-red) 15%, transparent)}}.stat-badge.state-archived{color:var(--color-moon-400);background:var(--color-moon-700)}.hover-card-footer{border-top:1px solid var(--overlay-5);background:#0000001a;padding:8px 12px 8px 16px}.hover-card-category{color:var(--card-color,var(--color-emerald));text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600}.badge-detail-popover{z-index:var(--z-fullscreen);-webkit-backdrop-filter:blur(12px);border:1px solid var(--overlay-15);min-width:180px;max-width:240px;box-shadow:0 8px 24px #000000b3, 0 2px 6px #00000080, inset 0 1px 0 var(--overlay-10);opacity:0;visibility:hidden;pointer-events:auto;background:#121216;border-radius:10px;transition:opacity .12s ease-out,transform .12s ease-out,visibility .12s;position:fixed;overflow:hidden;transform:translate(-50%)scale(.95)}.badge-detail-popover.visible{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.badge-detail-popover:before{content:"";background:var(--card-color,#888);width:3px;position:absolute;top:0;bottom:0;left:0}.badge-popover-header{align-items:center;gap:10px;padding:10px 12px 8px 14px;display:flex}.badge-popover-symbol{font-family:var(--font-mono);border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:13px;font-weight:700}.badge-popover-title{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.badge-popover-name{color:var(--color-moon-100);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.badge-popover-type{color:var(--color-moon-400);text-transform:capitalize;font-size:10px}.badge-popover-description{color:var(--color-moon-300);border-top:1px solid var(--overlay-5);margin:0;padding:6px 12px 6px 14px;font-size:11px;line-height:1.4}.badge-popover-footer{border-top:1px solid var(--overlay-5);background:#0000001a;justify-content:space-between;align-items:center;padding:6px 8px 6px 14px;display:flex}.badge-popover-category{color:var(--card-color,#888);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600}.badge-popover-detach{color:var(--color-red,#ef4444);background:var(--color-red,#ef4444);font-size:11px;font-weight:500}@supports (color:color-mix(in lab, red, red)){.badge-popover-detach{background:color-mix(in srgb, var(--color-red,#ef4444) 10%, transparent)}}.badge-popover-detach{border:1px solid var(--color-red,#ef4444)}@supports (color:color-mix(in lab, red, red)){.badge-popover-detach{border:1px solid color-mix(in srgb, var(--color-red,#ef4444) 25%, transparent)}}.badge-popover-detach{cursor:pointer;border-radius:4px;padding:3px 10px;transition:background .15s,border-color .15s}.badge-popover-detach:hover{background:var(--color-red,#ef4444)}@supports (color:color-mix(in lab, red, red)){.badge-popover-detach:hover{background:color-mix(in srgb, var(--color-red,#ef4444) 20%, transparent)}}.badge-popover-detach:hover{border-color:var(--color-red,#ef4444)}@supports (color:color-mix(in lab, red, red)){.badge-popover-detach:hover{border-color:color-mix(in srgb, var(--color-red,#ef4444) 40%, transparent)}}.props-type-selector{padding:16px}.props-type-title{color:var(--color-moon-100);margin:0 0 16px;font-size:16px;font-weight:600}.props-type-category{margin-bottom:20px}.props-type-category:last-child{margin-bottom:0}.props-type-category-title{color:var(--color-moon-400);text-transform:uppercase;letter-spacing:.05em;border-left:2px solid;margin:0 0 10px;padding-left:8px;font-size:11px;font-weight:600}.props-type-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.props-type-card{border:1px solid var(--color-moon-700);background:var(--color-moon-800);color:var(--color-moon-300);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.props-type-card:hover{background:var(--color-moon-750);border-color:var(--color-moon-600);color:var(--color-moon-100);transform:translateY(-1px)}.props-type-icon{font-size:20px;font-weight:600}.props-type-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.props-category-badge{border-radius:var(--radius-sm);text-transform:capitalize;margin:0 16px 12px;padding:4px 8px;font-size:10px;font-weight:500;display:inline-block}.props-io-list{flex-direction:column;gap:6px;display:flex}.props-io-item{background:var(--color-moon-800);border-radius:6px;padding:10px 12px}.props-io-item-header{justify-content:space-between;align-items:center;display:flex}.props-io-name{color:var(--color-moon-100);font-size:13px;font-weight:500}.props-required{color:var(--color-danger);margin-left:2px}.props-io-type{font-size:11px;font-family:var(--font-mono);color:var(--color-primary-400);border-radius:var(--radius-sm);background:#8b5cf626;padding:2px 6px}.props-io-default{align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.props-io-default-label{color:var(--color-moon-500)}.props-io-default-value{font-family:var(--font-mono);color:var(--color-moon-300);background:var(--color-moon-750);border-radius:2px;padding:1px 4px}.props-io-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex}.props-io-empty svg{opacity:.4}.props-io-empty-text{color:var(--color-moon-500);font-size:12px}.props-btn-icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-moon-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.props-btn-icon:hover{background:var(--color-moon-700);color:var(--color-moon-100)}.props-semantic-tag{border-radius:var(--radius-sm);background:var(--color-moon-800);color:var(--color-moon-200);padding:4px 8px;font-size:11px}.props-port-card{cursor:default;flex-direction:column}.props-port-card-header{cursor:pointer}.props-port-card.expanded{background:var(--color-moon-750)}.props-port-field-count{color:var(--color-moon-500);font-size:10px;font-family:var(--font-mono)}.props-port-schema-editor{border-top:1px solid var(--color-moon-700);margin-top:8px;padding:8px 0 0}.props-schema-fields{flex-direction:column;gap:4px;display:flex}.props-schema-empty{text-align:center;padding:8px 0}.props-schema-field{align-items:center;gap:6px;padding:4px 0;display:flex}.props-schema-field-name{color:var(--color-moon-200);font-size:12px;font-weight:500;font-family:var(--font-mono);flex:1}.props-schema-field-type-select{font-size:11px;font-family:var(--font-mono);border:1px solid var(--color-moon-600);background:var(--color-moon-800);color:var(--color-primary-400);cursor:pointer;border-radius:3px;padding:2px 4px}.props-schema-field-req{border:1px solid var(--color-moon-600);color:var(--color-moon-500);cursor:pointer;font-size:10px;font-family:var(--font-mono);background:0 0;border-radius:3px;padding:2px 6px}.props-schema-field-req.active{color:var(--color-danger);background:#ef444426;border-color:#ef44444d}.props-schema-field-remove{color:var(--color-moon-600);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;padding:2px;transition:opacity .15s}.props-schema-field:hover .props-schema-field-remove{opacity:1}.props-schema-field-remove:hover{color:var(--color-danger);background:#ef44441a}.props-schema-add-row{align-items:center;gap:4px;padding:4px 0;display:flex}.props-schema-add-name{font-size:11px;font-family:var(--font-mono);border:1px solid var(--color-moon-600);background:var(--color-moon-800);color:var(--color-moon-100);border-radius:3px;outline:none;flex:1;padding:3px 6px}.props-schema-add-name:focus{border-color:var(--color-primary-500)}.props-schema-add-type{font-size:11px;font-family:var(--font-mono);border:1px solid var(--color-moon-600);background:var(--color-moon-800);color:var(--color-primary-400);border-radius:3px;padding:3px 4px}.props-schema-add-req-label{color:var(--color-moon-500);font-size:10px;font-family:var(--font-mono);align-items:center;gap:2px;display:flex}.props-schema-add-confirm,.props-schema-add-cancel{cursor:pointer;color:var(--color-moon-400);background:0 0;border:none;border-radius:3px;padding:2px 4px}.props-schema-add-confirm:hover{color:#10b981}.props-schema-add-cancel:hover{color:var(--color-danger)}.props-schema-add-btn,.props-add-port-btn{color:var(--color-moon-500);border:1px dashed var(--color-moon-700);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:4px;padding:6px 10px;font-size:11px;transition:all .15s;display:flex}.props-schema-add-btn:hover,.props-add-port-btn:hover{color:var(--color-primary-400);border-color:var(--color-primary-600);background:#3b82f60d}.props-add-port-form{align-items:center;gap:6px;margin-top:4px;display:flex}.props-add-port-name{font-size:12px;font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--color-moon-600);background:var(--color-moon-800);color:var(--color-moon-100);outline:none;flex:1;padding:5px 8px}.props-add-port-name:focus{border-color:var(--color-primary-500)}.props-add-port-confirm,.props-add-port-cancel{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 10px;font-size:11px}.props-add-port-confirm{background:var(--color-primary-600);color:#fff}.props-add-port-confirm:hover{background:var(--color-primary-500)}.props-add-port-cancel{color:var(--color-moon-500);background:0 0}.props-add-port-cancel:hover{color:var(--color-moon-300)}.props-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.props-section-header .props-content-section-title{margin-bottom:0}.props-generic-category{flex-direction:column;gap:8px;display:flex}.props-operation-list{flex-direction:column;gap:4px;display:flex}.props-stale{opacity:.45;pointer-events:none;transition:opacity .15s}.props-expandable-op{background:#27272a80;border:1px solid #0000;border-radius:6px;transition:border-color .2s;overflow:hidden}.props-expandable-op:hover{border-color:var(--overlay-10)}.props-expandable-op.expanded{border-color:#8b5cf64d}.props-expandable-header{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.props-expandable-header:hover{background:var(--overlay-3)}.props-expandable-header:disabled{opacity:.5;cursor:not-allowed}.props-expandable-header:disabled:hover{background:0 0}.props-expandable-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.props-expandable-label{color:var(--color-moon-100);font-size:13px;font-weight:500}.props-expandable-desc{color:var(--color-moon-500);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.props-expandable-chevron{color:var(--color-moon-500);flex-shrink:0;margin-left:8px;font-size:10px}.props-expandable-content{border-top:1px solid var(--overlay-5);margin-top:0;padding:0 12px 12px}.props-loading-inline{color:var(--color-moon-500);align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.props-spinner-small{border:2px solid #8b5cf633;border-top-color:var(--color-primary-500);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.props-loading-bar{background:#8b5cf61a;width:100%;height:2px;position:relative;overflow:hidden}.props-loading-bar-indicator{background:var(--color-primary-500);border-radius:1px;width:40%;height:100%;animation:1.2s ease-in-out infinite props-loading-slide;position:absolute;top:0;left:0}@keyframes props-loading-slide{0%{left:-40%}to{left:100%}}.props-expandable-header,.props-action-btn,.props-data-section-header,.props-relationship-header,.props-edit-btn,.smart-expand-btn,.smart-array-toggle{transition:background .15s,border-color .15s,transform .15s}.props-expandable-content,.props-data-section-content,.props-relationship-content,.smart-array-list,.operation-form{animation:.15s ease-out expandIn}@keyframes expandIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chevron,.props-expandable-chevron,.props-section-chevron,.smart-chevron,.turn-chevron,.stats-expand-indicator .chevron{justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}.chevron.expanded,.props-expandable-chevron.expanded,.props-section-chevron.expanded,.smart-chevron.expanded,.turn-chevron.expanded{transform:rotate(90deg)}.skeleton{background:linear-gradient(90deg, var(--overlay-4) 0%, var(--overlay-8) 50%, var(--overlay-4) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text-sm{width:60%;height:12px}.skeleton-badge{border-radius:12px;width:60px;height:24px}.skeleton-button{border-radius:var(--radius-sm);width:80px;height:32px}.props-expandable-header:focus-visible,.props-action-btn:focus-visible,.props-data-section-header:focus-visible,.props-relationship-header:focus-visible,.props-edit-btn:focus-visible,.smart-expand-btn:focus-visible,.smart-array-toggle:focus-visible{outline:2px solid var(--ide-accent);outline-offset:2px}.schema-input:focus,.props-json-editor:focus,.props-inline-input:focus,.props-header-name-input:focus,.props-header-intention-input:focus{border-color:var(--ide-accent);outline:none;box-shadow:0 0 0 3px #4b70f526}.props-related-item:focus-visible{outline:2px solid var(--ide-accent);outline-offset:-2px}[tabindex="0"]:focus-visible{outline:2px solid var(--ide-accent);outline-offset:2px}.props-action-btn:disabled,.props-btn-primary:disabled,.props-btn-secondary:disabled{transition:opacity .15s}.props-action-btn-success{animation:.3s ease-out successPulse}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;z-index:var(--z-topbar);background:#000000e6;padding:4px 8px;font-size:11px;transition:opacity .15s,transform .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(-4px)}.props-actions-section{border-top:1px solid var(--overlay-5);margin-top:12px;padding-top:12px}.props-section-label{color:var(--color-moon-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600}.props-action-buttons{flex-wrap:wrap;gap:8px;display:flex}.props-action-btn{border:1px solid var(--overlay-10);border-radius:var(--radius-sm);background:var(--overlay-5);color:var(--color-moon-200);cursor:pointer;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.props-action-btn:hover:not(:disabled){background:var(--overlay-10);border-color:var(--overlay-20)}.props-action-btn:disabled{opacity:.5;cursor:not-allowed}.props-action-btn-primary{background:var(--color-primary-600);border-color:var(--color-primary-500);color:#fff}.props-action-btn-primary:hover:not(:disabled){background:var(--color-primary-500)}.props-action-btn-danger{color:var(--color-danger);background:#ef44441a;border-color:#ef44444d}.props-action-btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.props-action-btn-success{color:#22c55e;background:#22c55e33;border-color:#22c55e66}.props-action-error{color:var(--color-danger);margin-top:4px;font-size:11px}.props-action-wrapper{flex-direction:column;gap:0;display:flex}.props-action-btn-expanded{border-bottom-right-radius:0;border-bottom-left-radius:0}.operation-form{background:var(--overlay-2);border:1px solid var(--overlay-8);border-radius:8px;margin-top:8px;padding:16px;animation:.15s ease-out operation-form-appear}@keyframes operation-form-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.operation-form-header{margin-bottom:16px}.operation-form-title{color:var(--color-moon-100);margin:0 0 4px;font-size:14px;font-weight:600}.operation-form-description{color:var(--color-moon-500);margin:0;font-size:12px}.operation-form-fields{margin-bottom:16px}.operation-form-fields .schema-form{gap:12px}.operation-form-fields .schema-field-label{color:var(--color-moon-400);font-size:11px}.operation-form-fields .schema-input{border-color:var(--overlay-10);background:#0003;padding:8px 10px;font-size:13px}.operation-form-fields .schema-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #3b82f626}.operation-form-empty{text-align:center;padding:12px}.operation-form-error{border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444433;margin-bottom:12px;padding:8px 12px}.operation-form-error-text{color:var(--color-danger);font-size:12px}.operation-form-actions{border-top:1px solid var(--overlay-6);justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.compact-operation-form{align-items:flex-end;gap:8px;display:flex}.compact-form-fields{flex:1}.compact-form-fields .schema-form{flex-direction:row;gap:8px}.compact-form-fields .schema-field{flex:1}.compact-form-error{color:var(--color-danger);font-size:11px}.props-kv-compact{gap:6px;font-size:12px;display:grid}.props-kv-row{grid-template-columns:minmax(80px,auto) 1fr;align-items:baseline;gap:12px;display:grid}.props-kv-row dt{color:var(--color-moon-500);font-weight:500}.props-kv-row dd{color:var(--color-moon-200);word-break:break-word}.props-list-compact{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.props-list-compact li{background:var(--overlay-3);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px}.props-array-preview{flex-direction:column;gap:6px;display:flex}.props-code{font-family:var(--font-mono);background:var(--overlay-5);border-radius:2px;padding:1px 4px}.props-pre{font-family:var(--font-mono);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-all;background:#0000004d;max-height:200px;padding:8px;font-size:11px;overflow:auto}.props-link{color:var(--color-primary-400);text-decoration:none}.props-link:hover{text-decoration:underline}.props-error-inline{border-radius:var(--radius-sm);background:#ef44441a;padding:8px}.props-error-text{color:var(--color-danger);font-size:12px}.props-draft-notice-small{text-align:center;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:6px;padding:12px;font-size:12px}.props-content-empty{text-align:center;padding:24px}.smart-null{color:var(--color-moon-500);font-style:italic}.smart-bool{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.smart-bool-true{color:#10b981;background:#10b98126}.smart-bool-false{color:var(--color-moon-400);background:#71717a26}.smart-number{font-family:var(--font-mono);color:var(--color-moon-200)}.smart-duration{font-family:var(--font-mono);color:#22d3ee}.smart-bytes{font-family:var(--font-mono);color:#a78bfa}.smart-string{color:var(--color-moon-200);word-break:break-word}.smart-empty{color:var(--color-moon-500);font-style:italic}.smart-datetime{color:#fbbf24;cursor:help}.smart-url{color:var(--color-primary-400,#818cf8);align-items:center;gap:2px;text-decoration:none;display:inline-flex}.smart-url:hover{text-decoration:underline}.smart-url-icon{opacity:.7;font-size:10px}.smart-uuid{font-family:var(--font-mono);color:var(--color-moon-400);background:var(--overlay-5);border-radius:3px;padding:1px 4px;font-size:11px}.smart-enum{border-radius:var(--radius-sm);color:#818cf8;background:#6366f126;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.smart-long-text{flex-direction:column;gap:4px;display:flex}.smart-text-preview,.smart-text-full{color:var(--color-moon-200);word-break:break-word;line-height:1.5}.smart-text-preview{color:var(--color-moon-300)}.smart-code{flex-direction:column;gap:4px;display:flex}.smart-code pre{font-family:var(--font-mono);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-all;background:#0000004d;margin:0;padding:8px;font-size:11px;overflow-x:auto}.smart-code-preview code,.smart-code-full code{color:var(--color-moon-200)}.smart-expand-btn{color:var(--color-primary-400,#818cf8);cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-size:11px}.smart-expand-btn:hover{text-decoration:underline}.smart-array-inline{color:var(--color-moon-200)}.smart-array{flex-direction:column;gap:4px;display:flex}.smart-array-toggle{color:var(--color-moon-300);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.smart-array-toggle:hover{color:var(--color-moon-200)}.smart-array-count{color:var(--color-moon-400);font-size:11px}.smart-chevron{font-size:10px;transition:transform .15s}.smart-chevron.expanded{transform:rotate(90deg)}.smart-array-list{border-left:1px solid var(--overlay-10);flex-direction:column;gap:4px;margin:0 0 0 12px;padding:0 0 0 8px;list-style:none;display:flex}.smart-array-list li{padding:2px 0}.smart-object{gap:4px;display:grid}.smart-object-root{gap:8px}.smart-object-summary{color:var(--color-moon-400);font-size:11px}.smart-kv-row{grid-template-columns:minmax(80px,auto) 1fr;align-items:baseline;gap:12px;font-size:12px;display:grid}.smart-key{color:var(--color-moon-500);font-weight:500}.smart-value{color:var(--color-moon-200);word-break:break-word}.props-layout-content{flex-direction:column;gap:16px;display:flex}.props-status-section{background:var(--overlay-2);border-radius:8px;padding:12px}.props-status-badges{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.props-status-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;background:var(--overlay-8);color:var(--color-moon-300);align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.props-status-badge[data-state=ready]{color:#10b981;background:#10b98126}.props-status-badge[data-state=disabled]{color:var(--color-moon-500);background:#71717a26}.props-status-badge[data-state=running]{color:#3b82f6;background:#3b82f626}.props-status-badge[data-state=error]{color:var(--color-danger);background:#ef444426}.props-form-badge{color:#a855f7;background:#a855f726}.props-capabilities{flex-wrap:wrap;gap:4px;display:flex}.props-capability-badge{color:#818cf8;background:#6366f126;border-radius:3px;padding:2px 6px;font-size:10px}.props-primary-action{background:var(--overlay-2);border-radius:8px;justify-content:center;align-items:center;padding:16px;display:flex}.props-primary-action-placeholder{background:#3b82f61a;border:1px dashed #3b82f64d;border-radius:6px;padding:12px 24px}.props-data-section{border:1px solid var(--overlay-6);border-radius:8px;overflow:hidden}.props-data-section-header{background:var(--overlay-3);cursor:pointer;width:100%;color:var(--text-primary);border:none;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.props-data-section-header:hover{background:var(--overlay-5)}.props-data-section-title{font-size:12px;font-weight:500}.props-data-section-content{border-top:1px solid var(--overlay-6);padding:12px}.props-action-group{background:var(--overlay-2);border-radius:8px;padding:12px}.props-danger-zone{border:1px solid #ef44444d;border-radius:8px;overflow:hidden}.props-danger-warning{color:#f87171;background:#ef444414;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.props-warning-icon{stroke:currentColor;flex-shrink:0}.props-info-card{background:var(--overlay-2);border-radius:8px;padding:12px}.props-info-fields{gap:8px;display:grid}.props-info-field{grid-template-columns:100px 1fr;gap:8px;font-size:12px;display:grid}.props-info-field dt{color:var(--color-moon-500)}.props-info-field dd{color:var(--color-moon-200)}.props-relationships{flex-direction:column;gap:8px;display:flex}.props-relationships-sections{flex-direction:column;gap:4px;display:flex}.props-relationship-section{border:1px solid var(--overlay-6);border-radius:6px;overflow:hidden}.props-relationship-header{background:var(--overlay-2);cursor:pointer;width:100%;color:var(--text-primary);border:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.props-relationship-header:hover{background:var(--overlay-4)}.props-relationship-title{align-items:center;gap:8px;display:flex}.props-relationship-label{font-size:12px;font-weight:500}.props-relationship-count{background:var(--overlay-8);color:var(--color-moon-400);border-radius:10px;padding:2px 6px;font-size:10px}.props-relationship-content{border-top:1px solid var(--overlay-6);padding:8px 12px}.props-relationship-empty{padding:8px 0}.props-relationship-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.props-related-item{background:var(--overlay-2);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.props-related-item:hover{background:var(--overlay-5)}.props-related-badge{flex-shrink:0}.props-related-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.props-related-name{color:var(--color-moon-200);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.props-related-label{color:var(--color-moon-500);font-size:10px}.props-related-status{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:10px}.props-related-status[data-status=ready]{color:#10b981;background:#10b98126}.props-related-status[data-status=disabled]{color:var(--color-moon-500);background:#71717a26}.props-related-status[data-status=error]{color:var(--color-danger);background:#ef444426}.props-member-actionable{position:relative}.props-member-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.props-member-actionable:hover .props-member-actions{opacity:1}.props-member-action{background:var(--overlay-6);width:22px;height:22px;color:var(--color-moon-400);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:background .1s,color .1s;display:flex}.props-member-action:hover{background:var(--overlay-10);color:var(--color-moon-200)}.props-member-action-confirm{color:#ef4444!important;background:#ef444426!important}.props-circle-member-avatar{background:var(--overlay-10);width:24px;height:24px;color:var(--color-moon-300);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.props-relationships-summary{background:var(--overlay-2);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.props-relationship-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.props-stat-count{color:var(--color-moon-200);font-size:18px;font-weight:600}.props-stat-label{color:var(--color-moon-500);text-transform:uppercase;font-size:10px}.props-attach-action{padding:4px 0}.props-attach-btn{border:1px dashed var(--overlay-8);width:100%;color:var(--color-moon-400);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.props-attach-btn:hover{border-color:var(--color-accent-500);color:var(--color-accent-400);background:var(--overlay-2)}.props-detach-btn{width:22px;height:22px;color:var(--color-moon-500);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background .1s,color .1s;display:flex}.props-related-item:hover .props-detach-btn{opacity:1}.props-detach-btn:hover{color:#ef4444;background:#ef444426}.props-detach-btn:disabled{opacity:.5;cursor:not-allowed}.props-spinner-tiny{border:1.5px solid var(--overlay-8);border-top-color:var(--color-accent-400);border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin;display:inline-block}.props-attach-picker{border:1px solid var(--overlay-8);background:var(--surface-bg);border-radius:6px;flex-direction:column;max-height:320px;display:flex;overflow:hidden}.props-picker-header{border-bottom:1px solid var(--overlay-6);align-items:center;gap:4px;padding:6px 8px;display:flex}.props-picker-search{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:4px;font-size:12px}.props-picker-search::placeholder{color:var(--color-moon-600)}.props-picker-close{width:22px;height:22px;color:var(--color-moon-500);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.props-picker-close:hover{background:var(--overlay-6);color:var(--color-moon-300)}.props-picker-loading{justify-content:center;padding:16px;display:flex}.props-picker-empty{text-align:center;padding:16px}.props-picker-list{flex:1;overflow-y:auto}.props-picker-group-header{text-transform:uppercase;color:var(--color-moon-500);letter-spacing:.05em;padding:6px 12px 2px;font-size:10px;font-weight:600}.props-picker-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;transition:background .1s;display:flex}.props-picker-item:hover{background:var(--overlay-4)}.props-picker-item:disabled{opacity:.5;cursor:wait}.props-members{flex-direction:column;gap:8px;padding:12px;display:flex}.props-members-list{flex-direction:column;gap:6px;display:flex}.props-members-header{align-items:center;margin-bottom:4px;padding:4px 0;display:flex}.props-members-count{color:var(--color-moon-400);font-size:12px;font-weight:500}.props-muted-hint{color:var(--color-moon-600);margin-top:4px;font-size:11px}.props-environments{flex-direction:column;gap:12px;padding:12px;display:flex}.version-env-table{flex-direction:column;gap:1px;display:flex}.version-current-row{align-items:center;gap:8px;padding:4px 0;display:flex}.env-tier-row{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.env-tier-row:hover{background:var(--overlay-05)}.env-tier-current{background:var(--overlay-08)}.env-tier-empty{opacity:.6}.env-tier-label{color:var(--color-moon-200);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;min-width:56px;padding:0;font-family:inherit;font-size:12px;font-weight:600;display:flex}.env-tier-label:disabled{cursor:default;opacity:.5}.env-tier-label:not(:disabled):hover{color:var(--color-moon-100)}.env-tier-dot{background:var(--tier-color,#888);border-radius:50%;flex-shrink:0;width:8px;height:8px}.env-tier-empty .env-tier-dot{border:1.5px solid var(--tier-color,#888);background:0 0}.env-tier-version{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.env-tier-action{flex-shrink:0}.env-tier-meta{color:var(--color-moon-500);font-size:11px}.env-tier-promote-btn{color:var(--tier-color,var(--color-moon-400));border:1px solid var(--overlay-15);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:1px 8px;font-family:inherit;font-size:11px;transition:all .15s}.env-tier-promote-btn:hover{background:var(--overlay-08);border-color:var(--tier-color,var(--overlay-25))}.env-tier-promote-btn:disabled{opacity:.5;cursor:default}.promote-error{color:#ef4444;text-align:center;padding:4px 12px;font-size:11px}.props-editor,.props-view-mode,.props-edit-mode{flex-direction:column;gap:12px;display:flex}.props-view-header,.props-edit-header{justify-content:space-between;align-items:center;display:flex}.props-edit-btn{border:1px solid var(--overlay-10);border-radius:var(--radius-sm);background:var(--overlay-5);color:var(--text-primary);cursor:pointer;padding:4px 12px;font-size:11px;transition:all .15s}.props-edit-btn:hover{background:var(--overlay-10);border-color:var(--overlay-20)}.props-empty-state{text-align:center;background:var(--overlay-2);border-radius:8px;padding:24px}.props-edit-form{flex-direction:column;gap:8px;display:flex}.props-json-editor{border:1px solid var(--overlay-10);width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;background:#0003;border-radius:6px;min-height:150px;padding:12px;font-size:12px}.props-json-editor:focus{border-color:var(--ide-accent);outline:none}.props-parse-error{border-radius:var(--radius-sm);color:#f87171;background:#ef44441a;padding:8px 12px;font-size:11px}.props-edit-actions{border-top:1px solid var(--overlay-6);justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.props-btn-secondary{border:1px solid var(--overlay-10);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:6px 16px;font-size:12px}.props-btn-secondary:hover:not(:disabled){background:var(--overlay-5)}.props-btn-primary{border-radius:var(--radius-sm);background:var(--ide-accent);color:#fff;cursor:pointer;border:none;padding:6px 16px;font-size:12px;font-weight:500}.props-btn-primary:hover:not(:disabled){opacity:.9}.props-btn-primary:disabled,.props-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.props-inline-editor{align-items:center;gap:8px;padding:4px 0;display:flex}.props-inline-key{color:var(--color-moon-500);min-width:100px;font-size:12px}.props-inline-value{color:var(--color-moon-200);cursor:pointer;border-radius:2px;padding:2px 4px;font-size:12px}.props-inline-value:hover{background:var(--overlay-5)}.props-inline-input{border:1px solid var(--ide-accent);border-radius:var(--radius-sm);color:var(--text-primary);background:#0003;flex:1;padding:4px 8px;font-size:12px}.props-inline-input:focus{outline:none}.chat-panel{background:var(--ide-bg);height:100%;min-height:0;color:var(--text-primary);display:flex}.chat-panel-sidebar{background:var(--ide-bg);border-right:none;flex-direction:row;flex-shrink:0;width:220px;min-width:180px;transition:width .2s,min-width .2s,opacity .2s;display:flex;overflow:visible}.chat-panel-sidebar.collapsed{opacity:0;pointer-events:none;border-right:none;width:0;min-width:0;overflow:hidden}.chat-panel-title{font-size:14px;font-weight:600}.chat-panel-new{width:100%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 8px;font-size:12px;font-weight:500;display:flex}.chat-panel-new:hover{background:var(--overlay-6);color:var(--text-secondary)}.chat-deploy-screen{background:radial-gradient(ellipse 60% 50% at 50% 45%, #4b70f508 0%, transparent 70%), var(--ide-bg);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chat-deploy-logo{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.chat-deploy-logo img{object-fit:contain;opacity:.035;width:280px;height:280px}.chat-deploy-content{z-index:1;text-align:center;flex-direction:column;align-items:center;animation:.5s deploy-fade-in;display:flex;position:relative}.chat-deploy-idle{flex-direction:column;align-items:center;gap:6px;display:flex}.chat-deploy-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:500}.chat-deploy-subtitle{color:var(--ide-text-muted);margin:0 0 20px;font-size:12px}.chat-deploy-btn{border:1px solid var(--border-color);background:var(--overlay-5);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-fast);border-radius:8px;padding:8px 24px;font-size:13px;font-weight:500}.chat-deploy-btn:hover{background:var(--overlay-10);border-color:var(--border-color-hover);color:var(--text-primary)}.chat-deploy-btn:active{transform:scale(.97)}.chat-deploy-running{flex-direction:column;align-items:center;gap:16px;animation:.3s deploy-fade-in;display:flex}.chat-deploy-spinner{border:2px solid var(--overlay-8);border-top-color:var(--ide-text-muted);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite deploy-spin}.chat-deploy-phase{font-family:var(--font-mono);color:var(--ide-text-muted);font-size:12px;animation:.4s deploy-phase-in}.chat-deploy-error{color:var(--color-error);opacity:.7;font-size:12px;font-family:var(--font-mono);margin-top:16px}@keyframes deploy-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes deploy-phase-in{0%{opacity:0}to{opacity:1}}@keyframes deploy-spin{to{transform:rotate(360deg)}}.chat-agent-picker{z-index:25;min-width:0;position:relative}.chat-agent-trigger{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em;background:0 0;border:none;align-items:center;gap:4px;padding:2px 6px;font-family:Space Mono,monospace;font-size:12px;font-weight:400;display:flex}.chat-channel-hash{color:var(--text-muted);opacity:.5;font-size:13px;font-weight:500}.chat-agent-trigger:hover,.chat-agent-trigger.open{background:var(--overlay-6)}.chat-agent-trigger-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.chat-agent-chevron{color:var(--text-muted);flex-shrink:0;font-size:10px}.chat-agent-menu{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);width:auto;min-width:180px;max-height:260px;box-shadow:var(--shadow-card);z-index:120;background:#0f0f14f2;border-radius:8px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;right:auto;overflow-y:auto}.chat-agent-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 12px;font-size:12px;display:block}.chat-agent-item:hover{background:var(--overlay-6);color:var(--text-primary)}.chat-agent-item.active{color:var(--text-primary);background:#7c3aed26}.chat-agent-item.disabled{color:var(--text-muted);cursor:default;font-style:italic}.agent-menu-orb{vertical-align:middle;width:10px;height:10px;color:var(--text-muted);margin-right:8px;display:inline-block}.agent-menu-icon{opacity:.5;margin-right:6px;font-size:14px}.agent-menu-orb-live{vertical-align:middle;margin-right:6px;display:inline-flex}.chat-panel-sidebar-status{color:var(--text-secondary);align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.status-dot{background:#52525b;border-radius:50%;width:8px;height:8px}.status-dot.connected{background:var(--color-success)}.status-dot.connecting{background:var(--color-warning)}.status-dot.disconnected{background:var(--color-error)}.chat-panel-sessions{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.chat-filter-bar{align-items:center;gap:4px;padding:10px 8px 6px;display:flex}.chat-filter{color:var(--text-muted);cursor:pointer;text-align:center;letter-spacing:.02em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:color .15s,background .15s,border-color .15s}.chat-filter:hover:not(.active){color:var(--text-secondary);background:var(--overlay-4)}.chat-filter.active{color:var(--text-primary);background:var(--overlay-6);border-color:var(--overlay-10);font-weight:600}.chat-filter-lock{opacity:.45;vertical-align:-1px;margin-right:3px}.chat-channel-placeholder{opacity:.4}.chat-channel-placeholder-hint{opacity:.7;margin-top:4px;font-size:10px}.chat-panel-sessions-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;opacity:.6;padding:14px 12px 6px;font-size:10px}.chat-panel-sessions-list{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:4px 8px 12px;overflow-y:auto}.chat-panel-sessions-list:hover{scrollbar-color:var(--overlay-12) transparent}.chat-panel-sessions-list::-webkit-scrollbar{width:4px}.chat-panel-sessions-list::-webkit-scrollbar-track{background:0 0}.chat-panel-sessions-list::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:0 0;transition:background .15s}.chat-panel-sessions-list:hover::-webkit-scrollbar-thumb{background:var(--overlay-12)}.chat-session{text-align:left;width:100%;color:inherit;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;padding:6px 8px;display:flex;position:relative}.chat-session:hover{background:var(--overlay-6)}.chat-session.active{background:var(--overlay-8)}.chat-session-info{flex:1;min-width:0}.chat-session-title{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.chat-session.active .chat-session-title{color:var(--text-primary);font-weight:600}.chat-session-delete{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:none}.chat-session:hover .chat-session-delete{display:flex}.chat-session-delete:hover{color:var(--color-danger);background:#ef444433}.chat-panel-main{background:var(--ide-bg);flex-direction:column;flex:1;min-width:0;transition:box-shadow .4s;display:flex}.chat-panel-main.chat-panel-thinking{box-shadow:inset 0 0 0 1px rgba(var(--circle-color-rgb), .2), 0 0 18px -4px rgba(var(--circle-color-rgb), .2);animation:2s ease-in-out infinite chat-thinking-breathe}@keyframes chat-thinking-breathe{0%,to{opacity:.85}50%{opacity:1}}.chat-panel-header{display:none}.chat-inline-bar{flex-shrink:0;align-items:center;gap:6px;min-height:28px;padding:6px 12px;display:flex}.chat-panel-header-title{font-size:14px;font-weight:600}.chat-ws-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.chat-ws-dot.connected{background:#34d399}.chat-ws-dot.connecting{background:#fbbf24;animation:1.2s ease-in-out infinite pulse-dot}.chat-ws-dot.disconnected{background:var(--color-danger)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.chat-ws-label{font-size:var(--text-xs);color:var(--color-danger);letter-spacing:.02em;font-weight:500}.chat-ws-reload{border-radius:var(--radius-sm);border:1px solid var(--overlay-10);background:var(--overlay-5);width:22px;height:22px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.chat-ws-reload:hover{background:var(--overlay-10);color:var(--text-primary)}.chat-sidebar-edge{border:none;border-left:1px solid var(--overlay-6);cursor:pointer;width:16px;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.chat-sidebar-edge:hover{background:var(--overlay-4);border-left-color:var(--overlay-15)}.chat-sidebar-edge-arrow{color:var(--overlay-15);transition:all var(--transition-fast);font-size:11px;line-height:1}.chat-sidebar-edge:hover .chat-sidebar-edge-arrow{color:#ffffff80;transform:translate(-1px)}.chat-sidebar-toggle{border:1px solid var(--overlay-8);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.chat-sidebar-toggle:hover{background:var(--overlay-6);border-color:var(--overlay-15);color:var(--text-secondary)}.chat-header-status{flex-shrink:0;align-items:center;gap:5px;margin-left:auto;display:flex}.chat-header-status-text{color:var(--text-muted);font-size:11px}.chat-members{flex-shrink:0;position:relative}.chat-users-btn{border-radius:var(--radius-sm);height:22px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;padding:0 8px;font-size:11px;font-weight:400;display:inline-flex}.chat-users-btn:hover:not(:disabled),.chat-users-btn.open{background:var(--overlay-6);color:var(--text-secondary)}.chat-users-btn:disabled{opacity:.45;cursor:default}.chat-members-trigger{display:none}.chat-member-pill{background:var(--overlay-8);width:20px;height:20px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex;position:relative}.chat-member-pill-user{background:#ffffff1c}.chat-member-pill-agent{color:#bae6fdf2;background:#7dd3fc29}.chat-member-pill-dispatcher{color:#fbcfe8f2;background:#f472b629}.chat-member-pill.responding:after{content:"";width:6px;height:6px;box-shadow:0 0 0 2px var(--ide-bg);background:#34d399;border-radius:50%;animation:1.2s ease-in-out infinite pulse-dot;position:absolute;bottom:-2px;right:-2px}.chat-members-count{color:var(--text-muted);margin-left:2px;font-size:11px}.chat-members-popover{border:1px solid var(--overlay-10);-webkit-backdrop-filter:blur(20px);width:300px;max-height:340px;z-index:var(--z-popover);background:#0f0f14f7;border-radius:10px;padding:10px;position:fixed;overflow:auto;box-shadow:0 12px 40px #00000080}.chat-members-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:11px}.chat-members-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.chat-member-row{background:var(--overlay-2);border:1px solid #ffffff12;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.chat-member-row-main{align-items:center;gap:6px;min-width:0;display:flex}.chat-member-row-avatar{background:var(--overlay-10);width:22px;height:22px;color:var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex;position:relative}.chat-member-row-avatar-agent{color:#bae6fdf2;background:#7dd3fc29}.chat-member-row-avatar-dispatcher{color:#fbcfe8f2;background:#f472b629}.chat-member-row-avatar.responding:after{content:"";width:6px;height:6px;box-shadow:0 0 0 2px var(--ide-bg);background:#34d399;border-radius:50%;animation:1.2s ease-in-out infinite pulse-dot;position:absolute;bottom:-2px;right:-2px}.chat-member-row-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-member-role-badge{color:var(--text-muted);border:1px solid #ffffff24;border-radius:999px;padding:1px 6px;font-size:10px}.chat-member-remove{border:1px solid var(--overlay-10);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:11px}.chat-member-remove:hover{border-color:var(--overlay-20);color:var(--text-secondary)}.chat-members-add-list{flex-direction:column;gap:6px;display:flex}.chat-member-add-option{text-align:left;border:1px solid var(--overlay-8);background:var(--overlay-2);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:7px 8px;font-size:12px}.chat-member-add-option:hover{background:var(--overlay-5);border-color:#ffffff2e}.chat-members-empty{color:var(--text-muted);padding:6px 2px 2px;font-size:11px}.chat-panel-messages{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:4px 4px 12px 0;overflow-y:auto}.chat-panel-messages:hover{scrollbar-color:var(--overlay-8) transparent}.chat-panel-messages::-webkit-scrollbar{width:4px}.chat-panel-messages::-webkit-scrollbar-track{background:0 0}.chat-panel-messages::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:0 0;transition:background .15s}.chat-panel-messages:hover::-webkit-scrollbar-thumb{background:var(--overlay-8)}.chat-empty-state{pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse 50% 40% at 50% 45%, rgba(var(--circle-color-rgb), .03) 0%, transparent 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding-bottom:48px;display:flex}.chat-empty-silhouette{justify-content:center;align-items:center;display:flex}.chat-empty-silhouette img{object-fit:contain;opacity:.045;width:140px;height:140px;animation:4s ease-in-out infinite empty-state-breathe}@keyframes empty-state-breathe{0%,to{opacity:.035;transform:scale(1)}50%{opacity:.06;transform:scale(1.02)}}.chat-empty-hint{color:var(--text-muted);opacity:.5;letter-spacing:.02em;margin:0;font-size:12px;font-weight:400}.chat-empty-cta{color:var(--text-muted);opacity:.35;margin:8px 0 0;font-size:11px}.chat-encrypted-placeholder{color:var(--text-muted);opacity:.6}.chat-timestamp-sep{text-align:center;color:var(--text-muted);opacity:.6;padding:8px 0 4px;font-size:10px}.chat-row{gap:10px;padding:6px 20px;display:flex}.chat-row-user .chat-row-content,.chat-row-assistant .chat-row-content{padding:2px 0}.chat-row-system .chat-row-content{color:var(--text-muted);border-left:2px solid var(--overlay-8);padding:3px 10px;font-size:11px}.chat-row-avatar{background:var(--overlay-6);width:24px;height:24px;color:var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;display:flex;position:relative}.chat-row-avatar canvas{width:24px;height:24px}.chat-row-user .chat-row-avatar,.chat-row-assistant .chat-row-avatar{background:var(--overlay-6);color:var(--text-muted)}.expression-portrait{background:0 0;border-radius:50%;position:relative;overflow:visible}.expression-portrait .expression-img{object-fit:cover;border-radius:50%;width:24px;height:24px;transition:opacity .2s ease-in-out}.expression-portrait .expression-img:hover{opacity:.85}.subconscious-orb{display:block;position:relative}.subconscious-orb canvas{border-radius:50%;display:block}.subconscious-orb .expression-img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.expression-portrait .expression-img{transition:none}}.expression-tooltip{background:var(--surface-elevated,#1e1e28f2);border:1px solid var(--overlay-12,#ffffff1f);border-radius:var(--radius-md,8px);z-index:200;pointer-events:none;text-align:left;min-width:140px;max-width:240px;padding:8px 12px;display:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #0000004d}.expression-portrait:hover .expression-tooltip{display:block}.expression-tooltip__feeling{color:var(--expr-color,var(--text-primary));margin-bottom:2px;font-size:13px;font-weight:600}.expression-tooltip__expression{color:var(--text-tertiary);text-transform:capitalize;margin-bottom:2px;font-size:11px}.expression-tooltip__reason{color:var(--text-secondary);font-size:11px;font-style:italic;line-height:1.3}.subconscious-studio{grid-template-columns:repeat(4,1fr);gap:6px;padding:4px 0;display:grid}.expression-slot{border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px;transition:border-color .15s;display:flex}.expression-slot:hover{border-color:var(--border-active)}.expression-slot-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px}.expression-slot-preview{background:var(--overlay-4);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.expression-slot-img{object-fit:cover;width:100%;height:100%}.expression-slot-empty{color:var(--text-muted);font-size:9px}.expression-slot-label{color:var(--text-secondary);text-align:center;text-transform:capitalize;font-size:9px}.prompt-manager{flex-direction:column;gap:6px;width:100%;display:flex}.prompt-manager-loading{justify-content:center;padding:8px 0;display:flex}.prompt-manager-empty{padding:6px 0;font-size:11px}.prompt-manager-list{flex-direction:column;gap:4px;display:flex}.prompt-manager-actions{padding-top:2px}.prompt-manager-add-btn{color:var(--text-secondary);border:1px dashed var(--border-subtle);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:all .15s;display:inline-flex}.prompt-manager-add-btn:hover{color:var(--text-primary);border-color:var(--border-active);background:var(--overlay-4)}.prompt-manager .prompt-card{background:var(--overlay-4);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.prompt-manager .prompt-card:hover{border-color:var(--border-active)}.prompt-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.prompt-card-name{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:500;display:inline-flex}.prompt-card-name:hover{color:var(--accent)}.prompt-card-preview{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.prompt-picker{max-height:200px}.chat-row-continuation{padding-top:0}.chat-row-continuation .chat-row-avatar{visibility:hidden;height:0;margin:0}.chat-row-continuation .chat-row-header{display:none}.chat-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-row-header{align-items:center;gap:8px;display:flex}.chat-row-label{color:var(--text-primary);font-size:12px;font-weight:600}.chat-row-time{color:var(--text-muted);opacity:.5;font-size:10px}.chat-copy-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:13px;transition:all .15s}.chat-row:hover .chat-copy-btn{opacity:.4}.chat-copy-btn:hover{background:var(--overlay-6);opacity:1!important}.chat-copy-btn.copied{color:var(--color-success);opacity:1!important}.tts-speak-btn{cursor:pointer;opacity:0;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px;line-height:1;transition:all .15s}.chat-row:hover .tts-speak-btn{opacity:.4}.tts-speak-btn:hover{background:var(--overlay-6);opacity:1!important}.tts-speak-btn.playing{color:var(--color-accent,#6366f1);animation:1.5s ease-in-out infinite tts-pulse;opacity:1!important}@keyframes tts-pulse{0%,to{opacity:1}50%{opacity:.5}}.tts-toggle{cursor:pointer;width:32px;height:32px;color:var(--ide-text-muted,#6b7280);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.tts-toggle:hover{color:var(--ide-text,#e5e7eb);background:#ffffff0d}.tts-toggle.active{color:var(--color-accent,#6366f1)}.tts-toggle.active:hover{background:#ffffff0d}.tts-toggle .material-symbols-outlined{font-size:18px}.markdown-body,.chat-row-content{color:var(--text-secondary);word-break:break-word;font-size:13px;line-height:1.65}.markdown-body p,.chat-row-content p{margin:0 0 8px}.markdown-body p:last-child,.chat-row-content p:last-child{margin-bottom:0}.markdown-body strong,.chat-row-content strong{color:var(--text-primary);font-weight:600}.markdown-body em,.chat-row-content em{font-style:italic}.markdown-body a,.chat-row-content a{color:var(--ide-accent);text-decoration:none}.markdown-body a:hover,.chat-row-content a:hover{text-decoration:underline}.markdown-body code,.chat-row-content code{background:var(--overlay-5);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);padding:1px 5px;font-size:12px}.markdown-body pre,.chat-row-content pre{border:1px solid var(--overlay-6);background:#ffffff06;border-radius:8px;margin:8px 0;padding:12px;overflow-x:auto}.markdown-body pre code,.chat-row-content pre code{color:var(--text-secondary);background:0 0;border-radius:0;padding:0;font-size:12px;line-height:1.5}.markdown-body ul,.markdown-body ol,.chat-row-content ul,.chat-row-content ol{margin:6px 0;padding-left:20px}.markdown-body li,.chat-row-content li{margin-bottom:4px}.markdown-body blockquote,.chat-row-content blockquote{border-left:3px solid var(--overlay-10);color:var(--text-muted);margin:8px 0;padding:4px 12px}.markdown-body table,.chat-row-content table{border-collapse:collapse;margin:8px 0;font-size:12px}.markdown-body th,.markdown-body td,.chat-row-content th,.chat-row-content td{border:1px solid var(--overlay-8);text-align:left;padding:6px 10px}.markdown-body th,.chat-row-content th{background:var(--overlay-4);font-weight:600}.markdown-body h1,.markdown-body h2,.markdown-body h3,.chat-row-content h1,.chat-row-content h2,.chat-row-content h3{color:var(--text-primary);margin:12px 0 6px;font-weight:600}.markdown-body h1,.chat-row-content h1{font-size:16px}.markdown-body h2,.chat-row-content h2{font-size:14px}.markdown-body h3,.chat-row-content h3{font-size:13px}.chat-tool-call{border:1px solid var(--overlay-8);border-left:2px solid var(--overlay-15);background:#ffffff06;border-radius:6px;margin:4px 20px 4px 54px;font-size:12px;overflow:hidden}.chat-tool-call.completed{border-color:var(--overlay-8);border-left-color:var(--overlay-12)}.chat-tool-call.error{border-color:#ef444426 #ef444426 #ef444426 #ef444466}.chat-tool-summary{cursor:pointer;color:var(--text-secondary);background:var(--overlay-2);align-items:center;gap:6px;padding:5px 10px;font-size:12px;list-style:none;transition:background .15s;display:flex}.chat-tool-summary::-webkit-details-marker{display:none}.chat-tool-summary:after{content:"▸";color:var(--text-muted);opacity:.5;margin-left:auto;font-size:10px;transition:transform .15s}.chat-tool-call[open] .chat-tool-summary:after{transform:rotate(90deg)}.chat-tool-summary:hover{background:var(--overlay-5)}.chat-tool-icon{text-align:center;flex-shrink:0;width:16px;font-size:11px}.chat-tool-call .chat-tool-icon{color:var(--text-secondary);opacity:.7}.chat-tool-call:not(.completed):not(.error) .chat-tool-icon{animation:1s linear infinite tool-spin}.chat-tool-call.completed .chat-tool-icon{color:var(--text-secondary);opacity:.6;animation:none}.chat-tool-call.error .chat-tool-icon{color:var(--color-danger);opacity:.9;animation:none}@keyframes tool-spin{to{opacity:.3}0%{opacity:.8}}.chat-tool-name{color:var(--text-secondary);font-size:12px;font-weight:500}.chat-tool-args-preview{color:var(--text-muted);opacity:.6;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.chat-tool-result-preview{color:var(--text-muted);opacity:.6;flex-shrink:0;font-size:11px}.chat-tool-detail{border-top:1px solid var(--overlay-4);padding:8px 12px}.chat-tool-section{margin-bottom:8px}.chat-tool-section:last-child{margin-bottom:0}.chat-tool-section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);opacity:.6;margin-bottom:4px;font-size:10px;font-weight:500}.chat-tool-pre{font-family:var(--font-mono);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;background:#00000026;border-radius:6px;max-height:200px;margin:0;padding:8px;font-size:11px;line-height:1.4;overflow:auto}.chat-question-options{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chat-question-option{background:var(--overlay-4);border:1px solid var(--overlay-8);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;transition:all .15s}.chat-question-option:hover{background:var(--overlay-8);border-color:var(--overlay-15);color:var(--text-primary)}.chat-question-input{gap:8px;margin-top:10px;display:flex}.chat-question-field{background:var(--overlay-4);border:1px solid var(--overlay-10);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:6px 10px;font-size:12px;transition:border-color .15s}.chat-question-field:focus{border-color:var(--overlay-20)}.chat-question-submit{background:var(--overlay-8);border:1px solid var(--overlay-10);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:12px;transition:all .15s}.chat-question-submit:hover{background:var(--overlay-12);color:var(--text-primary);border-color:#ffffff2e}.chat-panel-input{background:0 0;border-top:none;padding:8px 12px 10px}.chat-composer{border:1px solid var(--overlay-8);background:var(--overlay-2);border-radius:10px;align-items:flex-end;transition:border-color .15s;display:flex;position:relative}.chat-composer:focus-within{border-color:var(--overlay-15)}.chat-input{min-height:40px;max-height:none;color:var(--text-primary);resize:none;scrollbar-width:thin;scrollbar-color:var(--overlay-12) transparent;background:0 0;border:none;border-radius:10px;outline:none;flex:1;padding:10px 44px 10px 12px;font-size:13px;line-height:1.4;transition:height .1s;overflow-y:auto}.chat-input:focus{box-shadow:0 0 20px -8px rgba(var(--circle-color-rgb), .15);outline:none}.chat-input::placeholder{color:var(--text-muted);opacity:.4}.chat-e2ee-indicator{cursor:pointer;opacity:.4;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0;right:36px}.chat-e2ee-indicator:hover{opacity:.7}.chat-send{border:1px solid var(--overlay-10);background:var(--overlay-5);width:28px;height:28px;color:var(--text-muted);cursor:pointer;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:flex;position:absolute;top:0;bottom:0;right:6px}.chat-send svg{width:14px;height:14px;display:block}.chat-send:hover:not(:disabled){color:var(--text-primary);background:#4b70f540;border-color:#4b70f580}.chat-send:active:not(:disabled){background:#4b70f552}.chat-send:focus-visible{outline:2px solid var(--ide-accent);outline-offset:1px}.chat-send:disabled{opacity:.4;cursor:not-allowed;color:var(--text-muted);box-shadow:none}.chat-row-typing{animation:.2s chat-fade-in}.chat-typing-inline{align-items:center;gap:8px;padding:2px 0;display:flex}.chat-typing-dots{justify-content:center;align-items:center;gap:3px;width:24px;height:16px;display:flex}.chat-typing-dots span{background:rgba(var(--circle-color-rgb), .7);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite chat-spinner-pulse;display:inline-block}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}.chat-typing-text{color:var(--text-muted);opacity:.6;text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-size:12px;overflow:hidden}.chat-token-badge{color:var(--text-muted);opacity:.5;padding:2px 12px 6px 42px;font-size:11px;animation:.3s chat-fade-in}@keyframes chat-spinner-pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:.7;transform:scale(1)}}@keyframes chat-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-thinking-block{border:1px solid var(--overlay-5);background:#ffffff04;border-radius:8px;margin:4px 20px 4px 54px;font-size:12px;overflow:hidden}.chat-thinking-header{cursor:pointer;color:var(--text-muted);align-items:center;gap:6px;padding:5px 10px;list-style:none;transition:background .15s;display:flex}.chat-thinking-header::-webkit-details-marker{display:none}.chat-thinking-header:before{content:"▸";color:var(--text-muted);opacity:.5;font-size:9px;transition:transform .15s}.chat-thinking-block[open] .chat-thinking-header:before{transform:rotate(90deg)}.chat-thinking-header:hover{background:#ffffff06}.chat-thinking-label{color:var(--text-muted);opacity:.7;font-size:11px;font-weight:500}.chat-thinking-preview{color:var(--text-muted);opacity:.35;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.chat-thinking-content{border-top:1px solid var(--overlay-4);color:var(--text-muted);white-space:pre-wrap;opacity:.7;max-height:300px;padding:8px 12px 10px;font-size:12px;line-height:1.5;overflow-y:auto}.chat-step{color:var(--text-muted);align-items:center;gap:6px;margin:2px 20px 2px 54px;padding:3px 0;font-size:12px;display:flex}.chat-step.running .chat-step-icon{opacity:.6}.chat-step.finished{opacity:.5}.chat-step.finished .chat-step-icon{color:var(--text-muted)}.chat-step-icon{opacity:.5;flex-shrink:0;font-size:11px}.chat-step-name{font-size:12px}.props-tab-content,.props-groups{flex-direction:column;gap:0;display:flex}.props-loading{flex-direction:column;gap:12px;padding:16px;display:flex}.props-skeleton{background:linear-gradient(90deg, var(--overlay-3) 25%, var(--overlay-6) 50%, var(--overlay-3) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}.props-skeleton-section{width:100%;height:32px}.props-skeleton-row{width:80%;height:20px;margin-left:12px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.props-draft-notice{text-align:center;background:#f59e0b1a;border-bottom:1px solid #f59e0b33;padding:16px 20px}.props-error-banner{background:#ef44441a;border-bottom:1px solid #ef444433;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex}.props-error-icon{font-size:14px}.props-error-text{color:#f87171}.props-save-toast{color:#4ade80;background:#22c55e26;border-bottom:1px solid #22c55e33;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;animation:.3s props-toast-fade;display:flex}@keyframes props-toast-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.props-zk-locked{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.props-zk-icon{color:#818cf8;background:#6366f11f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.props-zk-title{color:#ffffffe6;margin:0;font-size:14px;font-weight:600}.props-zk-desc{max-width:280px;margin:0;font-size:12px;line-height:1.5}.props-zk-form{gap:8px;width:100%;max-width:300px;margin-top:4px;display:flex}.props-zk-passphrase{background:var(--overlay-6);border:1px solid var(--overlay-12);color:#ffffffe6;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .15s}.props-zk-passphrase:focus{border-color:#6366f180}.props-zk-passphrase::placeholder{color:#ffffff4d}.props-zk-error{color:#f87171;padding:4px 8px;font-size:12px}.props-debug-toggle{border-top:1px solid var(--overlay-4);padding:8px 16px}.props-debug-btn{border:1px solid var(--overlay-8);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .15s;display:inline-flex}.props-debug-btn:hover{background:var(--overlay-4);border-color:var(--overlay-12);color:var(--text-secondary)}.props-row:not(.default) .props-row-value{color:var(--text-primary);font-weight:500}.props-row:not(.default) .props-key{color:var(--text-primary)}.props-section-left,.props-section-right{align-items:center;gap:8px;display:flex}.props-section-badge{text-transform:uppercase;border-radius:var(--radius-sm);padding:2px 8px;font-size:10px;font-weight:500}.props-section-badge.configured{color:#4ade80;background:#22c55e26}.props-section-badge.default{background:var(--overlay-5);color:var(--text-muted)}.props-row{border-bottom:1px solid var(--overlay-3);justify-content:space-between;align-items:flex-start;padding:8px 0;display:flex}.props-row:last-child{border-bottom:none}.props-row.default .props-row-value{color:var(--text-muted)}.props-row-label{flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:4px;min-width:120px;max-width:40%;display:flex}.props-key{color:var(--text-secondary);font-size:12px;font-weight:500}.props-required-marker{color:var(--color-danger);font-weight:600}.props-key-description{width:100%;color:var(--text-muted);opacity:.8;font-size:10px;line-height:1.3}.props-key-hint{color:var(--text-muted);cursor:help;opacity:.7;font-size:10px}.props-row-value{color:var(--text-primary);text-align:right;word-break:break-word;flex:1;font-size:13px}.props-row-value.muted{color:var(--text-muted);font-style:italic}.inline-editable{align-items:center;min-height:24px;display:inline-flex}.inline-editable.disabled{opacity:.6;cursor:not-allowed}.inline-value{border-radius:var(--radius-sm);cursor:text;padding:2px 6px;transition:all .15s}.inline-value.clickable:hover{background:var(--overlay-8)}.inline-value.empty{color:var(--text-muted);font-style:italic}.inline-edit-wrapper{flex-direction:column;gap:4px;width:100%;display:flex}.inline-input,.inline-textarea,.inline-select{border:1px solid var(--ide-accent);border-radius:var(--radius-sm);color:var(--text-primary);background:#0000004d;outline:none;padding:4px 8px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.inline-input:focus,.inline-textarea:focus,.inline-select:focus{border-color:var(--ide-accent);box-shadow:0 0 0 2px #6366f133}.inline-input-number{text-align:right;width:100px}.inline-textarea{resize:vertical;min-height:60px}.inline-json-editor{font-family:var(--font-mono);min-height:80px;font-size:11px}.inline-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.inline-toggle{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.inline-toggle input{opacity:0;width:0;height:0;position:absolute}.inline-toggle-slider{background:var(--overlay-10);border-radius:10px;width:36px;height:20px;transition:background .15s;position:relative}.inline-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.inline-toggle input:checked+.inline-toggle-slider{background:var(--color-green)}.inline-toggle input:checked+.inline-toggle-slider:before{transform:translate(16px)}.inline-toggle-label{color:var(--text-secondary);font-size:12px}.inline-edit-error{border-radius:var(--radius-sm);color:#f87171;background:#ef44441a;padding:4px 8px;font-size:11px}.searchable-select-trigger{border-radius:var(--border-radius);background:var(--overlay-3);width:100%;color:var(--text-primary);font-size:12px;font-family:var(--font-mono);cursor:pointer;text-align:left;border:1px solid #0000;align-items:center;gap:6px;padding:4px 8px;transition:all .15s;display:flex}.searchable-select-trigger:hover{background:var(--overlay-5);border-color:var(--border-color)}.searchable-select-trigger:disabled{opacity:.5;pointer-events:none}.searchable-select-provider{color:var(--ide-accent);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#6366f11f;border-radius:3px;flex-shrink:0;align-items:center;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.searchable-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.searchable-select-chevron{color:var(--text-muted);opacity:.5;flex-shrink:0;align-items:center;transition:opacity .15s;display:flex}.searchable-select-trigger:hover .searchable-select-chevron{opacity:1}.select-panel{text-align:left;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.select-panel-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--overlay-2);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.select-panel-title{color:var(--text-primary);letter-spacing:.01em;font-size:13px;font-weight:600}.select-panel-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.select-panel-close:hover{background:var(--overlay-10);color:var(--text-primary)}.select-panel-search{padding:10px var(--spacing-md);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:8px;display:flex}.select-panel-search-icon{color:var(--text-muted);opacity:.6;flex-shrink:0;align-items:center;display:flex}.select-panel-search-input{color:var(--text-primary);font-size:13px;font-family:var(--font-sans);text-align:left;background:0 0;border:none;outline:none;flex:1;padding:4px 0}.select-panel-search-input::placeholder{color:var(--text-muted);opacity:.6}.select-panel-search-clear{background:var(--overlay-6);width:20px;height:20px;color:var(--text-muted);border-radius:var(--border-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.select-panel-search-clear:hover{background:var(--overlay-12);color:var(--text-primary)}.select-panel-content{flex:1;min-height:0;overflow-y:auto}.select-panel-list{padding:var(--spacing-xs) 0}.select-panel-group-header{width:100%;padding:8px var(--spacing-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--color-main-900);border:none;border-bottom:1px solid var(--overlay-4);cursor:pointer;z-index:1;align-items:center;gap:6px;font-size:10px;font-weight:600;transition:background .12s;display:flex;position:sticky;top:0}.select-panel-group-header:hover{background:var(--overlay-3);color:var(--text-primary)}.select-panel-group-chevron{opacity:.5;align-items:center;transition:transform .15s;display:flex}.select-panel-group-chevron.expanded{transform:rotate(90deg)}.select-panel-group-count{color:var(--text-muted);opacity:.5;margin-left:auto;font-size:9px;font-weight:500}.select-panel-item{margin:0 var(--spacing-xs);padding:6px var(--spacing-sm);font-size:13px;font-family:var(--font-mono);color:var(--text-primary);cursor:pointer;border-radius:var(--border-radius);border:1px solid #0000;justify-content:space-between;align-items:center;transition:all .1s;display:flex}.select-panel-item:hover{background:var(--overlay-4);border-color:var(--border-color)}.select-panel-item.highlighted{background:var(--overlay-5);border-color:var(--border-color);outline:2px solid var(--color-main-500);outline-offset:-2px}.select-panel-item.selected{background:#6366f114;border-color:#6366f133}.select-panel-item.selected .select-panel-item-label{color:var(--ide-accent)}.select-panel-item-content{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.select-panel-item-label{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.select-panel-item-desc{color:var(--text-muted);opacity:.7;font-size:11px}.select-panel-check{color:var(--ide-accent);flex-shrink:0;align-items:center;margin-left:8px;display:flex}.select-panel-footer{padding:8px var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-muted);text-align:right;opacity:.7;flex-shrink:0;font-size:11px}.select-panel-loading{padding:40px var(--spacing-md);color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;font-size:12px;display:flex}.select-panel-spinner{border:2px solid var(--overlay-8);border-top-color:var(--ide-accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite select-spin}@keyframes select-spin{to{transform:rotate(360deg)}}.select-panel-empty{padding:40px var(--spacing-md);color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.props-muted{color:var(--color-moon-500,#a1a1aab3);font-size:12px;line-height:1.5}.props-placeholder-notice{text-align:center;border:1px dashed #a1a1aa33;border-radius:8px;padding:16px}.props-placeholder-notice .props-muted{margin:0}.props-intention-section{flex-shrink:0;padding:12px 12px 0}.props-intention-text{color:var(--color-moon-300);cursor:text;border-radius:var(--radius-sm);margin:0;padding:6px 8px;font-size:13px;line-height:1.5;transition:background .12s}.props-intention-text:hover{background:var(--overlay-6);color:var(--color-moon-200)}.props-intention-placeholder{color:var(--color-moon-500);font-style:italic}.props-intention-input{color:var(--color-moon-200);background:var(--color-moon-800);border:1px solid var(--overlay-12);border-radius:var(--radius-sm);resize:vertical;outline:none;width:100%;padding:6px 8px;font-family:inherit;font-size:13px;line-height:1.5}.props-intention-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #4b70f526}.props-description-separator{border:none;border-top:1px solid var(--overlay-6);margin:8px 12px}.props-description-view{flex-direction:column;flex:1;min-height:0;display:flex}.props-description-toolbar{flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;padding:4px 12px;display:flex}.props-description-edit-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:all .12s;display:flex}.props-description-edit-btn:hover{color:var(--text-secondary);background:var(--overlay-4);border-color:var(--overlay-8)}.props-description-edit-btn svg{width:12px;height:12px}.props-description-rendered{cursor:text;border-radius:var(--radius-sm);flex:1;padding:8px 12px 12px;transition:background .12s;overflow-y:auto}.props-description-rendered:hover{background:var(--overlay-2)}.props-description-empty{color:var(--color-moon-500);padding:8px 12px 12px;font-size:13px;font-style:italic}.props-readme-content{flex-direction:column;height:100%;display:flex}.props-readme-editor-container{flex-direction:column;flex:1;min-height:0;display:flex}.props-readme-toolbar{border-bottom:1px solid var(--overlay-6);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.props-readme-toolbar-actions{align-items:center;gap:8px;display:flex}.props-readme-status{border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:500}.props-readme-status.saving,.props-readme-status.unsaved{color:var(--color-amber,#f59e0b);background:#f59e0b1a}.props-readme-status.saved{color:var(--color-green,#22c55e);background:#22c55e1a}.props-readme-save-btn{color:#60a5fa;border-radius:var(--radius-sm);cursor:pointer;background:#3b82f626;border:1px solid #3b82f64d;padding:4px 12px;font-size:11px;font-weight:500;transition:all .12s}.props-readme-save-btn:hover:not(:disabled){background:#3b82f640}.props-readme-save-btn:disabled{opacity:.4;cursor:not-allowed}.props-readme-editor{min-height:120px;color:var(--text-primary,#e4e4e7);resize:vertical;background:#18181b99;border:none;border-radius:0;outline:none;flex:1;padding:12px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:12px;line-height:1.6}.props-readme-editor:focus{background:#18181bcc}.props-readme-editor::placeholder{color:#a1a1aa66}.props-readme-hint{border-top:1px solid var(--overlay-6);flex-shrink:0;padding:6px 12px}.label-selector{flex-direction:column;gap:6px;width:100%;display:flex}.label-chips{flex-wrap:wrap;align-items:center;gap:4px;min-height:24px;display:flex}.label-empty{color:var(--color-moon-500);font-size:11px;font-style:italic}.label-chip{color:var(--color-moon-200);background:#3b82f61f;border:1px solid #3b82f633;border-radius:12px;align-items:center;gap:2px;padding:2px 8px;font-size:11px;line-height:1.4;display:inline-flex}.label-chip-key{color:#60a5fa;font-weight:500}.label-chip-sep{color:var(--color-moon-500)}.label-chip-value{color:var(--color-moon-300)}.label-chip-remove{width:14px;height:14px;color:var(--color-moon-400);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:12px;transition:all .12s;display:inline-flex}.label-chip-remove:hover{color:#f87171;background:#ef444433}.label-add-btn{color:var(--color-moon-400);border:1px dashed var(--overlay-10);cursor:pointer;background:0 0;border-radius:12px;align-self:flex-start;padding:2px 10px;font-size:11px;transition:all .12s}.label-add-btn:hover{color:var(--color-moon-200);border-color:var(--overlay-20)}.label-add-form{align-items:center;gap:4px;display:flex}.label-add-input{border:1px solid var(--overlay-10);border-radius:var(--radius-sm);width:80px;color:var(--text-primary,#e4e4e7);background:#18181b99;outline:none;padding:3px 8px;font-size:11px}.label-add-input:focus{border-color:#3b82f666}.label-add-sep{color:var(--color-moon-500);font-size:11px}.label-add-confirm,.label-add-cancel{border:1px solid var(--overlay-10);border-radius:var(--radius-sm);width:22px;height:22px;color:var(--color-moon-400);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;font-size:12px;transition:all .12s;display:inline-flex}.label-add-confirm:hover:not(:disabled){color:#4ade80;background:#22c55e26;border-color:#22c55e4d}.label-add-confirm:disabled{opacity:.3;cursor:not-allowed}.label-add-cancel:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.icon-picker-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.icon-picker-panel{z-index:91;background:var(--color-main-900);border:1px solid var(--color-main-700);border-radius:12px;flex-direction:column;width:480px;max-width:calc(100vw - 48px);max-height:80vh;animation:.2s ease-out fade-in;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000080}.icon-picker-header{border-bottom:1px solid var(--color-main-800);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.icon-picker-title{color:var(--color-moon-100);margin:0;font-size:14px;font-weight:600}.icon-picker-close{width:28px;height:28px;color:var(--color-moon-400);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .12s;display:flex}.icon-picker-close:hover{background:var(--color-main-800);color:var(--color-moon-200)}.icon-picker-search{border-bottom:1px solid var(--color-main-800);align-items:center;gap:8px;padding:8px 16px;display:flex}.icon-picker-search-icon{color:var(--color-moon-500);flex-shrink:0;font-size:18px!important}.icon-picker-search-input{color:var(--color-moon-100);background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:13px}.icon-picker-search-input::placeholder{color:var(--color-moon-600)}.icon-picker-search-clear{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--color-moon-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.icon-picker-search-clear:hover{background:var(--color-main-800);color:var(--color-moon-300)}.icon-picker-categories{border-bottom:1px solid var(--color-main-800);scrollbar-width:none;gap:4px;padding:8px 16px;display:flex;overflow-x:auto}.icon-picker-categories::-webkit-scrollbar{display:none}.icon-picker-cat-chip{color:var(--color-moon-400);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:500;transition:all .12s}.icon-picker-cat-chip:hover{color:var(--color-moon-200);background:var(--color-main-800)}.icon-picker-cat-chip.active{color:var(--color-moon-100);background:#6366f126;border-color:#6366f14d}.icon-picker-grid-container{scrollbar-width:thin;scrollbar-color:var(--color-main-700) transparent;flex:1;min-height:0;max-height:340px;padding:12px 16px;overflow-y:auto}.icon-picker-group{margin-bottom:16px}.icon-picker-group:last-child{margin-bottom:0}.icon-picker-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-moon-500);margin-bottom:8px;font-size:10px;font-weight:600}.icon-picker-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.icon-picker-icon{aspect-ratio:1;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:0;transition:all .12s;display:flex}.icon-picker-icon:hover{background:var(--color-main-800);border-color:var(--color-main-700)}.icon-picker-icon.selected{background:#6366f11f;border-color:#6366f180}.icon-picker-empty{color:var(--color-moon-500);flex-direction:column;align-items:center;gap:8px;padding:32px 0;font-size:13px;display:flex}.icon-picker-color-section{border-top:1px solid var(--color-main-800);padding:10px 16px}.icon-picker-color-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-moon-500);margin-bottom:8px;font-size:10px;font-weight:600}.icon-picker-color-grid{flex-wrap:wrap;gap:6px;display:flex}.icon-picker-color{cursor:pointer;background-color:var(--swatch-color);border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;transition:all .12s}.icon-picker-color:hover{border-color:#ffffff4d;transform:scale(1.15)}.icon-picker-color.selected{box-shadow:0 0 0 2px var(--swatch-color);border-color:#fff}.icon-picker-footer{border-top:1px solid var(--color-main-800);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.icon-picker-preview{align-items:center;gap:10px;display:flex}.icon-picker-preview-empty{color:var(--color-moon-500);font-size:12px;font-style:italic}.icon-picker-preview-name{color:var(--color-moon-300);text-transform:capitalize;font-size:12px}.icon-picker-actions{gap:8px;display:flex}.icon-picker-actions .btn-sm{padding:6px 14px;font-size:12px}.dev-live-panel{background:var(--bg-card);height:100%;font-family:var(--font-sans);flex-direction:column;display:flex}.dev-panel-header{border-bottom:1px solid var(--border-color);background:#0000004d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dev-panel-title{align-items:center;gap:8px;display:flex}.dev-panel-title h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.dev-panel-title .icon{color:var(--text-muted)}.dev-panel-controls{gap:4px;display:flex}.dev-panel-controls .btn-icon{border-radius:var(--border-radius);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.dev-panel-controls .btn-icon:hover{background:var(--overlay-8);color:var(--text-primary)}.dev-panel-filters{border-bottom:1px solid var(--border-color);background:#00000026;flex-direction:column;gap:8px;padding:8px 12px;display:flex}.filter-tabs{flex-wrap:wrap;gap:4px;display:flex}.filter-tab{background:var(--overlay-5);color:var(--text-muted);cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .15s;display:flex}.filter-tab:hover{background:var(--overlay-8);color:var(--text-secondary)}.filter-tab.active{color:var(--color-blue);background:#6366f126;border-color:#6366f180}.filter-tab .icon{font-size:12px}.filter-tab .label{font-size:11px}.search-box{background:var(--overlay-5);border:1px solid var(--border-color);border-radius:var(--border-radius);align-items:center;gap:8px;padding:6px 10px;transition:border-color .15s;display:flex}.search-box:focus-within{border-color:var(--color-primary)}.search-box .icon{color:var(--text-muted);font-size:14px}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:12px}.search-box input::placeholder{color:var(--text-muted)}.dev-panel-events{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;overflow-y:auto}.dev-panel-events:hover{scrollbar-color:var(--overlay-8) transparent}.dev-panel-events::-webkit-scrollbar{width:5px}.dev-panel-events::-webkit-scrollbar-track{background:0 0}.dev-panel-events::-webkit-scrollbar-thumb{background:0 0;border-radius:3px;transition:background .15s}.dev-panel-events:hover::-webkit-scrollbar-thumb{background:var(--overlay-8)}.paused-banner{color:var(--color-amber);background:#fbbf2426;border-bottom:1px solid #fbbf244d;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.loading-indicator{color:var(--text-muted);justify-content:center;align-items:center;padding:24px;font-size:13px;display:flex}.error-message{color:var(--color-error);justify-content:center;align-items:center;padding:16px;font-size:13px;display:flex}.dev-panel-events .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.dev-panel-events .empty-state .icon{color:var(--text-muted);opacity:.3;margin-bottom:12px;font-size:32px}.dev-panel-events .empty-state span{color:var(--text-muted);font-size:13px}.dev-panel-events .empty-state .hint{color:var(--text-muted);opacity:.7;margin-top:4px;font-size:12px}.event-list{flex-direction:column;display:flex}.event-row{border-bottom:1px solid var(--overlay-4);gap:12px;padding:10px 16px;transition:background-color .15s;display:flex}.event-row:hover{background:var(--overlay-3)}.event-icon{background:var(--overlay-5);width:28px;height:28px;color:var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.event-icon.status-running{color:var(--color-blue);background:#6366f126}.event-icon.status-success{color:var(--color-success);background:#10b98126}.event-icon.status-error{color:var(--color-error);background:#ef444426}.event-icon.status-info{background:var(--overlay-5);color:var(--text-muted)}.event-content{flex:1;min-width:0}.event-summary{color:var(--text-primary);word-break:break-word;font-size:13px;line-height:1.4}.event-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.event-meta .dot{opacity:.5}.event-meta .category{color:var(--color-blue)}.event-meta .duration,.event-meta .actor{color:var(--text-secondary)}.dev-panel-presence{border-top:1px solid var(--border-color);background:#0003;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.dev-panel-presence.hidden{display:none}.watching-label{color:var(--text-muted);font-size:11px}.watchers{gap:4px;display:flex}.watcher{background:var(--overlay-10);border:2px solid var(--bg-card);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex;position:relative;overflow:visible}.watcher:hover{border-color:#ffffff4d;transform:scale(1.1)}.watcher.followed{border-color:var(--color-blue);box-shadow:0 0 0 2px #6366f14d}.watcher.is-ai .avatar-placeholder{color:#c4b5fd;background:#8b5cf640}.watcher.is-ai{border-color:#8b5cf666}.watcher img{object-fit:cover;border-radius:50%;width:100%;height:100%}.watcher .avatar-placeholder{width:100%;height:100%;color:var(--text-primary);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.watcher .status-dot{border:1.5px solid var(--bg-card);z-index:1;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.status-dot.status-watching{background:#10b981}.status-dot.status-generating{background:#f59e0b;animation:1.5s ease-in-out infinite pulse}.status-dot.status-tool_call{background:#6366f1}.follow-indicator{width:100%;color:var(--color-blue);background:#6366f11f;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.follow-indicator strong{color:var(--text-primary)}.follow-indicator .btn-unfollow{width:16px;height:16px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:10px;display:flex}.follow-indicator .btn-unfollow:hover{background:var(--overlay-10);color:var(--text-primary)}.browser-panel{background:0 0;flex-direction:column;height:100%;display:flex;overflow:hidden}.browser-tab-bar{-webkit-backdrop-filter:blur(12px);background:#09090b99;flex-shrink:0;align-items:flex-end;height:36px;padding:0 8px;display:flex;box-shadow:inset 0 -1px #0000004d}.browser-tab{height:30px;color:var(--ide-text-muted);cursor:default;background:0 0;border-radius:8px 8px 0 0;align-items:center;gap:6px;min-width:100px;max-width:220px;padding:0 12px;font-size:12px;transition:background .12s,color .12s;animation:.15s fadeIn;display:flex;overflow:hidden}.browser-tab:hover:not(.browser-tab-active){background:var(--overlay-4)}.browser-tab-active{color:var(--ide-text);box-shadow:inset 0 1px 0 0 var(--overlay-5);background:#18181b99}.browser-tab-favicon{width:16px;height:16px;color:var(--ide-text-muted);background:var(--overlay-6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.browser-tab-favicon svg{width:14px;height:14px}.browser-tab-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.browser-tab-close{width:16px;height:16px;color:var(--ide-text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:opacity .1s,background .1s;display:flex}.browser-tab:hover .browser-tab-close{opacity:1}.browser-tab-close:hover{color:#f87171;background:#ef444433}.browser-tab-new{width:28px;height:28px;color:var(--ide-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;font-size:18px;transition:background .1s;display:flex}.browser-tab-new:hover{background:var(--ide-hover-bg);color:var(--ide-text)}.browser-active-content{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.browser-empty-state{background:0 0;flex-direction:column;align-items:center;max-height:calc(100dvh - 12rem);display:flex;position:absolute;inset:0;overflow:hidden}.browser-empty-watermark{pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.browser-empty-watermark svg{display:none}.browser-empty-content{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding-top:4rem;animation:.5s deploy-fade-in;display:flex;position:relative}.browser-empty-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:500;line-height:1.2}.browser-empty-subtitle{color:var(--ide-text-muted);margin:0;font-size:12px}.browser-empty-footer{z-index:1;flex-shrink:0;padding-bottom:48px;position:relative}.browser-empty-btn{border:1px solid var(--border-color);background:var(--overlay-5);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-fast);border-radius:8px;padding:8px 24px;font-size:13px;font-weight:500}.browser-empty-btn:hover{background:var(--overlay-10);border-color:var(--border-color-hover);color:var(--text-primary)}.browser-empty-btn:active{transform:scale(.97)}.browser-chrome{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--ide-border);background:#09090b80;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;display:flex}.browser-nav-buttons{flex-shrink:0;align-items:center;gap:2px;display:flex}.browser-nav-btn{width:28px;height:28px;color:var(--ide-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.browser-nav-btn:hover:not(:disabled){background:var(--ide-active-bg);color:var(--ide-text)}.browser-nav-btn:active:not(:disabled){transform:scale(.92)}.browser-nav-btn:disabled{opacity:.3;cursor:default}.browser-nav-btn svg{width:16px;height:16px}.browser-nav-btn-spinning svg{animation:1s linear infinite browser-spin}@keyframes browser-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.browser-address-bar{-webkit-backdrop-filter:blur(4px);height:32px;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#27272a66;border:1px solid #0000;border-radius:16px;flex:1;align-items:center;gap:6px;padding:0 10px;display:flex}.browser-address-bar:focus-within{background:var(--ide-bg);border-color:var(--ide-accent);box-shadow:0 0 0 3px #4b70f526}.browser-address-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.browser-lock-icon{color:#4ade80;align-items:center;display:flex}.browser-info-icon,.browser-search-icon{color:var(--ide-text-muted);align-items:center;display:flex}.browser-address-input{color:var(--ide-text);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:12px}.browser-address-input::placeholder{color:var(--ide-text-muted)}.browser-progress-bar{background:0 0;flex-shrink:0;height:3px;overflow:hidden}.browser-progress-bar-active{background:var(--ide-accent)}@supports (color:color-mix(in lab, red, red)){.browser-progress-bar-active{background:color-mix(in srgb, var(--ide-accent) 20%, transparent)}}.browser-progress-bar-fill{background:var(--ide-accent);border-radius:0 1px 1px 0;width:0%;height:100%}.browser-progress-bar-active .browser-progress-bar-fill{animation:browser-progress 2s var(--easing-out) infinite}@keyframes browser-progress{0%{width:0%;margin-left:0%}50%{width:40%;margin-left:30%}to{width:0%;margin-left:100%}}.browser-viewport{background:#fafafa;flex:1;position:relative;overflow:hidden}.browser-iframe{background:#fafafa;border:none;border-radius:0 0 4px 4px;width:100%;height:100%;display:block}.browser-loading-state,.browser-loading-page{background:var(--ide-bg);width:100%;height:100%;color:var(--ide-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.browser-loading-spinner{border:3px solid var(--ide-border);border-top-color:var(--ide-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite browser-spin}.browser-loading-phase{font-family:var(--font-mono);color:var(--ide-text-muted);margin:0;font-size:12px;animation:.4s deploy-phase-in}.browser-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:2px;display:inline-block}.browser-status-dot.connected{background:#34d399}.browser-status-dot.connecting{background:#fbbf24;animation:1.2s ease-in-out infinite pulse-dot}.browser-status-dot.disconnected{background:var(--color-danger)}.browser-viewport-ready .browser-iframe{animation:.3s deploy-fade-in}.browser-error-page{text-align:center;background:var(--ide-bg);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:60px 40px;display:flex}.browser-error-page-icon{color:var(--ide-text-muted);opacity:.4;margin-bottom:16px}.browser-error-page-icon svg{width:64px;height:64px}.browser-error-page-title{color:var(--ide-text);margin:0 0 8px;font-size:18px;font-weight:500}.browser-error-page-msg{color:var(--ide-text-muted);word-break:break-word;max-width:400px;margin:0 0 16px;font-size:13px}.browser-error-page-code{font-size:11px;font-family:var(--font-mono);color:var(--ide-text-muted);opacity:.6;margin:0}.browser-error-bar{border-left:3px solid var(--color-danger);color:#fca5a5;background:#ef44441a;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;font-size:12px;animation:.2s browser-slide-down;display:flex}.browser-error-icon{color:#f87171;flex-shrink:0;align-items:center;display:flex}.browser-error-icon svg{width:14px;height:14px}.browser-error-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.browser-error-dismiss{color:#fca5a5;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;transition:background .1s;display:flex}.browser-error-dismiss:hover{color:#f87171;background:#ef444433}@keyframes browser-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.browser-new-tab{background:radial-gradient(ellipse 60% 50% at 50% 45%, #4b70f505 0%, transparent 70%), var(--ide-bg);flex-direction:column;justify-content:center;align-items:center;gap:40px;height:100%;padding:40px;animation:.3s fadeIn;display:flex}.browser-new-tab-logo{color:var(--ide-text-muted);opacity:.08}.browser-new-tab-logo svg{width:80px;height:80px}.browser-new-tab-shortcuts{grid-template-columns:repeat(4,1fr);gap:16px;max-width:480px;display:grid}.browser-shortcut{background:var(--ide-active-bg);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform .15s var(--easing-out), box-shadow .15s var(--easing-out);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:8px;min-width:80px;padding:16px 12px;display:flex}.browser-shortcut:hover{background:var(--ide-sidebar-bg);border-color:var(--ide-border);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.browser-shortcut:active{box-shadow:none;transform:scale(.97)}.browser-shortcut-icon{background:var(--ide-accent);border-radius:50%;width:40px;height:40px}@supports (color:color-mix(in lab, red, red)){.browser-shortcut-icon{background:color-mix(in srgb, var(--ide-accent) 15%, transparent)}}.browser-shortcut-icon{color:var(--ide-accent);justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.browser-shortcut-label{color:var(--ide-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.props-iframe-browser-btn{border:1px solid var(--ide-border);border-radius:var(--radius-sm);color:var(--ide-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:3px 8px;font-size:11px}.props-iframe-browser-btn:hover{border-color:var(--ide-accent);color:var(--ide-text)}.agent-highlighted{filter:drop-shadow(0 0 6px var(--color-agent-highlight,#f97316))}@keyframes agent-glow-pulse{0%,to{opacity:.3}50%{opacity:.8}}.agent-highlight-glow{pointer-events:none;animation:1.5s ease-in-out infinite agent-glow-pulse}.agent-annotation{pointer-events:none;animation:.3s ease-out agent-annotation-fade-in}@keyframes agent-annotation-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-proposal-card{background:var(--bg-surface,#2a2a2a);border:1px solid var(--border-subtle,#333);border-left:3px solid #f59e0b;border-radius:8px;margin-top:4px;padding:12px}.chat-proposal-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.chat-proposal-badge{border-radius:var(--radius-sm);color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;font-size:11px;font-weight:600}.chat-proposal-title{color:var(--text-secondary,#999);font-size:12px}.chat-proposal-description{color:var(--text-primary,#e0e0e0);margin-bottom:8px;font-size:13px;line-height:1.5}.chat-proposal-details{margin-bottom:8px}.chat-proposal-details summary{color:var(--text-muted,#666);cursor:pointer;font-size:11px}.chat-proposal-actions{gap:8px;display:flex}.chat-proposal-approve,.chat-proposal-reject{border:1px solid var(--border-subtle,#333);cursor:pointer;border-radius:6px;flex:1;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.chat-proposal-approve{color:#10b981;background:#10b9811a;border-color:#10b9814d}.chat-proposal-approve:hover{background:#10b98133;border-color:#10b981}.chat-proposal-reject{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.chat-proposal-reject:hover{background:#ef444433;border-color:#ef4444}.stats-time-selector{gap:4px;display:flex}.stats-period-btn{background:var(--overlay-5);border:1px solid var(--overlay-10);color:var(--color-moon-400);cursor:pointer;border-radius:100px;padding:4px 12px;font-family:inherit;font-size:11px;transition:all .15s}.stats-period-btn:hover{background:var(--overlay-8);border-color:var(--overlay-15);color:var(--color-moon-200)}.stats-period-btn.active{background:var(--overlay-12);border-color:var(--overlay-20);color:var(--color-moon-50)}.stats-element-list{flex-direction:column;gap:2px;display:flex}.stats-row{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:6px 8px;transition:background .15s;display:flex}.stats-row:hover{background:var(--overlay-4)}.stats-row-name{flex-shrink:0;align-items:center;gap:6px;min-width:160px;display:flex}.stats-row-type{color:var(--color-moon-500);text-align:center;flex-shrink:0;width:16px;font-size:11px}.stats-row-slug{color:var(--color-moon-200);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:500;overflow:hidden}.stats-row-metrics{flex:1;align-items:center;gap:16px;display:flex}.stats-row-metric{text-align:right;font-variant-numeric:tabular-nums;min-width:48px;color:var(--color-moon-400)}.stats-row-errors{color:var(--color-error,oklch(63.7% .237 25))}.stats-cell-alerts{text-align:center;min-width:48px}.alert-count-badge{color:#ef4444;font-size:11px;font-weight:600;font-family:var(--font-mono);background:#ef444426;border-radius:8px;padding:1px 6px}.stats-row-actions{opacity:0;align-items:center;margin-left:4px;transition:opacity .15s;display:flex}.stats-row:hover .stats-row-actions{opacity:1}.stats-add-alert-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:1px 3px;transition:all .15s;display:flex}.stats-add-alert-btn:hover{background:#f59e0b1f;border-color:#f59e0b4d}.stats-add-alert-btn:disabled{opacity:.4;cursor:wait}.stats-add-alert-icon{color:var(--color-moon-400);font-size:14px}.stats-add-alert-btn:hover .stats-add-alert-icon{color:#f59e0b}.stats-eval-pass{color:oklch(75% .18 145)}.stats-eval-fail{color:var(--color-error,oklch(63.7% .237 25))}.stats-health-healthy .stats-row-slug{color:var(--color-moon-200)}.stats-health-warning .stats-row-slug{color:var(--color-warning,oklch(76.9% .188 70))}.stats-health-error .stats-row-slug{color:var(--color-error,oklch(63.7% .237 25))}.stats-sparkline{background:var(--overlay-6);border-radius:5px;flex-shrink:0;width:80px;height:10px;overflow:hidden}.stats-sparkline-bar{background:var(--color-success,oklch(69.6% .17 162));height:100%;transition:width .3s var(--easing-out,cubic-bezier(.25, 0, 0, 1));border-radius:5px}.stats-health-warning .stats-sparkline-bar{background:var(--color-warning,oklch(76.9% .188 70))}.stats-health-error .stats-sparkline-bar{background:var(--color-error,oklch(63.7% .237 25))}.stats-health-neutral .stats-row-slug{color:var(--color-moon-400)}.stats-health-neutral .stats-sparkline-bar{background:var(--color-moon-600)}.stats-breadcrumb{border-bottom:1px solid var(--overlay-6);color:var(--color-moon-400);align-items:center;gap:6px;padding:0 2px 10px;font-size:11px;display:flex}.stats-breadcrumb-item{color:var(--color-moon-300);font-weight:500}.stats-breadcrumb-item.clickable{cursor:pointer;color:var(--color-moon-400);font-weight:400;transition:color .15s}.stats-breadcrumb-item.clickable:hover{color:var(--color-moon-100)}.stats-breadcrumb-sep{color:var(--color-moon-600);font-size:12px}.stats-drill-filters{gap:6px;display:flex}.stats-drill-runs{flex-direction:column;gap:1px;max-height:180px;display:flex;overflow-y:auto}.stats-run-header{color:var(--color-moon-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--overlay-6);align-items:center;gap:6px;margin-bottom:2px;padding:3px 8px;font-size:10px;display:flex}.stats-run-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:4px 8px;font-size:11px;transition:background .15s;display:flex}.stats-run-row:hover{background:var(--overlay-4)}.stats-run-status{text-align:center;flex-shrink:0;width:16px;font-size:12px}.stats-run-status.status-success{color:var(--color-success,oklch(69.6% .17 162))}.stats-run-status.status-error{color:var(--color-error,oklch(63.7% .237 25))}.stats-run-status.status-running{color:oklch(65% .18 250)}.stats-run-status.status-info{color:var(--color-moon-500)}.stats-run-time{color:var(--color-moon-400);white-space:nowrap;flex:1;font-size:11px}.stats-run-col{color:var(--color-moon-400);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex-shrink:0;min-width:48px}.stats-drill-detail{flex-direction:column;gap:10px;display:flex}.stats-detail-row{align-items:center;gap:12px;display:flex}.stats-detail-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.stats-detail-badge.success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.stats-detail-badge.error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.stats-detail-badge.running{color:oklch(65% .18 250);background:#6386ff26;border:1px solid #6386ff4d}.stats-detail-badge.info{background:var(--overlay-6);color:var(--color-moon-400);border:1px solid var(--overlay-10)}.stats-detail-time{color:var(--color-moon-500);font-size:11px}.stats-detail-error{background:#ef444414;border:1px solid #ef444433;border-radius:6px;padding:8px 10px}.stats-detail-error pre{font-size:11px;font-family:var(--font-mono,monospace);color:#ef4444;white-space:pre-wrap;word-break:break-word;max-height:80px;margin:0;overflow-y:auto}.stats-detail-output{flex-direction:column;gap:4px;display:flex}.stats-detail-output-label{color:var(--color-moon-500);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.stats-detail-pre{font-size:11px;font-family:var(--font-mono,monospace);color:var(--color-moon-300);background:var(--overlay-3);border:1px solid var(--overlay-6);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:80px;margin:0;padding:8px 10px;overflow-y:auto}.stats-detail-meta{border-top:1px solid var(--overlay-6);flex-direction:column;gap:4px;padding-top:6px;display:flex}.stats-detail-meta-row{align-items:center;gap:8px;font-size:11px;display:flex}.stats-detail-meta-label{color:var(--color-moon-500);flex-shrink:0;min-width:90px}.stats-detail-meta-value{color:var(--color-moon-300);font-family:var(--font-mono,monospace);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.stats-sparkline-dots{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.stats-sparkline-dot{background:var(--color-moon-600);border-radius:50%;width:6px;height:6px}.stats-sparkline-dot.success{background:var(--color-success,oklch(69.6% .17 162))}.stats-sparkline-dot.error{background:var(--color-error,oklch(63.7% .237 25))}.stats-sparkline-dot.running{background:oklch(65% .18 250)}.stats-sparkline-dot.info{background:var(--color-moon-500)}.stats-trend-up{color:var(--color-success,oklch(69.6% .17 162));flex-shrink:0;font-size:11px}.stats-trend-down{color:var(--color-error,oklch(63.7% .237 25));flex-shrink:0;font-size:11px}.stats-trend-stable{color:var(--color-moon-500);flex-shrink:0;font-size:11px}.stats-running-pulse{background:oklch(65% .18 250);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s ease-in-out infinite stats-pulse;display:inline-block}@keyframes stats-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.stats-badge-action{text-transform:uppercase;letter-spacing:.04em;color:oklch(65% .18 250);background:#6386ff26;border:1px solid #6386ff40;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.stats-badge-agent{text-transform:uppercase;letter-spacing:.04em;color:oklch(65% .18 310);background:#a855f726;border:1px solid #a855f740;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.stats-token-count{color:var(--color-moon-500);flex-shrink:0;font-size:10px}.stats-row-lastrun{color:var(--color-moon-600);flex-shrink:0;margin-left:auto;font-size:9px}.stats-row-p95{color:var(--color-moon-500);opacity:.7;font-size:9px}.stats-run-model{color:var(--color-moon-500);flex-shrink:0;font-size:9px}.stats-run-error-preview{color:#ef4444;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;max-width:200px;font-size:10px;overflow:hidden}.stats-run-prompt-preview{color:var(--color-moon-600);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;max-width:160px;font-size:10px;overflow:hidden}.stats-detail-section{border-bottom:1px solid var(--overlay-4);flex-direction:column;gap:6px;padding:8px 0;display:flex}.stats-detail-section:last-child{border-bottom:none}.stats-detail-section-label{color:var(--color-moon-500);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.stats-detail-grid{grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.stats-detail-grid-row{flex-direction:column;gap:2px;display:flex}.stats-detail-tokens{gap:12px;display:flex}.stats-detail-token-card{background:var(--overlay-3);border:1px solid var(--overlay-6);text-align:center;border-radius:6px;flex:1;padding:8px 10px}.stats-detail-token-value{color:var(--color-moon-200);font-size:16px;font-weight:600;font-family:var(--font-mono,monospace)}.stats-detail-token-label{color:var(--color-moon-500);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:9px}.stats-detail-prompt{color:var(--color-moon-400);font-style:italic}.stats-turns-list{flex-direction:column;gap:2px;display:flex}.stats-turn-row{border:1px solid var(--overlay-4);border-radius:var(--radius-sm);overflow:hidden}.stats-turn-header{cursor:pointer;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex}.stats-turn-header:hover{background:var(--overlay-3)}.stats-turn-num{color:var(--color-moon-400);font-weight:600;font-family:var(--font-mono,monospace);flex-shrink:0;min-width:24px}.stats-turn-preview{color:var(--color-moon-300);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.stats-turn-tokens,.stats-turn-duration{color:var(--color-moon-500);flex-shrink:0;font-size:10px}.stats-turn-expand{color:var(--color-moon-500);flex-shrink:0;font-size:9px}.stats-turn-detail{border-top:1px solid var(--overlay-4);flex-direction:column;gap:8px;padding:6px 8px;display:flex}.stats-turn-thinking{border-radius:var(--radius-sm);background:#a855f70f;padding:6px 8px}.stats-turn-response{flex-direction:column;gap:4px;display:flex}.stats-turn-tools{flex-direction:column;gap:2px;display:flex}.stats-tool-item{background:var(--overlay-2);border-radius:3px;align-items:center;gap:6px;padding:2px 6px;font-size:10px;display:flex}.stats-tool-item.error{background:#ef44440f}.stats-tool-name{color:oklch(65% .18 250);font-weight:600;font-family:var(--font-mono,monospace);flex-shrink:0}.stats-tool-input{color:var(--color-moon-500);font-family:var(--font-mono,monospace);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scorecard{background:var(--overlay-2);border:1px solid var(--border-color,var(--overlay-6));border-radius:8px;padding:12px}.scorecard-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.scorecard-gauge{align-items:baseline;gap:2px;display:flex}.scorecard-score{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1}.scorecard-score-max{color:var(--text-secondary,#9ca3af);font-size:14px}.scorecard-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;font-size:11px;font-weight:700}.scorecard-badge-pass{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.scorecard-badge-fail{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.scorecard-threshold{color:var(--text-secondary,#9ca3af);margin-left:auto;font-size:11px}.scorecard-bar-track{background:var(--overlay-6);border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden}.scorecard-bar-fill{border-radius:3px;height:100%;transition:width .4s}.scorecard-criteria{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.scorecard-criterion{padding:8px 0}.scorecard-criterion-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.scorecard-criterion-name{color:var(--text-primary,#e5e7eb);font-size:12px;font-weight:500}.scorecard-criterion-weight{color:var(--text-secondary,#9ca3af);margin-left:4px;font-size:10px}.scorecard-criterion-score{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.scorecard-criterion-bar-track{background:var(--overlay-6);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.scorecard-criterion-bar-fill{border-radius:2px;height:100%;transition:width .3s}.scorecard-criterion-reason{color:var(--text-secondary,#9ca3af);margin-top:2px;font-size:11px;line-height:1.4}.scorecard-summary{color:var(--text-secondary,#9ca3af);border-top:1px solid var(--border-color,var(--overlay-6));padding-top:8px;font-size:12px;line-height:1.5}.journey-revealed{animation:.4s ease-out both journey-reveal}@keyframes journey-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.journey-hidden{display:none!important}.waylight{--waylight-color:var(--badge-color,var(--cat-color,var(--circle-color,var(--accent-primary,#8b5cf6))));position:relative}.waylight-ember:after{content:"";border-radius:inherit;box-shadow:0 0 8px var(--waylight-color), 0 0 18px var(--waylight-color);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.waylight-ember:after{box-shadow:0 0 8px color-mix(in srgb, var(--waylight-color) 25%, transparent), 0 0 18px color-mix(in srgb, var(--waylight-color) 10%, transparent)}}.waylight-ember:after{pointer-events:none;z-index:-1;animation:4s ease-in-out infinite waylight-glow-breathe}.waylight-beacon:before{content:"";border-radius:inherit;border:1.5px solid var(--waylight-color);position:absolute;inset:-3px}@supports (color:color-mix(in lab, red, red)){.waylight-beacon:before{border:1.5px solid color-mix(in srgb, var(--waylight-color) 30%, transparent)}}.waylight-beacon:before{pointer-events:none;z-index:0;animation:2.5s ease-in-out infinite waylight-beacon-ring}.waylight-beacon:after{content:"";border-radius:inherit;box-shadow:0 0 12px var(--waylight-color), 0 0 26px var(--waylight-color);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.waylight-beacon:after{box-shadow:0 0 12px color-mix(in srgb, var(--waylight-color) 40%, transparent), 0 0 26px color-mix(in srgb, var(--waylight-color) 15%, transparent)}}.waylight-beacon:after{pointer-events:none;z-index:-1;animation:2.5s ease-in-out infinite waylight-glow-pulse}.waylight-aurora{animation:.8s ease-out forwards waylight-aurora-scale}.waylight-aurora:after{content:"";border-radius:inherit;box-shadow:0 0 20px var(--waylight-color), 0 0 40px var(--waylight-color);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.waylight-aurora:after{box-shadow:0 0 20px color-mix(in srgb, var(--waylight-color) 40%, transparent), 0 0 40px color-mix(in srgb, var(--waylight-color) 15%, transparent)}}.waylight-aurora:after{pointer-events:none;z-index:-1;animation:.8s ease-out forwards waylight-aurora-burst,4s ease-in-out .8s infinite waylight-glow-breathe}@keyframes waylight-glow-breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes waylight-glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes waylight-beacon-ring{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}@keyframes waylight-aurora-burst{0%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}@keyframes waylight-aurora-scale{0%{opacity:0;transform:scale(.95)}40%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.waylight-clearing:after{content:"";border-radius:inherit;box-shadow:0 0 8px var(--waylight-color), 0 0 16px var(--waylight-color);position:absolute;inset:-4px}@supports (color:color-mix(in lab, red, red)){.waylight-clearing:after{box-shadow:0 0 8px color-mix(in srgb, var(--waylight-color) 30%, transparent), 0 0 16px color-mix(in srgb, var(--waylight-color) 12%, transparent)}}.waylight-clearing:after{pointer-events:none;z-index:-1;animation:.3s ease-in forwards waylight-absorb}@keyframes waylight-absorb{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.waylight:hover:after,.waylight:hover:before{animation-play-state:paused}.panel-btn.waylight-ember,.panel-btn.waylight-beacon,.panel-btn.waylight-aurora{border-radius:8px}.panel-btn.active.waylight-ember:after,.panel-btn.active.waylight-beacon:after,.panel-btn.active.waylight-aurora:after{box-shadow:none;z-index:auto;animation:none;inset:auto}.library-item.waylight-ember,.library-item.waylight-beacon,.library-item.waylight-aurora{border-left:2px solid var(--waylight-color)}@supports (color:color-mix(in lab, red, red)){.library-item.waylight-ember,.library-item.waylight-beacon,.library-item.waylight-aurora{border-left:2px solid color-mix(in srgb, var(--waylight-color) 50%, transparent)}}.library-item.waylight-beacon:before{border-radius:6px}.periodic-elements>div.waylight-aurora{animation:.3s ease-out both journey-scale-in}.periodic-elements>div.waylight-ember,.periodic-elements>div.waylight-beacon{border-radius:8px}.element-badge.waylight-ember,.element-badge.waylight-beacon,.element-badge.waylight-aurora{border-radius:12px}.element-badge.has-glow.waylight-ember:after,.element-badge.has-glow.waylight-beacon:after{box-shadow:none;animation:none}.element-badge.has-glow.waylight-beacon:before{animation:none}.fab-group.waylight-ember,.fab-group.waylight-beacon,.fab-group.waylight-aurora{border-radius:12px;position:relative}.top-bar-right.waylight-ember,.top-bar-right.waylight-beacon,.top-bar-right.waylight-aurora{border-radius:8px}.breadcrumbs.waylight-ember,.breadcrumbs.waylight-beacon,.breadcrumbs.waylight-aurora{border-radius:6px}.breadcrumbs.journey-hidden{display:none!important}@media (prefers-reduced-motion:reduce){.waylight-ember:after,.waylight-beacon:after,.waylight-aurora:after,.waylight-clearing:after,.waylight-aurora,.waylight-beacon:before{animation:none}.waylight-ember{outline:1px solid var(--waylight-color)}@supports (color:color-mix(in lab, red, red)){.waylight-ember{outline:1px solid color-mix(in srgb, var(--waylight-color) 25%, transparent)}}.waylight-ember{outline-offset:1px}.waylight-beacon{outline:2px solid var(--waylight-color)}@supports (color:color-mix(in lab, red, red)){.waylight-beacon{outline:2px solid color-mix(in srgb, var(--waylight-color) 40%, transparent)}}.waylight-beacon{outline-offset:1px}.waylight-aurora{outline:1px solid var(--waylight-color)}@supports (color:color-mix(in lab, red, red)){.waylight-aurora{outline:1px solid color-mix(in srgb, var(--waylight-color) 25%, transparent)}}.waylight-aurora{outline-offset:1px}}.periodic-category{animation:.3s ease-out both journey-fade-in}.journey-reveal-fade{animation:.4s ease-out both journey-fade-in}.journey-reveal-slide-up{animation:.4s ease-out both journey-slide-up}.journey-reveal-scale{animation:.3s ease-out both journey-scale-in}@keyframes journey-fade-in{0%{opacity:0}to{opacity:1}}@keyframes journey-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes journey-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.journey-progress-hidden{display:none}.journey-progress{z-index:var(--z-topbar);flex-direction:column;align-items:flex-start;gap:4px;animation:.5s ease-out both journey-fade-in;display:flex;position:fixed;bottom:12px;left:12px}.journey-progress-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:oklch(18% .01 280/.9);border:1px solid oklch(100% 0 0/.08);border-radius:20px;align-items:center;gap:8px;max-width:320px;padding:6px 12px;transition:all .2s;display:flex}.journey-progress-pill:hover{background:oklch(22% .015 280/.95);border-color:oklch(100% 0 0/.12)}.journey-progress-expanded{border-color:oklch(65% .18 280/.4)}.journey-progress-bar{background:oklch(100% 0 0/.1);border-radius:2px;flex-shrink:0;width:40px;height:4px;overflow:hidden}.journey-progress-fill{background:oklch(65% .18 280);border-radius:2px;height:100%;transition:width .5s ease-out}.journey-progress-label{color:oklch(75% 0 0);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px;font-weight:600}.journey-progress-desc{color:oklch(55% 0 0);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.journey-milestone-list{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(15% .01 280/.95);border:1px solid oklch(100% 0 0/.1);border-radius:12px;min-width:260px;max-width:320px;padding:12px;animation:.2s ease-out both journey-slide-up}.journey-milestone-header{border-bottom:1px solid oklch(100% 0 0/.06);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.journey-milestone-title{color:oklch(80% 0 0);font-size:12px;font-weight:600}.journey-milestone-count{color:oklch(50% 0 0);font-size:10px}.journey-milestone{align-items:center;gap:8px;padding:5px 0;display:flex}.journey-milestone-icon{text-align:center;flex-shrink:0;width:16px;font-size:11px}.journey-milestone-desc{font-size:11px;line-height:1.3}.journey-milestone-done .journey-milestone-icon{color:oklch(72% .17 160)}.journey-milestone-done .journey-milestone-desc{color:oklch(60% 0 0)}.journey-milestone-current .journey-milestone-icon{color:oklch(65% .18 280);animation:2s ease-in-out infinite journey-pulse}.journey-milestone-current .journey-milestone-desc{color:oklch(85% 0 0);font-weight:500}.journey-milestone-locked .journey-milestone-icon{color:oklch(35% 0 0)}.journey-milestone-locked .journey-milestone-desc{color:oklch(40% 0 0)}@keyframes journey-pulse{0%,to{opacity:1}50%{opacity:.4}}.journey-milestone-footer{text-align:center;border-top:1px solid oklch(25% 0 0);margin-top:8px;padding-top:8px}.journey-skip-btn{color:oklch(50% 0 0);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:11px;transition:color .15s,background .15s}.journey-skip-btn:hover{color:oklch(70% 0 0);background:oklch(20% 0 0)}.btn:focus-visible,.environment-tab:focus-visible,.environment-promote-btn:focus-visible,.environment-confirm-btn:focus-visible,.palette-item:focus-visible,.palette-input:focus-visible,.periodic-element:focus-visible,.periodic-back-btn:focus-visible,.panel-tab:focus-visible,.topbar-env-tab:focus-visible,.menu-item:focus-visible,.fab-btn:focus-visible,.fab-action-btn:focus-visible,.journey-skip-btn:focus-visible,.tree-node:focus-visible,.toast__dismiss:focus-visible,.dialog-close:focus-visible{box-shadow:0 0 0 2px var(--ide-accent,#60a5fa);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.keyboard-help-backdrop{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.keyboard-help-overlay{background:var(--color-moon-900,#1a1a2e);border:1px solid var(--overlay-10);border-radius:12px;min-width:380px;max-width:480px;max-height:80vh;padding:24px 28px;overflow-y:auto;box-shadow:0 16px 48px #00000080}.keyboard-help-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.keyboard-help-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.keyboard-help-close{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px}.keyboard-help-close:hover{color:var(--text-primary)}.keyboard-help-groups{flex-direction:column;gap:20px;display:flex}.keyboard-help-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 8px;font-size:11px;font-weight:600}.keyboard-help-list{flex-direction:column;gap:6px;display:flex}.keyboard-help-row{justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.keyboard-help-keys{font-family:var(--font-mono);background:var(--overlay-6);border:1px solid var(--overlay-10);color:var(--text-primary);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:12px}.keyboard-help-desc{color:var(--text-secondary);font-size:13px}.ambient-notifications{bottom:calc(var(--status-bar-height,42px) + 8px);z-index:var(--z-toast);pointer-events:none;flex-direction:column-reverse;gap:.5rem;max-width:380px;display:flex;position:fixed;right:1rem}.ambient-notification{border-radius:var(--radius-lg);background:var(--ide-bg);border:1px solid var(--overlay-10);color:var(--ide-text);font-size:var(--text-sm);pointer-events:auto;align-items:center;gap:.5rem;padding:.625rem .75rem;animation:.25s ease-out ambient-slide-in;display:flex;box-shadow:0 4px 16px #0000004d}.ambient-notification__icon{flex-shrink:0;font-size:18px}.ambient-notification__message{flex:1}.ambient-notification__dismiss{color:var(--color-neutral-500);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px;line-height:1}.ambient-notification__dismiss:hover{color:var(--ide-text)}.ambient-notification__dismiss .material-symbols-outlined{font-size:16px}.ambient-notification--info .ambient-notification__icon{color:var(--color-blue)}.ambient-notification--success .ambient-notification__icon{color:var(--color-success)}.ambient-notification--warning{border-color:var(--color-warning)}.ambient-notification--warning .ambient-notification__icon{color:var(--color-warning)}.ambient-notification--error{border-color:var(--color-danger)}.ambient-notification--error .ambient-notification__icon{color:var(--color-danger)}.ambient-notification--agent .ambient-notification__icon{color:var(--color-agent-highlight,#f97316)}@keyframes ambient-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ambient-notification--icon-only{min-width:unset;border-radius:50%;padding:.5rem;animation:.3s ease-out ambient-icon-pop}.ambient-notification--icon-only .ambient-notification__icon{font-size:20px}@keyframes ambient-icon-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.loading-spin{opacity:.5;font-size:20px;animation:1s linear infinite spin}.stats-card-icon{opacity:.6;vertical-align:middle;font-size:14px}.stats-hdr-icon{opacity:.5;vertical-align:middle;font-size:13px}.stats-empty-icon{opacity:.3;text-align:center;padding:.75rem 0;font-size:24px;display:block}.material-symbols-outlined.loading-spinner{opacity:.5;font-size:20px;animation:1s linear infinite spin;display:inline-block}.mic-btn{width:32px;height:32px;color:var(--ide-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.mic-btn:hover{color:var(--ide-text,#e5e7eb);background:#ffffff0d}.mic-btn:disabled{opacity:.3;cursor:not-allowed}.mic-btn .material-symbols-outlined{font-size:18px}.mic-btn.recording{color:#ef4444;animation:1.5s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.mic-btn.processing .material-symbols-outlined{animation:1s linear infinite spin}.mic-btn.conversational{color:#10b981}.mic-btn.conversational.recording{color:#10b981;animation:1.5s ease-in-out infinite mic-pulse-green}@keyframes mic-pulse-green{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.chat-interim-text{padding:inherit;color:var(--ide-text-muted,#6b7280);pointer-events:none;opacity:.5;white-space:pre-wrap;position:absolute;inset:0;overflow:hidden}.voice-mode-toggle{width:28px;height:28px;color:var(--ide-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.voice-mode-toggle:hover{color:var(--ide-text,#e5e7eb);background:#ffffff0d}.voice-mode-toggle.active{color:#10b981;background:#10b9811a}.voice-mode-toggle .material-symbols-outlined{font-size:16px}.system-banner-stack{z-index:calc(var(--z-topbar) + 1);flex-shrink:0;position:relative}.system-banner{font-size:var(--text-sm);justify-content:center;align-items:center;gap:.5rem;padding:.375rem 1rem;font-weight:500;animation:.3s ease-out system-banner-slide-down;display:flex}.system-banner .material-symbols-outlined{font-size:18px}.system-banner--warning{color:var(--color-warning);background:#f59e0b26;border-bottom:1px solid #f59e0b4d}.system-banner--error{color:#f87171;background:#ef444426;border-bottom:1px solid #ef44444d}.system-banner--info{color:#60a5fa;background:#3b82f626;border-bottom:1px solid #3b82f64d}@keyframes system-banner-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.error-card{border-radius:var(--radius-lg);background:#ef444414;border:1px solid #ef444433;flex-direction:column;gap:.375rem;padding:.75rem;display:flex}.error-card__title{font-size:var(--text-sm);color:var(--color-danger);align-items:center;gap:.375rem;font-weight:600;display:flex}.error-card__title .material-symbols-outlined{font-size:16px}.error-card__description{font-size:var(--text-xs);color:var(--color-neutral-400);line-height:1.4}.error-card__retry{font-size:var(--text-xs);border-radius:var(--radius-sm);background:var(--overlay-6);border:1px solid var(--overlay-10);color:var(--ide-text);cursor:pointer;align-self:flex-start;margin-top:.25rem;padding:.25rem .625rem}.error-card__retry:hover{background:var(--overlay-10)}.props-save-status{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:.25rem;margin-left:auto;display:flex}.save-indicator__spinner{border:1.5px solid var(--overlay-15);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:10px;height:10px;animation:.8s linear infinite spin;display:inline-block}.save-indicator__saved{color:var(--color-success)}.save-indicator__error{color:var(--color-danger)}.register-onboarding-page{background:#050510;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.register-onboarding-stage{width:100%;height:100%;position:relative}.onboarding-canvas{width:100%;height:100%;z-index:var(--z-dropdown);pointer-events:auto;position:absolute;inset:0}.onboarding-color-label{color:#ffffff73;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;z-index:80;font-size:13px;position:absolute;top:calc(50% + 110px);left:50%;transform:translate(-50%)}.onboarding-color-ring{z-index:80;pointer-events:none;position:absolute;top:50%;left:50%}.onboarding-swatch{cursor:pointer;pointer-events:auto;border:2px solid #0000;border-radius:50%;outline:none;width:26px;height:26px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;animation:.3s backwards swatch-appear;position:absolute}.onboarding-swatch:hover{box-shadow:0 0 12px var(--swatch-color,currentColor);border-color:#fffc;transform:scale(1.25)!important}.onboarding-swatch:active{transform:scale(.95)!important}@keyframes swatch-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}.onboarding-card{z-index:var(--z-panel);text-align:left;color:#e4e4e7;background:linear-gradient(#050510e0 0%,#050510b3 70%,#05051000 100%);max-width:640px;margin:0 auto;padding:24px 32px 32px;animation:.5s cubic-bezier(.22,1,.36,1) onboarding-card-in;position:absolute;top:calc(50% + 90px);left:0;right:0}.onboarding-card-text{color:var(--color-neutral-400);margin-bottom:20px;font-size:15px;line-height:1.8}.onboarding-card-text p{margin:0 0 8px}.onboarding-card-text p:last-child{margin-bottom:0}.onboarding-card-highlight{color:#e4e4e7;font-weight:500}.onboarding-field{align-items:center;gap:12px;margin-bottom:8px;display:flex}.onboarding-label{letter-spacing:2px;text-transform:uppercase;color:#8b5cf6;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}.onboarding-input{background:var(--overlay-4);color:#e4e4e7;box-sizing:border-box;border:1px solid #8b5cf633;border-bottom:2px solid #8b5cf659;border-radius:6px;outline:none;width:100%;padding:10px 16px;font-family:inherit;font-size:18px;transition:border-color .2s,box-shadow .2s}.onboarding-input:focus{border-color:#8b5cf666 #8b5cf666 #8b5cf699;box-shadow:0 2px 16px #8b5cf614}.onboarding-input::placeholder{color:#52525b}.onboarding-error{color:var(--color-danger);margin:8px 0 4px;font-size:13px}.onboarding-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:6px;flex-shrink:0;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:transform .15s,box-shadow .2s,opacity .2s}.onboarding-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 24px #8b5cf633}.onboarding-button:disabled{opacity:.6;cursor:default}.onboarding-button-secondary{color:var(--color-neutral-400);background:0 0;border:1px solid #8b5cf64d}.onboarding-button-secondary:hover:not(:disabled){box-shadow:none;background:#8b5cf614;border-color:#8b5cf680;transform:none}.onboarding-button-ghost{color:var(--color-neutral-500);text-underline-offset:3px;background:0 0;border:none;padding:10px 12px;text-decoration:underline}.onboarding-button-ghost:hover:not(:disabled){color:var(--color-neutral-400);box-shadow:none;transform:none}.onboarding-card-wide{max-width:720px}.trait-sliders{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.trait-slider-row{align-items:center;gap:12px;display:flex}.trait-label{letter-spacing:1px;text-transform:uppercase;flex-shrink:0;width:90px;font-size:11px;font-weight:500}.trait-label-left{color:var(--color-neutral-500);text-align:right}.trait-label-right{color:var(--color-neutral-500);text-align:left}.trait-slider{appearance:none;background:var(--overlay-8);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.trait-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--overlay-20);cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s}.trait-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #8b5cf666}.trait-slider::-moz-range-thumb{border:2px solid var(--overlay-20);cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;width:16px;height:16px}.trait-description-section{margin-bottom:4px}.trait-description-label{color:var(--color-neutral-500);margin-bottom:8px;font-size:12px;display:block}.trait-description-input{box-sizing:border-box;background:var(--overlay-4);color:#e4e4e7;resize:vertical;border:1px solid #8b5cf633;border-bottom:2px solid #8b5cf659;border-radius:6px;outline:none;width:100%;min-height:48px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.trait-description-input:focus{border-color:#8b5cf666 #8b5cf666 #8b5cf699;box-shadow:0 2px 16px #8b5cf614}.trait-description-input::placeholder{color:#52525b}.creating-status{color:var(--color-neutral-400);animation:1.5s ease-in-out infinite creating-pulse}@keyframes creating-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes onboarding-card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.progression-overlay{pointer-events:none;z-index:var(--z-fullscreen);opacity:0;transition:opacity .3s ease-out;position:fixed;inset:0}.progression-overlay.progression-visible{opacity:1}.progression-score-float{font-variant-numeric:tabular-nums;color:#f0c040;text-shadow:0 0 20px #f0c04099,0 2px 8px #00000080;pointer-events:none;z-index:var(--z-celebration);font-size:2rem;font-weight:700;animation:2s ease-out forwards progression-float-up;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes progression-float-up{0%{opacity:1;transform:translate(-50%,-50%)scale(.7)}15%{opacity:1;transform:translate(-50%,-65%)scale(1.1)}30%{opacity:1;transform:translate(-50%,-80%)scale(1)}to{opacity:0;transform:translate(-50%,-180%)scale(.9)}}.progression-toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;max-width:380px;z-index:var(--z-celebration);background:#14141ef2;border:1px solid #f0c0404d;border-radius:12px;align-items:center;gap:12px;padding:14px 20px;animation:.5s cubic-bezier(.22,1,.36,1) forwards progression-toast-in;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 32px #00000080,0 0 24px #f0c04026}.progression-toast-basics{border-color:#64b4ff66}.progression-toast-explorer{border-color:#a078ff66}.progression-toast-master{border-color:#ffc83c80}@keyframes progression-toast-in{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.progression-toast-icon{flex-shrink:0;font-size:1.6rem;animation:1s ease-in-out .3s progression-icon-pulse}@keyframes progression-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.progression-toast-content{flex:1;min-width:0}.progression-toast-title{color:#f0f0f4;margin-bottom:2px;font-size:.9rem;font-weight:600}.progression-toast-desc{color:#f0f0f499;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.3;overflow:hidden}.progression-toast-reward{color:#f0c040;margin-top:4px;font-size:.78rem;font-weight:600}.progression-confetti{pointer-events:none;z-index:var(--z-popover);position:fixed;inset:0;overflow:hidden}.progression-confetti-particle{background:hsl(var(--particle-hue,40), 80%, 60%);opacity:0;border-radius:2px;animation:2s ease-out forwards progression-confetti-fall;position:absolute;top:40%}.progression-confetti-particle.shower{animation:3s ease-in forwards progression-confetti-rain;top:-10px}@keyframes progression-confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}20%{opacity:1}to{opacity:0;transform:translate(var(--tx,40px), var(--ty,200px)) rotate(var(--particle-rotation,180deg)) scale(.5)}}@keyframes progression-confetti-rain{0%{opacity:0;transform:translateY(-10px)rotate(0)}10%{opacity:1}90%{opacity:.6}to{opacity:0;transform:translateY(100vh) rotate(var(--particle-rotation,720deg))}}.progression-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;pointer-events:auto;width:320px;z-index:var(--z-overlay);background:#141423f7;border:1px solid #f0c0404d;border-radius:16px;padding:32px 28px;animation:.6s cubic-bezier(.22,1,.36,1) forwards progression-card-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 64px #0009,0 0 40px #f0c0401f}.progression-card-basics{border-color:#64b4ff4d;box-shadow:0 16px 64px #0009,0 0 40px #64b4ff1a}.progression-card-explorer{border-color:#a078ff66;box-shadow:0 16px 64px #0009,0 0 40px #a078ff1f}.progression-card-master{border-color:#ffc83c80;box-shadow:0 16px 64px #0009,0 0 60px #ffc83c33}@keyframes progression-card-in{0%{opacity:0;transform:translate(-50%,-45%)scale(.7)rotate(-2deg)}50%{transform:translate(-50%,-51%)scale(1.03)rotate(.5deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.progression-card-badge{margin-bottom:12px;font-size:3rem;animation:1s ease-out .3s progression-badge-spin}@keyframes progression-badge-spin{0%{filter:brightness(.8);transform:rotateY(0)scale(.8)}30%{filter:brightness(1.4);transform:rotateY(180deg)scale(1.2)}60%{filter:brightness(1.1);transform:rotateY(360deg)scale(1.05)}to{filter:brightness();transform:rotateY(360deg)scale(1)}}.progression-card-title{color:#f0f0f4;margin-bottom:8px;font-size:1.2rem;font-weight:700}.progression-card-description{color:#f0f0f4a6;margin-bottom:16px;font-size:.85rem;line-height:1.5}.progression-card-reward{justify-content:center;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.progression-card-reward-amount{color:#f0c040;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}.progression-card-reward-label{color:#f0c040b3;font-size:.8rem;font-weight:500}.progression-card-tier{color:#f0f0f466;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.progression-screen-flash{pointer-events:none;z-index:var(--z-fullscreen);animation:1.5s ease-out forwards progression-flash;position:fixed;inset:0;box-shadow:inset 0 0 120px #ffc83c4d}@keyframes progression-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.progression-collection{max-width:800px;margin:0 auto;padding:20px}.progression-collection-loading,.progression-collection-empty{text-align:center;color:#f0f0f466;padding:40px 0;font-size:.85rem}.progression-collection-header{border-bottom:1px solid var(--overlay-6);justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:16px;display:flex}.progression-collection-count{color:#f0f0f499;font-size:.85rem}.progression-collection-au{align-items:baseline;gap:4px;display:flex}.progression-au-amount{color:#f0c040;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.progression-au-label{color:#f0c04099;font-size:.78rem}.progression-tier{margin-bottom:28px}.progression-tier-header{margin-bottom:12px}.progression-tier-name{color:#f0f0f4;margin-bottom:2px;font-size:1rem;font-weight:600}.progression-tier-basics .progression-tier-name{color:#64b4ff}.progression-tier-explorer .progression-tier-name{color:#a078ff}.progression-tier-master .progression-tier-name{color:#ffc83c}.progression-tier-desc{color:#f0f0f466;margin-bottom:8px;font-size:.75rem}.progression-tier-progress{align-items:center;gap:8px;display:flex}.progression-tier-progress-bar{background:var(--overlay-6);border-radius:2px;flex:1;height:4px;overflow:hidden}.progression-tier-progress-fill{border-radius:2px;height:100%;transition:width .5s ease-out}.progression-tier-basics .progression-tier-progress-fill{background:#64b4ff}.progression-tier-explorer .progression-tier-progress-fill{background:#a078ff}.progression-tier-master .progression-tier-progress-fill{background:#ffc83c}.progression-tier-progress-text{color:#f0f0f466;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem}.progression-tier-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.progression-item{border:1px solid var(--overlay-6);background:var(--overlay-2);border-radius:8px;padding:12px;transition:border-color .2s,background .2s}.progression-item-earned{border-color:var(--overlay-10);background:var(--overlay-3)}.progression-item-earned:hover{border-color:var(--overlay-15);background:var(--overlay-5)}.progression-item-earned.progression-item-basics{border-color:#64b4ff26}.progression-item-earned.progression-item-explorer{border-color:#a078ff26}.progression-item-earned.progression-item-master{border-color:#ffc83c33}.progression-item-locked{opacity:.4;text-align:center;padding:16px 12px}.progression-item-name{color:#f0f0f4;margin-bottom:4px;font-size:.82rem;font-weight:600}.progression-item-desc{color:#f0f0f480;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.progression-item-reward{color:#f0c040;font-size:.72rem;font-weight:600}.progression-item-locked-icon{color:#f0f0f44d;margin-bottom:6px;font-size:1.6rem}.progression-item-hint{color:#f0f0f44d;font-size:.68rem;font-style:italic}.progression-topbar-wrapper{position:relative}.progression-topbar-btn{color:var(--color-moon-300);cursor:pointer;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 8px #0006;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;height:auto;padding:4px 6px;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.progression-topbar-btn:hover{color:#f0c040}.progression-topbar-btn.progression-empty{color:var(--color-moon-600)}.progression-topbar-btn.progression-empty:hover{color:var(--color-moon-400)}.progression-topbar-btn.progression-pulse{text-shadow:0 0 12px #f0c0404d,0 1px 8px #0006;animation:2.5s ease-in-out infinite progression-text-pulse}@keyframes progression-text-pulse{0%,to{opacity:.7}50%{opacity:1}}.progression-topbar-icon{opacity:.55;color:#f0c040;font-size:.85rem;line-height:1;transition:opacity .2s}.progression-topbar-btn:hover .progression-topbar-icon{opacity:1}.progression-topbar-au{font-size:13px;font-weight:600}.progression-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.progression-drawer-backdrop.visible{opacity:1;pointer-events:auto}.progression-drawer{background:var(--glass-panel-heavy);border-left:1px solid var(--overlay-6);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);width:min(420px,90vw);height:100vh;z-index:var(--z-toast);flex-direction:column;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 32px #00000080}.progression-drawer.open{transform:translate(0)}.progression-drawer:not(.open) *{animation-play-state:paused!important}.progression-drawer-header{border-bottom:1px solid var(--overlay-6);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.progression-drawer-title{color:#f0f0f4;letter-spacing:.02em;font-size:1rem;font-weight:600}.progression-drawer-close{background:var(--overlay-4);color:#f0f0f480;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .15s;display:flex}.progression-drawer-close:hover{background:var(--overlay-10);color:#f0f0f4}.progression-drawer-content{overscroll-behavior:contain;flex:1;overflow-y:auto}.progression-score-float{animation:2s cubic-bezier(.22,1,.36,1) forwards progression-float-up,.4s ease-in-out 3 progression-wobble}@keyframes progression-wobble{0%,to{transform:translate(0)}25%{transform:translate(-4px)rotate(-2deg)}75%{transform:translate(4px)rotate(2deg)}}.progression-confetti-particle:nth-child(3n){border-radius:50%}.progression-confetti-particle:nth-child(3n+1){border-radius:1px;transform:rotate(45deg)}.progression-confetti-particle:nth-child(5n){border-radius:1px;width:3px!important;height:8px!important}.progression-confetti-burst .progression-confetti-particle{--tx:calc((var(--particle-hue,40) - 180) * 1.2px);--ty:calc(80px + var(--particle-hue,40) * 1.5px)}.progression-card:before,.progression-card:after{content:"";pointer-events:none;background:#f0c04099;border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite progression-sparkle;position:absolute}.progression-card:before{animation-delay:0s;top:15%;left:12%}.progression-card:after{animation-delay:.7s;bottom:20%;right:10%}@keyframes progression-sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.progression-toast{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards progression-toast-bounce}@keyframes progression-toast-bounce{0%{opacity:0;transform:translate(100%)scale(.95)}60%{transform:translate(-8px)scale(1.02)}to{opacity:1;transform:translate(0)scale(1)}}.progression-card-badge{text-shadow:0 0 20px #f0c04066}.progression-screen-flash:after{content:"";pointer-events:none;border:2px solid #ffc83c66;border-radius:50%;width:100px;height:100px;animation:1.5s ease-out forwards progression-ring-ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes progression-ring-ripple{0%{opacity:1;border-width:3px;width:100px;height:100px}to{opacity:0;border-width:1px;width:600px;height:600px}}.progression-overlay:not(.progression-visible) .progression-score-float{animation:.4s ease-in forwards progression-float-out}@keyframes progression-float-out{0%{opacity:1;transform:translateY(var(--current-y,-40px)) scale(1)}to{opacity:0;transform:translateY(-80px)scale(.7)}}.progression-overlay:not(.progression-visible) .progression-toast{animation:.35s ease-in forwards progression-toast-out}@keyframes progression-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.progression-overlay:not(.progression-visible) .progression-card{animation:.4s ease-in forwards progression-card-out}@keyframes progression-card-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.85)}}.progression-item-earned:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.progression-item-earned.progression-item-basics:hover{border-color:#64b4ff80;box-shadow:0 6px 20px #0000004d,0 0 20px #64b4ff1a}.progression-item-earned.progression-item-explorer:hover{border-color:#a078ff80;box-shadow:0 6px 20px #0000004d,0 0 20px #a078ff1a}.progression-item-earned.progression-item-master:hover{border-color:#ffc83c80;box-shadow:0 6px 20px #0000004d,0 0 20px #ffc83c26}.progression-item-locked{animation:4s ease-in-out infinite progression-locked-breathe}@keyframes progression-locked-breathe{0%,to{opacity:.7}50%{opacity:.5}}.progression-item-near-miss{opacity:.65;animation:4s ease-in-out infinite progression-near-miss-breathe;position:relative}.progression-item-near-miss:after{content:"";border-radius:inherit;box-shadow:0 0 8px var(--tier-color,#8b5cf6), 0 0 16px var(--tier-color,#8b5cf6);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.progression-item-near-miss:after{box-shadow:0 0 8px color-mix(in srgb, var(--tier-color,#8b5cf6) 20%, transparent), 0 0 16px color-mix(in srgb, var(--tier-color,#8b5cf6) 8%, transparent)}}.progression-item-near-miss:after{opacity:.5;pointer-events:none;z-index:-1;animation:4s ease-in-out infinite waylight-glow-breathe}.progression-item-near-miss.progression-item-basics{--tier-color:#64b4ff}.progression-item-near-miss.progression-item-explorer{--tier-color:#a078ff}.progression-item-near-miss.progression-item-master{--tier-color:#ffc83c}@keyframes progression-near-miss-breathe{0%,to{opacity:.65}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.progression-item-near-miss,.progression-item-near-miss:after{animation:none}.progression-item-near-miss{opacity:.65;outline:1px solid var(--tier-color,#8b5cf6)}@supports (color:color-mix(in lab, red, red)){.progression-item-near-miss{outline:1px solid color-mix(in srgb, var(--tier-color,#8b5cf6) 20%, transparent)}}.progression-item-near-miss{outline-offset:1px}}.progression-card-wallet-hint{color:#f0c04066;letter-spacing:.01em;margin-top:12px;font-size:.68rem;font-style:italic}.progression-wallet-nudge{background:#f0c0400d;border:1px solid #f0c0401f;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;transition:all .2s;display:flex}.progression-wallet-nudge:hover{background:#f0c04014;border-color:#f0c04033}.progression-wallet-nudge-icon{flex-shrink:0;font-size:1rem}.progression-wallet-nudge-text{color:#f0c04099;font-size:.75rem;line-height:1.4}.library-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.library-panel-toolbar{border-bottom:1px solid var(--overlay-6);flex-shrink:0;align-items:center;gap:4px;padding:6px 8px;display:flex}.library-panel-content{flex:1;overflow:hidden auto}.library-project-content{padding:4px 0}.library-search{-webkit-backdrop-filter:blur(4px);background:#ffffff0a;border:1px solid #0000;border-radius:10px;flex:1;align-items:center;gap:4px;height:28px;padding:0 6px;transition:border-color .15s,box-shadow .15s;display:flex}.library-search:focus-within{border-color:rgba(var(--circle-color-rgb,107, 114, 128), .3);box-shadow:0 0 0 2px rgba(var(--circle-color-rgb,107, 114, 128), .1)}.library-search-icon{color:#ffffff4d;flex-shrink:0}.library-search-input{color:#fffc;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.7rem}.library-search-input::placeholder{color:#ffffff40}.library-search-clear{color:#ffffff59;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.85rem;line-height:1}.library-search-clear:hover{color:#fff9}.library-mode-toggle{background:#ffffff0a;border-radius:6px;flex-shrink:0;align-items:center;gap:1px;padding:1px;display:flex}.library-mode-btn{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:24px;height:22px;transition:background .15s,color .15s;display:flex}.library-mode-btn:hover{color:#fff9;background:#ffffff0f}.library-mode-btn.active{color:#ffffffd9;background:#ffffff1a}.library-circle-group{margin-bottom:4px}.library-circle-header{-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 12px 2px;display:flex}.library-circle-name{text-transform:uppercase;letter-spacing:.04em;color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.7rem;font-weight:600;overflow:hidden}.library-circle-local .library-circle-name{color:#fff9}.library-circle-count{color:#ffffff40;font-variant-numeric:tabular-nums;font-size:.65rem}.library-circle-group+.library-circle-group{border-top:1px solid var(--overlay-6);padding-top:4px}.library-item--remote{opacity:.6}.library-item--remote .library-item-main{cursor:default}.library-context-pill{background:var(--overlay-3);border-left:2px solid var(--pill-accent,#8b5cf6);align-items:center;gap:4px;padding:3px 10px;font-size:.65rem;display:flex}.library-context-pill-label{color:#ffffff4d}.library-context-pill-name{color:#fff9;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.library-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.library-empty-title{color:#ffffff80;margin-bottom:4px;font-size:.8rem}.library-empty-hint{color:#ffffff4d;font-size:.7rem;line-height:1.5}.library-welcome{color:#ffffff80;justify-content:center;align-items:center;gap:8px;padding:16px 12px 8px;font-size:.85rem;font-weight:500;animation:.6s ease-out library-welcome-entrance;display:flex}.library-welcome .material-symbols-outlined{color:#ffffff80;font-size:20px;animation:4s ease-in-out infinite library-welcome-icon}@keyframes library-welcome-entrance{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes library-welcome-icon{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.library-category-v2{border-bottom:1px solid var(--overlay-4)}.library-category-v2:last-child{border-bottom:none}.library-category-header-v2{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:2px solid #0000;align-items:center;gap:6px;min-height:40px;padding:6px 10px;transition:background .15s;display:flex;position:relative;overflow:hidden}.library-category-header-v2:before{content:"";background:linear-gradient(90deg, var(--cat-color,transparent), transparent);opacity:.12;pointer-events:none;z-index:0;width:60px;height:100%;position:absolute;top:0;left:0}.library-category-header-v2:hover{background:var(--overlay-5)}.library-category-beaconed{border-left-color:var(--cat-color,#6b7280)}@supports (color:color-mix(in lab, red, red)){.library-category-beaconed{border-left-color:color-mix(in srgb, var(--cat-color,#6b7280) 50%, transparent)}}.library-category-chevron{color:#ffffff80;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .2s,color .15s;display:flex;transform:rotate(0)}.library-category-chevron svg{width:12px;height:12px}.library-category-chevron.expanded{color:#ffffffb3;transform:rotate(90deg)}.library-category-icon{opacity:.7;flex-shrink:0;font-size:16px!important}.library-category-label{color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.75rem;font-weight:600;overflow:hidden}.library-category-count-v2{color:#ffffff4d;background:var(--overlay-6);border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:.58rem}.library-create-btn-v2{border:1px solid var(--waylight-color,#6b7280);border-radius:5px;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:2px 5px;display:flex}@supports (color:color-mix(in lab, red, red)){.library-create-btn-v2{border:1px solid color-mix(in srgb, var(--waylight-color,#6b7280) 30%, transparent)}}.library-create-btn-v2{background:var(--waylight-color,#6b7280)}@supports (color:color-mix(in lab, red, red)){.library-create-btn-v2{background:color-mix(in srgb, var(--waylight-color,#6b7280) 12%, transparent)}}.library-create-btn-v2{color:#ffffff8c;cursor:pointer;flex-shrink:0;margin-left:auto;font-family:inherit;font-size:.68rem;font-weight:600;transition:all .15s}.library-create-btn-v2:hover{background:var(--waylight-color,#6b7280)}@supports (color:color-mix(in lab, red, red)){.library-create-btn-v2:hover{background:color-mix(in srgb, var(--waylight-color,#6b7280) 22%, transparent)}}.library-create-btn-v2:hover{border-color:var(--waylight-color,#6b7280)}@supports (color:color-mix(in lab, red, red)){.library-create-btn-v2:hover{border-color:color-mix(in srgb, var(--waylight-color,#6b7280) 50%, transparent)}}.library-create-btn-v2:hover{color:#ffffffd9;animation:none}.library-create-btn-v2.waylight-beacon,.library-create-btn-v2.waylight-ember,.library-create-btn-v2.waylight-aurora{animation:3s ease-in-out infinite library-btn-breathe}@keyframes library-btn-breathe{0%,to{opacity:.8}50%{opacity:1}}.library-create-btn-v2 .material-symbols-outlined{color:var(--waylight-color,#ffffff80);font-size:14px}.library-create-locked{opacity:.4;pointer-events:none;cursor:default;animation:none!important}.library-category-empty-creatable .library-create-btn-v2{justify-content:center;min-width:28px;padding:4px 6px;transition:all .2s}.library-category-empty-creatable:hover .library-create-btn-v2{background:var(--waylight-color,var(--cat-color,#6b7280));border:none;border-radius:0;min-width:100%;min-height:100%;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.library-category-empty-creatable:hover .library-create-btn-v2{background:color-mix(in srgb, var(--waylight-color,var(--cat-color,#6b7280)) 22%, transparent)}}.library-category-empty-creatable:hover .library-create-btn-v2{z-index:1}.library-category-empty-creatable .library-category-header-v2{position:relative}.library-category-body{opacity:1;max-height:600px;transition:max-height .2s,opacity .15s;overflow:hidden}.library-category-body.collapsed{opacity:0;max-height:0}.library-category-body:not(.collapsed){border-left:2px solid var(--cat-color,transparent)}@supports (color:color-mix(in lab, red, red)){.library-category-body:not(.collapsed){border-left:2px solid color-mix(in srgb, var(--cat-color,transparent) 15%, transparent)}}.library-category-body:not(.collapsed){margin-left:10px}.library-empty-create-area{padding:6px 10px 10px}.library-empty-create-btn{border:1.5px dashed var(--waylight-color,#6b7280);border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:48px;display:flex}@supports (color:color-mix(in lab, red, red)){.library-empty-create-btn{border:1.5px dashed color-mix(in srgb, var(--waylight-color,#6b7280) 35%, transparent)}}.library-empty-create-btn{background:linear-gradient(90deg, var(--waylight-color,#6b7280), var(--waylight-color,#6b7280))}@supports (color:color-mix(in lab, red, red)){.library-empty-create-btn{background:linear-gradient(90deg, color-mix(in srgb, var(--waylight-color,#6b7280) 8%, transparent), color-mix(in srgb, var(--waylight-color,#6b7280) 3%, transparent))}}.library-empty-create-btn{color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:500;transition:all .2s}.library-empty-create-btn:hover{background:linear-gradient(90deg, var(--waylight-color,#6b7280), var(--waylight-color,#6b7280))}@supports (color:color-mix(in lab, red, red)){.library-empty-create-btn:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--waylight-color,#6b7280) 16%, transparent), color-mix(in srgb, var(--waylight-color,#6b7280) 8%, transparent))}}.library-empty-create-btn:hover{border-color:var(--waylight-color,#6b7280)}@supports (color:color-mix(in lab, red, red)){.library-empty-create-btn:hover{border-color:color-mix(in srgb, var(--waylight-color,#6b7280) 55%, transparent)}}.library-empty-create-btn:hover{color:#ffffffbf;transform:translateY(-1px)}.library-empty-create-btn .material-symbols-outlined{color:var(--waylight-color,#fff6);animation:3s ease-in-out infinite library-empty-pulse}@keyframes library-empty-pulse{0%,to{opacity:.5}50%{opacity:.85}}.library-create-types{background:var(--overlay-3);border-left:2px solid var(--overlay-10);flex-wrap:wrap;gap:4px;padding:6px 12px 8px;display:flex}.library-create-type-tile{border:1px solid var(--overlay-8);background:var(--overlay-4);color:#ffffffb3;cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;transition:all .12s;display:flex}.library-create-type-tile:hover{background:var(--overlay-8);border-color:var(--tile-color,#fff3);color:#ffffffe6;box-shadow:0 0 12px -2px var(--tile-color,#ffffff1a)}.library-create-type-symbol{color:var(--tile-color,#ffffff80);font-size:.6rem;font-weight:700}.library-create-type-label{font-size:.65rem}.library-create-cancel{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;align-items:center;min-height:24px;padding:3px 8px;font-family:inherit;font-size:.6rem;transition:all .15s;display:flex}.library-create-cancel:hover{color:#ffffffb3;background:#ffffff0a;border-color:#ffffff40}.library-create-form{background:var(--overlay-3);border-left:2px solid var(--overlay-10);flex-direction:column;gap:4px;padding:6px 12px 8px;display:flex}.library-create-form-header{justify-content:space-between;align-items:center;display:flex}.library-create-form-type{color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.library-create-cancel-sm{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.85rem;line-height:1}.library-create-cancel-sm:hover{color:#fff9}.library-create-name-input{background:var(--overlay-6);border:1px solid var(--overlay-10);color:#ffffffd9;border-radius:4px;outline:none;padding:4px 8px;font-family:inherit;font-size:.72rem;transition:border-color .15s}.library-create-name-input:focus{border-color:var(--ide-accent,#4b70f5)}.library-create-name-input::placeholder{color:#ffffff40}.library-create-slug-preview{color:#ffffff40;font-size:.6rem;font-family:var(--font-mono)}.library-create-error{color:var(--color-error,#ef4444);font-size:.6rem}.library-auto-ref-toggle{color:#ffffff59;align-items:center;gap:4px;font-size:.6rem;display:flex}.library-auto-ref-toggle input[type=checkbox]{width:12px;height:12px;accent-color:var(--ide-accent,#4b70f5)}.library-create-actions{justify-content:flex-end;display:flex}.library-create-submit{background:var(--ide-accent,#4b70f5);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:3px 12px;font-family:inherit;font-size:.65rem;transition:opacity .15s}.library-create-submit:hover:not(:disabled){opacity:.85}.library-create-submit:disabled{opacity:.4;cursor:not-allowed}.library-category-items{flex-direction:column;display:flex}.library-category-items .library-item:nth-child(odd){background:#ffffff04}.library-category-items .library-item:nth-child(odd):hover{background:var(--overlay-5)}.library-item{color:#ffffffb3;background:0 0;border:none;align-items:center;gap:0;width:100%;padding:0;transition:background .15s;display:flex}.library-item:hover{background:var(--overlay-5)}.library-item:active{background:var(--overlay-8)}.library-item-loading{opacity:.5;pointer-events:none}.library-item-main{color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;min-height:36px;padding:6px 0 6px 12px;font-family:inherit;display:flex}.library-item-symbol{letter-spacing:.02em;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:flex;position:relative}.library-item-state-dot{border:1.5px solid var(--ide-sidebar-bg,#09090b);border-radius:50%;width:7px;height:7px;position:absolute;bottom:-1px;right:-1px}.library-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.library-item-name{color:#fffc;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.library-item-type{color:#ffffff4d;font-size:.6rem}.library-item-actions{flex-shrink:0;align-items:center;gap:2px;padding-right:8px;display:flex}.library-item-action-btn{border-radius:var(--radius-sm,4px);color:#ffffff59;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;font-family:inherit;font-size:.8rem;transition:all .15s;display:flex}.library-item:hover .library-item-action-btn{color:#fff9}.library-item-action-btn:hover{background:var(--overlay-8);color:#fffc!important}.library-item-action-btn:disabled{opacity:.35;cursor:not-allowed}.library-category-header-v2:focus-visible{outline:2px solid var(--ide-accent,#4b70f5);outline-offset:-2px;background:var(--overlay-5)}.library-item-main:focus-visible{outline:2px solid var(--ide-accent,#4b70f5);outline-offset:-2px}.library-item-action{border-radius:var(--radius-sm);color:#ffffff40;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;transition:all .15s;display:flex}.library-item:hover .library-item-action{color:#fff9;background:var(--overlay-6)}.circle-color-picker-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.circle-color-picker-container{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.circle-color-picker-label{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.circle-color-picker-ring{justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.circle-color-picker-orb{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-color-picker-swatch{cursor:pointer;pointer-events:auto;border:2px solid #0000;border-radius:50%;outline:none;width:28px;height:28px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;animation:.3s backwards swatch-appear;position:absolute}.circle-color-picker-swatch:hover{box-shadow:0 0 14px var(--swatch-color);border-color:#fffc;transform:scale(1.3)!important}.circle-color-picker-swatch:active{transform:scale(.95)!important}.circle-color-picker-swatch.active{box-shadow:0 0 10px #ffffff4d, 0 0 20px var(--swatch-color);border-color:#ffffffe6}.props-header-orb{cursor:pointer;border-radius:50%;flex-shrink:0;width:56px;height:56px;transition:transform .15s}.props-header-orb:hover{transform:scale(1.08)}.exec-pulse-icon{animation:1.5s ease-in-out infinite exec-pulse}@keyframes exec-pulse{0%,to{opacity:.6}50%{opacity:1}}.connection-dot.has-executions{box-shadow:0 0 6px 2px #3b82f680}.exec-status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.exec-status-badge.running{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.exec-status-badge.success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.exec-status-badge.error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.exec-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.exec-status-dot.pulse{animation:1.5s ease-in-out infinite exec-dot-pulse}@keyframes exec-dot-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 4px #3b82f600}}.running-elapsed{font-variant-numeric:tabular-nums;color:#60a5fa;font-size:12px}@media (prefers-reduced-motion:reduce){.exec-pulse-icon,.exec-status-dot.pulse{animation:none}.exec-pulse-icon{opacity:1}.connection-dot.has-executions{box-shadow:none;border:2px solid #3b82f699}}.devtools-page{color:#e2e8f0;background:#0a0a0f;flex-direction:column;height:100%;font-family:Space Mono,JetBrains Mono,monospace;display:flex}.devtools-header{background:#0f172acc;border-bottom:1px solid #ffffff0f;align-items:center;gap:24px;padding:12px 20px;display:flex}.devtools-title{color:#8b5cf6;letter-spacing:2px;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.devtools-tabs{gap:2px;display:flex}.devtools-tab{color:#94a3b8;border-radius:4px;padding:6px 16px;font-size:12px;text-decoration:none;transition:all .15s}.devtools-tab:hover{color:#e2e8f0;background:#ffffff0a}.devtools-tab.active{color:#e2e8f0;background:#8b5cf626}.devtools-content{flex:1;overflow:hidden}.devtools-btn{color:#cbd5e1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;border:1px solid #ffffff26;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:11px;transition:all .15s}.devtools-btn:hover:not(:disabled){color:#f1f5f9;background:#1e293bf2;border-color:#ffffff40;box-shadow:0 0 12px #6366f126}.devtools-btn:disabled{opacity:.4;cursor:not-allowed}.devtools-btn-primary{color:#c4b5fd;background:#8b5cf640;border-color:#8b5cf666}.devtools-btn-primary:hover:not(:disabled){color:#ddd6fe;background:#8b5cf659;box-shadow:0 0 16px #8b5cf633}.devtools-btn-secondary{border-color:#ffffff14}.devtools-btn-small{padding:3px 10px;font-size:10px}.devtools-badge{letter-spacing:.5px;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:600}.devtools-badge-success{color:#10b981;background:#10b98133}.devtools-badge-error{color:#ef4444;background:#ef444433}.devtools-badge-running{color:#3b82f6;background:#3b82f633}.devtools-badge-idle{color:#64748b;background:#64748b33}.devtools-duration{color:#64748b;font-size:11px}.devtools-loading{color:#64748b;justify-content:center;align-items:center;padding:40px;font-size:12px;display:flex}.devtools-build-panel{flex-direction:column;gap:12px;height:100%;padding:16px;display:flex}.devtools-build-toolbar{align-items:center;gap:12px;display:flex}.devtools-terminal{color:#a3e635;white-space:pre-wrap;word-break:break-all;background:#000;border:1px solid #ffffff0f;border-radius:4px;flex:1;margin:0;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;line-height:1.5;overflow:auto}.devtools-catalog{grid-template-columns:260px 1fr;height:100%;display:grid}.devtools-sidebar{background:#0f172a66;border-right:1px solid #ffffff0f;flex-direction:column;display:flex;overflow-y:auto}.devtools-sidebar-header{border-bottom:1px solid #ffffff0f;padding:12px}.devtools-search{color:#e2e8f0;background:#0000004d;border:1px solid #ffffff14;border-radius:4px;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:11px}.devtools-search:focus{border-color:#8b5cf666}.devtools-sidebar-tree{flex:1;padding:8px 0;overflow-y:auto}.devtools-sidebar-footer{border-top:1px solid #ffffff0f;padding:8px 12px}.devtools-count{color:#64748b;font-size:10px}.devtools-category-group{margin-bottom:2px}.devtools-category-header{color:#94a3b8;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.devtools-category-header:hover{color:#e2e8f0}.devtools-category-arrow{width:12px;font-size:10px}.devtools-category-name{text-align:left;flex:1}.devtools-category-count{color:#475569;font-size:10px;font-weight:400}.devtools-element-list{padding-left:20px}.devtools-element-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:3px;align-items:center;gap:8px;width:100%;padding:4px 12px;font-family:inherit;font-size:11px;display:flex}.devtools-element-item:hover{color:#e2e8f0;background:#ffffff08}.devtools-element-item.selected{color:#e2e8f0;background:#8b5cf61f}.devtools-element-icon{opacity:.6;font-size:14px}.devtools-element-name{flex:1}.devtools-form-badge{color:#64748b;background:#64748b33;border-radius:2px;padding:1px 5px;font-size:9px}.devtools-inspector{flex-direction:column;height:100%;display:flex;overflow:hidden}.devtools-inspector-empty{color:#475569;justify-content:center;align-items:center;height:100%;font-size:12px;display:flex}.devtools-inspector-content{flex-direction:column;height:100%;display:flex}.devtools-inspector-toolbar{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:8px 16px;display:flex}.devtools-inspector-title{color:#a78bfa;flex:1;font-size:12px;font-weight:600}.devtools-save-status{color:#10b981;font-size:10px}.devtools-file-tabs{background:#0f172a66;border-bottom:1px solid #ffffff0f;gap:1px;padding:0 16px;display:flex}.devtools-file-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-family:inherit;font-size:10px;transition:all .15s}.devtools-file-tab:hover{color:#94a3b8}.devtools-file-tab.active{color:#e2e8f0;border-bottom-color:#8b5cf6}.devtools-editor-container{flex:1;overflow:hidden}.devtools-progression{flex-direction:column;height:100%;display:flex}.devtools-progression-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03071299;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:10px 16px;display:flex}.devtools-graph-stats{color:#94a3b8;letter-spacing:.02em;margin-left:auto;font-size:11px}.devtools-progression-layout{flex:1;grid-template-columns:1fr 320px;display:grid;overflow:hidden}.progression-canvas{cursor:default;-webkit-user-select:none;user-select:none;background:#030712;position:relative;overflow:hidden}.progression-canvas:after{content:"";pointer-events:none;background:radial-gradient(600px circle at var(--glow-x,50%) var(--glow-y,50%), #6366f10f 0%, #6366f105 30%, transparent 70%);transition:background .1s;position:absolute;inset:0}.progression-svg{z-index:1;width:100%;height:100%;min-height:500px;position:relative}.progression-node{transition:opacity .15s}.progression-node:hover{filter:drop-shadow(0 0 12px #6366f126)}.progression-node--selected{filter:drop-shadow(0 0 12px #6366f180)}.progression-port{opacity:0;transition:opacity .15s}.progression-port--input,.progression-port--output{cursor:crosshair}.progression-node:hover .progression-port{opacity:1}.progression-port--valid-target{opacity:1;animation:1s ease-in-out infinite progression-port-pulse}@keyframes progression-port-pulse{0%,to{r:6;opacity:.8}50%{r:8;opacity:1}}.progression-edge path{cursor:pointer;transition:stroke-width .15s,stroke-opacity .15s}.progression-edge:hover path{filter:drop-shadow(0 0 4px);stroke-opacity:1!important;stroke-width:3px!important}.progression-edge--selected path{stroke-opacity:1!important;stroke-width:3px!important}.progression-edge--dangling path{animation:2s ease-in-out infinite progression-dangling-pulse}@keyframes progression-dangling-pulse{0%,to{stroke-opacity:.4}50%{stroke-opacity:.8}}.progression-wire-preview{pointer-events:none}.progression-gate-node{transition:opacity .15s}.progression-gate-node:hover{filter:drop-shadow(0 0 8px #6366f11f)}.progression-gate-node rect{transition:fill .15s,stroke-width .15s,stroke-opacity .15s}.progression-gate-node--selected{filter:drop-shadow(0 0 8px #6366f166)}.progression-gate-node--selected rect{fill:#1a2332;stroke-width:2px;stroke-opacity:1}.progression-gate-node .progression-port{opacity:0;transition:opacity .15s}.progression-gate-node:hover .progression-port{opacity:1}.progression-input{color:#e2e8f0;box-sizing:border-box;background:#0f172acc;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;transition:border-color .15s}.progression-input:focus{border-color:#6366f1;outline:none}.progression-textarea{color:#e2e8f0;box-sizing:border-box;resize:vertical;background:#0f172acc;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;transition:border-color .15s}.progression-textarea:focus{border-color:#6366f1;outline:none}.progression-btn-danger{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:4px;margin-top:8px;padding:6px 12px;font-size:11px;transition:background .15s}.progression-btn-danger:hover{background:#ef444440}.devtools-detail-panel{background:#0f172a99;border-left:1px solid #ffffff1a;overflow-y:auto}.devtools-detail-empty{color:#475569;text-align:center;justify-content:center;align-items:center;height:100%;padding:20px;font-size:12px;display:flex}.devtools-detail-content{padding:16px}.devtools-detail-header{background:#0003;border-radius:4px;margin-bottom:16px;padding:8px 12px}.devtools-detail-header h3{margin:0 0 4px;font-size:13px;font-weight:600}.devtools-detail-id{color:#64748b;font-family:JetBrains Mono,monospace;font-size:10px}.devtools-detail-fields{flex-direction:column;gap:8px;display:flex}.devtools-detail-field{flex-direction:column;gap:2px;display:flex}.devtools-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.devtools-detail-value{color:#cbd5e1;font-size:11px}.devtools-shell-editor{flex-direction:column;height:100%;display:flex}.devtools-shell-toolbar{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 16px;display:flex}.devtools-shell-layout{flex:1;grid-template-columns:1fr 320px;display:grid;overflow:hidden}.devtools-viewport{padding:16px;overflow:auto}.devtools-viewport-svg{border:1px solid #ffffff0f;border-radius:4px;width:100%;height:auto}.devtools-panel-editor{background:#0f172a66;border-left:1px solid #ffffff0f;padding:16px;overflow-y:auto}.devtools-panel-editor-content h3{color:#a78bfa;margin:0 0 16px;font-size:13px;font-weight:600}.devtools-form-grid{flex-direction:column;gap:10px;display:flex}.devtools-form-field{flex-direction:column;gap:3px;display:flex}.devtools-form-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.devtools-form-input{color:#e2e8f0;background:#0000004d;border:1px solid #ffffff14;border-radius:3px;outline:none;padding:5px 8px;font-family:inherit;font-size:11px}.devtools-form-input:focus{border-color:#8b5cf666}.devtools-form-input.readonly{opacity:.5;cursor:not-allowed}.devtools-fab-editor{padding:16px;overflow-y:auto}.devtools-fab-editor h3{color:#a78bfa;margin:0 0 16px;font-size:13px;font-weight:600}.devtools-fab-list{flex-direction:column;gap:6px;display:flex}.devtools-fab-item{background:#0f172a66;border:1px solid #ffffff0f;border-radius:6px;padding:10px 14px}.devtools-fab-item.primary{border-color:#8b5cf633}.devtools-fab-item.danger{border-color:#ef444433}.devtools-fab-item-header{align-items:center;gap:8px;display:flex}.devtools-fab-label{color:#e2e8f0;font-size:12px;font-weight:500}.devtools-fab-group{color:#64748b;text-transform:uppercase;margin-left:auto;font-size:9px}.devtools-fab-item-meta{align-items:center;gap:6px;margin-top:4px;display:flex}.devtools-fab-id{color:#475569;font-family:JetBrains Mono,monospace;font-size:10px}.devtools-admin-badge{letter-spacing:1px;color:#f97316;background:#f973161f;border:1px solid #f9731633;border-radius:3px;align-items:center;padding:2px 8px;font-size:9px;font-weight:700;display:inline-flex}.devtools-admin-layer.admin-active{position:relative}.devtools-admin-layer.admin-active [data-element-type]:hover{outline-offset:2px;outline:1px dashed #f9731666}.unified-bar{bottom:calc(var(--status-bar-height,42px) + 8px);width:calc(100% - 48px);max-width:600px;z-index:var(--z-panel,100);pointer-events:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:flex-end;max-height:400px;transition:opacity .5s,max-height .35s cubic-bezier(.4,0,.2,1),background .3s,border-color .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;left:50%;overflow:visible;transform:translate(-50%)}.unified-bar.hidden{display:none}.unified-bar--idle{opacity:0;pointer-events:none}.unified-bar--floating{opacity:1;pointer-events:none}.unified-bar--expanded{z-index:calc(var(--z-panel) + 10);pointer-events:auto;contain:paint;background:linear-gradient(rgba(var(--bar-circle-color-rgb,139, 92, 246), .06), rgba(var(--bar-circle-color-rgb,139, 92, 246), .03)), #0e0e16d1;-webkit-backdrop-filter:blur(28px)saturate(1.4);border:1px solid rgba(var(--bar-circle-color-rgb,139, 92, 246), .22);max-height:min(70vh,100vh - 120px);box-shadow:0 12px 48px -16px #00000080, 0 0 0 .5px rgba(var(--bar-circle-color-rgb,139, 92, 246), .12) inset, 0 0 40px -8px rgba(var(--bar-circle-color-rgb,139, 92, 246), .08);border-radius:16px;overflow:hidden}.unified-bar--fullscreen{z-index:calc(var(--z-panel) + 10);top:calc(var(--topbar-height,48px) + 8px);pointer-events:auto;contain:paint;background:linear-gradient(rgba(var(--bar-circle-color-rgb,139, 92, 246), .05), rgba(var(--bar-circle-color-rgb,139, 92, 246), .02)), #0e0e16e0;-webkit-backdrop-filter:blur(28px)saturate(1.4);border:1px solid rgba(var(--bar-circle-color-rgb,139, 92, 246), .22);width:calc(100% - 48px);max-width:720px;max-height:none;box-shadow:0 12px 48px -16px #00000080, 0 0 0 .5px rgba(var(--bar-circle-color-rgb,139, 92, 246), .12) inset, 0 0 40px -8px rgba(var(--bar-circle-color-rgb,139, 92, 246), .08);border-radius:16px;overflow:hidden}.unified-bar__header{border-bottom:1px solid rgba(var(--bar-circle-color-rgb,139, 92, 246), .1);cursor:pointer;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;transition:background .15s;display:flex}.unified-bar__header:hover{background:#ffffff05}.unified-bar__header-left{align-items:center;gap:8px;display:flex;position:relative}.unified-bar__header-companion{cursor:pointer;background:0 0;border:none;border-radius:16px;flex-shrink:0;align-items:center;gap:6px;padding:4px 6px 4px 4px;transition:background .15s;display:flex}.unified-bar__header-companion:hover{background:var(--overlay-6)}.unified-bar__header-companion .unified-bar__header-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:13px;font-weight:500;overflow:hidden}.unified-bar__header-chevron{color:var(--text-tertiary);flex-shrink:0;line-height:1;transition:transform .2s;font-size:14px!important}.unified-bar__header-chevron.open{transform:rotate(180deg)}.unified-bar__header-actions{gap:4px;display:flex}.unified-bar__header-btn{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.unified-bar__header-btn:hover,.unified-bar__header-btn.active{background:var(--overlay-6);color:var(--text-primary)}.unified-bar__filter-dropdown{position:relative}.unified-bar__filter-trigger{border:1px solid var(--overlay-6);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;align-items:center;gap:3px;padding:2px 8px 2px 6px;font-size:11px;transition:background .15s,border-color .15s;display:flex}.unified-bar__filter-trigger:hover{background:var(--overlay-6);border-color:rgba(var(--expression-color-rgb,107, 114, 128), .25)}.unified-bar__filter-trigger-label{font-size:11px;font-weight:500}.unified-bar__filter-trigger-chevron{color:var(--text-tertiary);line-height:1;transition:transform .2s;font-size:12px!important}.unified-bar__filter-trigger-chevron.open{transform:rotate(180deg)}.unified-bar__filter-panel{background:var(--surface-overlay,#141419f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--overlay-6);z-index:100;opacity:0;pointer-events:none;border-radius:8px;min-width:140px;padding:4px;transition:opacity .15s ease-out,transform .15s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-4px)scale(.97);box-shadow:0 4px 16px #0000004d}.unified-bar__filter-panel.dropdown-active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.unified-bar__filter-section{flex-direction:column;display:flex}.unified-bar__filter-divider{background:var(--overlay-6);height:1px;margin:4px 0}.unified-bar__filter-option{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:5px 10px;font-size:11px;transition:background .1s;display:flex}.unified-bar__filter-option:hover{background:var(--overlay-6);color:var(--text-primary)}.unified-bar__filter-option.active{color:var(--expression-color,var(--text-primary))}.unified-bar__filter-option-label{flex:1}.unified-bar__filter-check{color:var(--expression-color,var(--text-primary));flex-shrink:0}.unified-bar__header-search{align-items:center;display:flex}.unified-bar__header-search.has-query .unified-bar__header-btn{color:var(--expression-color,var(--text-primary))}.unified-bar__search-expanded{background:rgba(var(--bar-circle-color-rgb,139, 92, 246), .06);border:1px solid rgba(var(--expression-color-rgb,107, 114, 128), .25);border-radius:8px;align-items:flex-start;gap:4px;max-width:240px;padding:4px 6px;transition:max-width .2s;display:flex}.unified-bar__search-icon{color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.unified-bar__search-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-width:100px;max-height:80px;font-family:inherit;font-size:11px;line-height:1.4;overflow-y:auto}.unified-bar__search-textarea::placeholder{color:var(--text-tertiary)}.unified-bar__search-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.unified-bar__search-close:hover{color:var(--text-primary);background:var(--overlay-6)}.unified-bar__body{flex:1;min-height:0;display:flex;overflow:hidden}.unified-bar__feed{flex:1;padding:8px 16px;position:relative;overflow-y:auto}.unified-bar__scroll-bottom{border:1px solid var(--border-secondary,#ffffff1f);background:var(--surface-elevated,#1e1e1ef2);color:var(--text-secondary,#aaa);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-radius:20px;align-items:center;gap:4px;width:fit-content;margin:0 auto;padding:6px 12px;font-size:13px;transition:opacity .15s,background .15s;display:flex;position:sticky;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.unified-bar__scroll-bottom:hover{background:var(--surface-hover,#323232f2);color:var(--text-primary,#fff)}.unified-bar__scroll-bottom .material-symbols-outlined{font-size:18px}.unified-bar__scroll-bottom-badge{background:var(--accent-primary,#6366f1);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-size:11px;font-weight:600}.unified-bar__feed-loading,.unified-bar__feed-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;font-size:13px;display:flex}.unified-bar__feed-empty-icon{margin-bottom:8px;font-size:24px}.floating-messages{flex-direction:column;gap:3px;padding:0 8px 4px;display:flex}.floating-msg{color:var(--text-primary);cursor:pointer;pointer-events:auto;text-shadow:0 1px 3px #00000080;border-left:2.5px solid #0000;border-radius:8px;max-width:92%;padding:5px 14px;font-size:13px;line-height:1.5;animation:60s ease-out forwards float-lifecycle}.floating-msg:hover{text-shadow:0 1px 4px #000000b3}.floating-msg--user{background:rgba(var(--bar-circle-color-rgb,139, 92, 246), .12);border-left-color:rgba(var(--bar-circle-color-rgb,139, 92, 246), .55);box-shadow:0 0 0 .5px rgba(var(--bar-circle-color-rgb,139, 92, 246), .15) inset, 0 2px 8px -2px #0000004d}.floating-msg--agent{background:rgba(var(--expression-color-rgb,107, 114, 128), .1);border-left-color:rgba(var(--expression-color-rgb,107, 114, 128), .45);box-shadow:0 0 0 .5px rgba(var(--expression-color-rgb,107, 114, 128), .12) inset, 0 2px 8px -2px #0000004d}.floating-msg--system{color:var(--text-tertiary);background:#6b72800f;border-left-color:#6b728040;font-size:12px}.floating-msg--tool{font-size:12px;font-family:var(--font-mono);background:#8b5cf614;border-left-color:#8b5cf666}.floating-msg--success{background:#10b98114;border-left-color:#10b98166;font-size:12px}.floating-msg--error{background:#ef44441a;border-left-color:#ef444473;font-size:12px}.floating-msg--activity{color:var(--text-secondary);background:#6366f10f;border-left-color:#6366f14d;font-size:12px}.floating-msg--streaming{color:var(--expression-color,var(--text-primary));text-shadow:0 0 8px rgba(var(--expression-color-rgb,107, 114, 128), .3), 0 1px 3px #00000080;animation:2s ease-in-out infinite float-streaming}.floating-msg__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.floating-msg__cursor{margin-left:2px;animation:1s infinite unified-bar-blink}@keyframes float-lifecycle{0%{opacity:0;transform:translateY(6px)}2%{opacity:1;transform:translateY(0)}83%{opacity:.95}to{opacity:0;transform:translateY(-2px)}}@keyframes float-streaming{0%,to{opacity:.9}50%{opacity:1}}@keyframes unified-bar-blink{0%,to{opacity:1}50%{opacity:0}}.unified-bar__input-area{border-top:1px solid rgba(var(--bar-circle-color-rgb,139, 92, 246), .08);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex;position:relative}.unified-bar__input-area:focus-within{border-top-color:rgba(var(--bar-circle-color-rgb,139, 92, 246), .15)}.unified-bar__companion{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .15s;display:flex}.unified-bar__companion:hover{transform:scale(1.1)}.unified-bar__textarea{color:var(--text-primary);resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;min-height:32px;max-height:200px;padding:5px 0;font-family:inherit;font-size:14px;line-height:1.5}.unified-bar__textarea::placeholder{color:var(--text-tertiary)}.unified-bar__send{width:32px;height:32px;color:var(--ide-text-muted,#6b7280);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,transform .15s,color .15s,background .15s;display:inline-flex}.unified-bar__send .material-symbols-outlined{font-size:18px}.unified-bar__input-area:focus-within .unified-bar__send,.unified-bar__send.has-text{opacity:1}.unified-bar__send:hover{color:var(--ide-text,#e5e7eb);background:#ffffff0d;transform:scale(1.05)}.unified-bar__send.has-text{color:var(--expression-color,var(--accent))}.unified-bar__typing{color:var(--text-tertiary);align-items:center;gap:4px;font-size:11px;display:flex;position:absolute;top:-20px;left:60px}.unified-bar__typing-dot{background:var(--expression-color,var(--text-tertiary));border-radius:50%;width:4px;height:4px;animation:1.4s infinite unified-typing}.unified-bar__typing-dot:nth-child(2){animation-delay:.2s}.unified-bar__typing-dot:nth-child(3){animation-delay:.4s}@keyframes unified-typing{0%,to{opacity:.3}50%{opacity:1}}.unified-entry{border-bottom:1px solid var(--overlay-3);padding:6px 0}.unified-entry:last-child{border-bottom:none}.unified-entry--message{font-family:var(--font-sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;font-size:13.5px;line-height:1.6}.unified-entry--user{flex-direction:column;align-items:flex-end;display:flex}.unified-entry--user .unified-entry__content{background:rgba(var(--bar-circle-color-rgb,139, 92, 246), .1);border-radius:var(--radius-md);text-align:left;border-left:none;max-width:85%;padding:8px 12px}.unified-entry--assistant{flex-direction:column;align-items:flex-start;display:flex}.unified-entry--assistant .unified-entry__content{color:var(--text-primary);border-left:2.5px solid rgba(var(--expression-color-rgb,107, 114, 128), .3);max-width:95%;padding-left:12px;font-weight:400}.unified-entry--system{flex-direction:column;align-items:center;display:flex}.unified-entry--system .unified-entry__content{color:var(--text-tertiary);font-size:12.5px;font-style:italic;font-family:var(--font-sans);letter-spacing:.015em;text-align:center}.unified-entry--system .unified-entry__time{text-align:center}.unified-entry--streaming .unified-entry__content{color:var(--expression-color,var(--text-primary))}.unified-entry__content p{margin:0 0 6px}.unified-entry__content p:last-child{margin:0}.unified-entry__content code{background:var(--overlay-6);border-radius:3px;padding:1px 4px;font-size:12px}.unified-entry__content pre{border-radius:var(--radius-sm);background:#0000004d;margin:6px 0;padding:8px 12px;font-size:12px;overflow-x:auto}.unified-entry__content pre code.hljs{background:0 0;padding:0}.unified-entry__content .code-block{margin:6px 0;position:relative}.unified-entry__content .code-block pre{margin:0}.code-block__lang{font-size:10px;font-family:var(--font-mono,monospace);color:var(--text-tertiary,#ffffff59);text-transform:uppercase;letter-spacing:.06em;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:4px;left:10px}.code-block__lang~pre{padding-top:22px}.code-block__copy{font-size:11px;font-family:var(--font-sans,sans-serif);color:var(--text-tertiary,#fff6);cursor:pointer;opacity:0;background:0 0;border:1px solid #ffffff14;border-radius:4px;padding:2px 8px;transition:opacity .15s,background .15s,color .15s;position:absolute;top:4px;right:6px}.code-block:hover .code-block__copy{opacity:1}.code-block__copy:hover{color:var(--text-secondary,#ffffffb3);background:#ffffff0f}.code-block__copy--success{border-color:#3fb9504d;color:#3fb950!important}.unified-entry__sender-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.unified-entry__sender-row--system{justify-content:center}.unified-entry--user .unified-entry__sender-row{flex-direction:row-reverse}.unified-entry__sender-name{color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1}.unified-entry--user .unified-entry__sender-name{color:rgba(var(--bar-circle-color-rgb,139, 92, 246), .8)}.unified-entry--assistant .unified-entry__sender-name{color:var(--expression-color,var(--text-secondary))}.unified-entry__sender-row .chat-row-avatar{flex-shrink:0}.unified-entry__sender-row .expression-portrait{cursor:default}.unified-entry__time{color:var(--text-tertiary);margin-bottom:2px;font-size:10px;display:block}.unified-entry__sender-row .unified-entry__time{margin-bottom:0;margin-left:auto;display:inline}.unified-entry--user .unified-entry__sender-row .unified-entry__time{margin-left:0;margin-right:auto}.unified-entry--user .unified-entry__time{text-align:right}.unified-entry--assistant .unified-entry__time{text-align:left;line-height:inherit;white-space:nowrap;margin-top:0}.unified-entry__edited{color:var(--text-quaternary,#ffffff40);font-style:italic}.unified-entry--deleted .unified-entry__deleted-content{color:var(--text-quaternary,#ffffff40);padding:4px 0;font-style:italic}.unified-entry__actions{opacity:0;gap:2px;transition:opacity .12s;display:flex;position:absolute;top:2px;right:4px}.unified-entry--message{position:relative}.unified-entry--message:hover .unified-entry__actions{opacity:1}.unified-entry__action-btn{color:var(--text-tertiary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;padding:2px 4px;line-height:1;transition:background .12s,color .12s}.unified-entry__action-btn:hover{color:var(--text-secondary);background:#ffffff14}.unified-entry__action-btn--danger:hover{color:#f85149;background:#f8514926}.unified-entry__edit-form{margin-top:4px}.unified-entry__edit-input{border-radius:var(--radius-sm);width:100%;min-height:60px;color:var(--text-primary);font-family:var(--font-sans);resize:vertical;background:#0000004d;border:1px solid #ffffff1a;padding:8px;font-size:13px}.unified-entry__edit-input:focus{border-color:rgba(var(--bar-circle-color-rgb,139, 92, 246), .4);outline:none}.unified-entry__edit-actions{justify-content:flex-end;gap:6px;margin-top:4px;display:flex}.unified-entry__edit-cancel,.unified-entry__edit-save{font-size:11px;font-family:var(--font-sans);cursor:pointer;border:1px solid #ffffff14;border-radius:4px;padding:3px 10px}.unified-entry__edit-cancel{color:var(--text-tertiary);background:0 0}.unified-entry__edit-cancel:hover{background:#ffffff0a}.unified-entry__edit-save{background:rgba(var(--bar-circle-color-rgb,139, 92, 246), .2);color:var(--text-primary);border-color:rgba(var(--bar-circle-color-rgb,139, 92, 246), .3)}.unified-entry__edit-save:hover{background:rgba(var(--bar-circle-color-rgb,139, 92, 246), .3)}.unified-entry__pin-indicator{color:var(--text-tertiary);opacity:.8;align-items:center;gap:3px;margin-top:4px;font-size:10px;display:flex}.unified-entry__reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.unified-entry__reaction-pill{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:3px;padding:1px 6px;font-size:12px;transition:background .15s;display:inline-flex}.unified-entry__reaction-pill:hover{background:#ffffff1a}.unified-entry__reaction-pill.reacted{border-color:rgba(var(--bar-circle-color-rgb,139, 92, 246), .4);background:rgba(var(--bar-circle-color-rgb,139, 92, 246), .15)}.unified-entry__reaction-count{color:var(--text-secondary);font-size:10px}.unified-entry__msg-actions{opacity:0;gap:2px;margin-top:2px;transition:opacity .15s;display:flex}.unified-entry--message:hover .unified-entry__msg-actions,.unified-entry--message:has(:focus-visible) .unified-entry__msg-actions{opacity:1}.unified-entry__quick-react{cursor:pointer;color:var(--text-tertiary);background:0 0;border:1px solid #0000;border-radius:4px;padding:1px 4px;font-size:12px;transition:background .15s,border-color .15s}.unified-entry__quick-react:hover{background:#ffffff14;border-color:#ffffff26}.unified-entry__quick-react:focus-visible,.unified-entry__reaction-pill:focus-visible{outline:2px solid var(--tf-cta,#8b5cf6);outline-offset:1px}.unified-entry__quick-react:disabled,.unified-entry__reaction-pill:disabled{opacity:.4;pointer-events:none}.unified-entry--user .unified-entry__actions{left:4px;right:auto}.unified-entry__cursor{color:var(--expression-color,var(--text-primary));animation:1s infinite unified-bar-blink}.unified-entry--thinking{color:var(--text-tertiary);font-size:12px}.unified-entry__thinking-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;display:flex}.unified-entry__thinking-content{font-family:var(--font-mono);white-space:pre-wrap;color:var(--text-tertiary);padding:6px 0 0 20px;font-size:11px}.unified-entry__thinking-preview{color:var(--text-tertiary);opacity:.6;padding:2px 0 0 20px;font-size:11px}.unified-entry--tool{border-left:2px solid var(--overlay-8);margin-left:4px;padding-left:8px}.unified-entry--tool-running{border-left-color:#8b5cf6}.unified-entry--tool-success{border-left-color:#10b981}.unified-entry--tool-error{border-left-color:#ef4444}.unified-entry__tool-header{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;font-size:12px;display:flex}.unified-entry__tool-name{font-family:var(--font-mono);font-size:12px}.unified-entry__tool-detail{padding:6px 0 0}.unified-entry__tool-label{text-transform:uppercase;color:var(--text-tertiary);margin-bottom:2px;font-size:10px}.unified-entry__tool-code{border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;max-height:200px;color:var(--text-secondary);background:#0000004d;padding:6px 8px;font-size:11px;overflow-y:auto}.unified-entry--step{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;display:flex}.unified-entry--subconscious{color:var(--expression-color,#8b5cf6);font-style:italic}.unified-entry--subconscious .unified-entry__step-icon{color:var(--expression-color,#8b5cf6)}.unified-entry--expression{align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.unified-entry__expression-icon{color:var(--expr-color,var(--expression-color,#8b5cf6));flex-shrink:0}.unified-entry__expression-feeling{color:var(--expr-color,var(--expression-color,var(--text-primary)));font-weight:600}.unified-entry__expression-name{color:var(--text-tertiary);text-transform:capitalize}.unified-entry__expression-reason{color:var(--text-secondary);font-style:italic}.unified-turn{position:relative}.unified-turn--completed{border-left:2px solid var(--turn-accent,var(--overlay-8));margin-left:4px;padding-left:8px}.unified-turn__toggle{color:var(--text-tertiary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:4px;width:100%;padding:2px 0;font-size:11px;transition:color .15s;display:flex}.unified-turn__toggle:hover{color:var(--text-secondary)}.unified-turn__chevron{flex-shrink:0;font-size:14px;transition:transform .2s}.unified-turn__summary{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unified-turn__details{opacity:.85;padding:4px 0}.unified-entry--question{background:rgba(var(--expression-color-rgb,107, 114, 128), .05);border-radius:var(--radius-md);padding:10px 12px}.unified-entry__question-text{color:var(--text-primary);margin-bottom:8px;font-size:13px}.unified-entry__question-options{flex-wrap:wrap;gap:6px;display:flex}.unified-entry__question-option{border:1px solid var(--overlay-8);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 12px;font-size:12px;transition:background .15s,border-color .15s}.unified-entry__question-option:hover{background:rgba(var(--expression-color-rgb,107, 114, 128), .1);border-color:var(--expression-color,var(--overlay-12))}.unified-entry--proposal{background:rgba(var(--expression-color-rgb,107, 114, 128), .05);border-radius:var(--radius-md);padding:10px 12px}.unified-entry__proposal-type{text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;font-size:10px}.unified-entry__proposal-desc{color:var(--text-primary);margin-bottom:8px;font-size:13px}.unified-entry__proposal-actions{gap:8px;display:flex}.unified-entry__proposal-approve,.unified-entry__proposal-reject{border:1px solid var(--overlay-8);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 16px;font-size:12px}.unified-entry__proposal-approve{color:#10b981;background:#10b9811f;border-color:#10b9814d}.unified-entry__proposal-reject:hover{background:#ef444414}.unified-entry--activity{font-size:12px}.unified-entry__activity-header{cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:8px;display:flex}.unified-entry__activity-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.unified-entry__activity-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.unified-entry__activity-time,.unified-entry__chevron{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.unified-entry__activity-body{padding:6px 0 0 24px}.unified-entry__activity-message{color:var(--text-tertiary);margin-bottom:4px;font-size:12px}.unified-entry__activity-detail{align-items:center;gap:8px;font-size:11px;display:flex}.unified-entry__activity-type{color:var(--text-tertiary)}.unified-entry__activity-duration{color:var(--text-tertiary);font-family:var(--font-mono)}.unified-entry__activity-error{color:#ef4444;margin-top:4px;font-size:11px}.unified-entry__alert-severity{text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:10px}.unified-entry__alert-severity.severity-critical{color:#ef4444;background:#ef444426}.unified-entry__alert-severity.severity-warning{color:#f97316;background:#f9731626}.unified-entry__alert-severity.severity-info{color:#3b82f6;background:#3b82f626}.unified-entry__alert-unack{color:#f59e0b;font-size:10px}.unified-entry__log-severity{font-size:10px;font-family:var(--font-mono);border-radius:3px;padding:1px 6px}.unified-entry__log-scope{color:var(--text-tertiary)}.unified-entry--activity.status-running{border-left:2px solid #8b5cf6;padding-left:8px}.unified-entry--activity.status-success{border-left:2px solid #10b981;padding-left:8px}.unified-entry--activity.status-error{border-left:2px solid #ef4444;padding-left:8px}.unified-entry--activity.status-warning{border-left:2px solid #f97316;padding-left:8px}.unified-entry--activity.severity-border-critical{border-left:3px solid #ef4444;padding-left:7px}.unified-entry--activity.severity-border-warning{border-left:3px solid #f59e0b;padding-left:7px}.unified-entry--activity.severity-border-info{border-left:3px solid #3b82f6;padding-left:7px}.unified-entry__exec-detail{flex-direction:column;gap:4px;display:flex}.unified-entry__exec-header{align-items:center;gap:6px;display:flex}.unified-entry__exec-icon{opacity:.7;align-items:center;width:14px;height:14px;display:flex}.unified-entry__exec-metrics{color:var(--text-tertiary);flex-wrap:wrap;gap:8px;font-size:10px;display:flex}.unified-entry__exec-kv{color:var(--text-tertiary);font-size:10px}.unified-entry__exec-kv b{color:var(--text-secondary);font-weight:500}.unified-entry__exec-trace,.unified-entry__log-trace{color:var(--text-tertiary);font-size:10px}.unified-entry__trace-id{font-family:var(--font-mono);cursor:default;background:#ffffff0d;border-radius:2px;padding:1px 4px;font-size:10px}.unified-entry__exec-extra{flex-direction:column;gap:2px;margin-top:2px;display:flex}.unified-entry__alert-detail{flex-direction:column;gap:6px;display:flex}.unified-entry__alert-row{align-items:center;gap:8px;font-size:11px;display:flex}.unified-entry__alert-rule{color:var(--text-secondary)}.unified-entry__alert-threshold{color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px}.unified-entry__alert-ack-btn{color:#f59e0b;cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b66;border-radius:3px;align-self:flex-start;padding:2px 10px;font-size:10px;transition:background .15s,border-color .15s}.unified-entry__alert-ack-btn:hover:not(:disabled){background:#f59e0b33;border-color:#f59e0b99}.unified-entry__alert-ack-btn:disabled{opacity:.5;cursor:not-allowed}.unified-entry__alert-acked{color:#10b981;font-size:10px}.unified-entry__log-detail{flex-direction:column;gap:4px;display:flex}.unified-entry__log-header{align-items:center;gap:8px;display:flex}.unified-entry__log-body{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;background:#0003;border-radius:4px;max-height:200px;margin:2px 0;padding:6px 8px;font-size:11px;overflow-y:auto}.unified-entry__log-attrs{flex-direction:column;gap:2px;display:flex}.unified-entry__notif-detail{align-items:center;gap:8px;font-size:11px;display:flex}.unified-entry__notif-type{text-transform:uppercase;color:#8b5cf6;background:#8b5cf626;border-radius:3px;padding:1px 6px;font-size:10px}.unified-entry__notif-resource{color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px}.unified-entry__notif-link{color:#8b5cf6;font-size:10px;text-decoration:none}.unified-entry__notif-link:hover{text-decoration:underline}.unified-entry--ephemeral{color:var(--text-tertiary);font-size:12px;font-style:italic}.unified-entry--celebration{border-radius:var(--radius-lg);color:var(--ide-text);background:#f0c04014;border:1px solid #f0c04040;align-items:center;gap:10px;padding:10px 14px;font-style:normal;display:flex}.unified-entry--celebration__badge{flex-shrink:0;font-size:20px}.unified-entry--celebration__body{flex:1;min-width:0}.unified-entry--celebration__title{color:#f0c040;font-size:13px;font-weight:600}.unified-entry--celebration__desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.unified-entry--celebration__reward{color:#f0c040;white-space:nowrap;font-size:12px;font-weight:600}.unified-entry--celebration-basics{border-color:#60a5fa4d}.unified-entry--celebration-basics .unified-entry--celebration__title,.unified-entry--celebration-basics .unified-entry--celebration__reward{color:#60a5fa}.unified-entry--celebration-explorer{border-color:#a855f74d}.unified-entry--celebration-explorer .unified-entry--celebration__title,.unified-entry--celebration-explorer .unified-entry--celebration__reward{color:#a855f7}.unified-entry--celebration-master{border-color:#f0c0404d}.tf-agent-todos{color:var(--text-secondary);border-left:2px solid var(--accent-muted,#60a5fa66);padding-left:10px;font-size:12px}.tf-agent-todos strong{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:11px}.tf-agent-todos pre{white-space:pre-wrap;background:0 0;margin:4px 0 0;padding:0;font-size:12px}.tf-agent-retro{color:var(--text-tertiary);opacity:.85;border-left:2px solid #a855f74d;padding-left:10px;font-size:12px}.tf-agent-retro strong{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.tf-agent-retro p{margin:4px 0 0;font-style:italic}.unified-bar__picker{background:var(--surface-elevated,#16161ef5);border-bottom:1px solid var(--overlay-8);z-index:10;flex-direction:column;flex-shrink:0;max-height:50vh;display:flex;overflow:hidden}.unified-bar__picker-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--overlay-6);justify-content:space-between;align-items:center;padding:8px 8px 8px 12px;font-size:11px;font-weight:500;display:flex}.unified-bar__picker-add{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.unified-bar__picker-add .material-symbols-outlined{font-size:16px}.unified-bar__picker-add:hover{background:var(--overlay-8);color:var(--text-primary)}.unified-bar__picker-list{max-height:240px;padding:4px;overflow-y:auto}.unified-bar__picker-item{width:100%;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;display:flex}.unified-bar__picker-item:hover{background:var(--overlay-6)}.unified-bar__picker-item.active{background:rgba(var(--expression-color-rgb,107, 114, 128), .1)}.unified-bar__picker-avatar{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.unified-bar__picker-terminal-icon{font-size:10px;font-weight:700;font-family:var(--font-mono,monospace);color:var(--text-secondary);line-height:1}.unified-bar__picker-info{flex:1;min-width:0}.unified-bar__picker-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.unified-bar__picker-slug{color:var(--text-tertiary);font-size:10px;display:block}.unified-bar__picker-check{color:var(--expression-color,#10b981);flex-shrink:0;font-size:16px}.unified-bar__picker-empty{text-align:center;color:var(--text-tertiary);padding:12px;font-size:12px}.unified-bar__sidebar{border-right:1px solid var(--overlay-6);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.unified-bar__sidebar-tabs{border-bottom:1px solid var(--overlay-4);flex-shrink:0;display:flex}.unified-bar__sidebar-tab{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex:1;padding:6px 0;font-size:11px}.unified-bar__sidebar-tab:hover{color:var(--text-secondary)}.unified-bar__sidebar-tab.active{color:var(--expression-color,var(--text-primary));border-bottom:1px solid var(--expression-color,var(--text-primary))}.unified-bar__sidebar-new{color:var(--expression-color,var(--accent));cursor:pointer;text-align:left;background:0 0;border:none;flex-shrink:0;padding:8px 12px;font-size:12px}.unified-bar__sidebar-new:hover{background:var(--overlay-4)}.unified-bar__sidebar-sessions{flex:1;padding:4px;overflow-y:auto}.unified-bar__sidebar-session{width:100%;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;flex-direction:column;gap:2px;padding:8px;display:flex}.unified-bar__sidebar-session:hover{background:var(--overlay-4)}.unified-bar__sidebar-session.active{background:rgba(var(--expression-color-rgb,107, 114, 128), .08)}.unified-bar__sidebar-session-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.unified-bar__sidebar-session-preview{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.unified-bar__sidebar-session-time{color:var(--text-tertiary);font-size:10px}.unified-bar__sidebar-empty{text-align:center;color:var(--text-tertiary);padding:16px;font-size:12px}.project-coach-overlay{z-index:50;pointer-events:none;justify-content:center;align-items:center;animation:.4s ease-out coach-fade-in;display:flex;position:absolute;inset:0}.coach-content{pointer-events:auto;-webkit-backdrop-filter:blur(20px);text-align:center;background:#0f0f14bf;border:1px solid #ffffff14;border-radius:20px;max-width:520px;padding:40px 48px}.coach-heading{color:#ffffffeb;letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:600}.coach-subtext{color:#ffffff73;margin:0 0 28px;font-size:13px}.coach-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.scenario-card{cursor:pointer;color:inherit;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;font-family:inherit;transition:all .2s;display:flex}.scenario-card:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-2px)}.scenario-icon{font-size:28px;line-height:1}.scenario-label{color:#ffffffe0;font-size:14px;font-weight:600}.scenario-desc{color:#fff6;font-size:11px;line-height:1.3}.coach-skip{color:#ffffff59;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-family:inherit;font-size:12px;transition:color .15s}.coach-skip:hover{color:#fff9}@keyframes coach-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.terminal-view{--term-bg:#1a1b26;--term-fg:#c0caf5;--term-cursor:#c0caf5;--term-selection:#82aaff40;--term-font:"JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", "Menlo", monospace;--term-font-size:13px;--term-line-height:1.2em;background:var(--term-bg);color:var(--term-fg);font-family:var(--term-font);font-size:var(--term-font-size);line-height:var(--term-line-height);border:1px solid var(--tf-border,#ffffff14);border-radius:8px;outline:none;position:relative;overflow:hidden}.terminal-view:focus{border-color:var(--tf-cta,#7c3aed);box-shadow:0 0 0 2px #7c3aed33}.terminal-view__status{color:var(--tf-text-muted,#888);-webkit-user-select:none;user-select:none;background:#0000004d;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:4px 12px;font-size:11px;display:flex}.terminal-view__status:before{content:"";background:#888;border-radius:50%;width:6px;height:6px}.term-state--connected .terminal-view__status:before,.term-state--connected .terminal-view__status{color:var(--tf-success,#10b981)}.term-state--connected .terminal-view__status:before{background:var(--tf-success,#10b981)}.term-state--connecting .terminal-view__status:before{background:var(--tf-warning,#f59e0b);animation:1s ease-in-out infinite terminal-pulse}.term-state--suspended .terminal-view__status:before{background:var(--tf-warning,#f59e0b)}.term-state--suspended .terminal-view__status{color:var(--tf-warning,#f59e0b)}.term-state--disconnected .terminal-view__status:before,.term-state--error .terminal-view__status:before{background:var(--tf-error,#ef4444)}.term-state--error .terminal-view__status{color:var(--tf-error,#ef4444)}@keyframes terminal-pulse{0%,to{opacity:1}50%{opacity:.3}}.terminal-view__grid{-webkit-user-select:text;user-select:text;cursor:text;padding:4px 8px;position:relative;overflow:hidden}.terminal-view__content{font:inherit;white-space:pre;tab-size:8;margin:0;padding:0}.terminal-view__row{height:var(--term-line-height);white-space:pre;display:block}.terminal-view__row span{white-space:pre}.terminal-view__grid ::selection{background:var(--term-selection,#82aaff40)}.terminal-view__cursor{color:var(--term-bg);background:var(--term-cursor);width:1ch;height:var(--term-line-height);pointer-events:none;z-index:1;animation:1s step-end infinite terminal-blink;position:absolute}.terminal-view:not(:focus) .terminal-view__cursor{opacity:.4;animation:none}@keyframes terminal-blink{0%,to{opacity:1}50%{opacity:0}}.term-state--suspended .terminal-view__grid:after{content:"Session paused — click to resume";color:var(--tf-warning,#f59e0b);cursor:pointer;z-index:2;background:#0009;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}.sr-only{border-style:var(--tw-border-style);width:1px;height:1px;padding:calc(var(--spacing) * 0);white-space:nowrap;clip:rect(0, 0, 0, 0);border-width:0;margin:-1px;position:absolute;overflow:hidden}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{padding:calc(var(--spacing) * 6);contain:paint;flex:1}.container{width:100%;max-width:1200px;padding-inline:calc(var(--spacing) * 4);margin-inline:auto}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;box-shadow:var(--glass-shadow);transition-duration:.3s}.glass-card:hover{box-shadow:var(--shadow-card-hover);--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);border-color:oklch(78% .132 300.37/.25)}.glass-card.featured{background:linear-gradient(135deg,oklch(78% .132 300.37/.12) 0%,oklch(82% .1 280/.08) 30%,oklch(85% .08 60/.06) 70%,oklch(78% .132 300.37/.1) 100%);border-color:oklch(78% .132 300.37/.18)}.main-nav{top:calc(var(--spacing) * 0);z-index:50;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#00000080;justify-content:space-between;align-items:center;display:flex;position:sticky}.btn{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .3s;display:flex}.btn:disabled{cursor:not-allowed;opacity:.75}.btn:active:enabled{transform:scale(.95)}.btn-primary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-700);background-color:var(--color-main-800);color:var(--color-main-200)}@media (hover:hover){.btn-primary:hover:enabled{border-color:var(--color-main-600);background-color:var(--color-main-700);color:var(--color-main-100)}}.btn-vibrant{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-accent-600);background-color:var(--color-accent-700);color:var(--color-white)}@media (hover:hover){.btn-vibrant:hover:enabled{background-color:var(--color-accent-600)}}.btn-vibrant{box-shadow:inset 0 1px oklch(58.5% .233 277.117/.4)}.btn-ghost{background-color:#52525c26}@supports (color:color-mix(in lab, red, red)){.btn-ghost{background-color:color-mix(in oklab, var(--color-main-600) 15%, transparent)}}.btn-ghost{color:var(--color-main-200)}@media (hover:hover){.btn-ghost:hover:enabled{background-color:#3f3f46cc}@supports (color:color-mix(in lab, red, red)){.btn-ghost:hover:enabled{background-color:color-mix(in oklab, var(--color-main-700) 80%, transparent)}}}.btn-link{padding:calc(var(--spacing) * 0);color:var(--color-main-200);background-color:#0000}@media (hover:hover){.btn-link:hover:enabled{background-color:var(--color-main-800)}}.btn-danger{background-color:var(--color-danger-900);color:var(--color-danger-100)}@media (hover:hover){.btn-danger:hover:enabled{background-color:var(--color-danger-800);color:var(--color-danger-50)}}.btn-warning{background-color:var(--color-warning-800);color:var(--color-warning-100)}@media (hover:hover){.btn-warning:hover:enabled{background-color:var(--color-warning-700)}}.btn-confirm{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-complement-600);background-color:var(--color-complement-700);color:var(--color-complement-100)}@media (hover:hover){.btn-confirm:hover:enabled{border-color:var(--color-complement-500);background-color:var(--color-complement-600);color:var(--color-complement-50)}}.btn-icon{padding:calc(var(--spacing) * 0);background-color:#0000}@media (hover:hover){.btn-icon:hover:enabled{background-color:#0000}}.btn-item{justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing) * 2);width:100%;padding:calc(var(--spacing) * 3);text-align:left;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-700);background-color:#27272a80;flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.btn-item{background-color:color-mix(in oklab, var(--color-main-800) 50%, transparent)}}.btn-item{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.btn-item:hover:not(:disabled){background-color:#27272ae6}@supports (color:color-mix(in lab, red, red)){.btn-item:hover:not(:disabled){background-color:color-mix(in oklab, var(--color-main-800) 90%, transparent)}}.btn-item:disabled{border-color:var(--color-main-800);background-color:#27272a33}@supports (color:color-mix(in lab, red, red)){.btn-item:disabled{background-color:color-mix(in oklab, var(--color-main-800) 20%, transparent)}}.btn-item:active:not(:disabled){transform:scale(.98)}.input-text{border-radius:var(--radius-lg);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-700);background-color:var(--color-main-800);color:var(--color-moon-100)}.input-text::placeholder{color:var(--color-main-500)}.input-text:focus{border-color:var(--color-moon-600);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-moon-600);--tw-outline-style:none;outline-style:none}.input-text{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.input-text-light{border-radius:var(--radius-lg);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);color:var(--color-moon-100);background-color:#0000;border-color:#0000}.input-text-light::placeholder{color:var(--color-main-500)}.input-text-light:focus{border-color:var(--color-moon-600);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-moon-600);--tw-outline-style:none;outline-style:none}.input-text-light{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}@media (hover:hover){.input-text-light:hover{background-color:#27272a80}@supports (color:color-mix(in lab, red, red)){.input-text-light:hover{background-color:color-mix(in oklab, var(--color-main-800) 50%, transparent)}}}.input-text-light:focus{background-color:var(--color-main-800)}.input-title{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-main-300)}.switch{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 11);cursor:pointer;background-color:var(--color-main-700);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-radius:3.40282e38px;align-items:center;transition-duration:.2s;display:inline-flex;position:relative}.switch[data-checked]{background-color:var(--color-moon-600)}.switch:disabled{cursor:not-allowed;opacity:.5}.switch:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#52525c80}@supports (color:color-mix(in lab, red, red)){.switch:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-moon-600) 50%, transparent)}}.switch:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-moon-900)}.switch .switch-thumb{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);background-color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:3.40282e38px;transition-duration:.2s;display:inline-block}.switch[data-checked] .switch-thumb{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.checkbox{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-600);background-color:var(--color-main-800);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-radius:.25rem;justify-content:center;align-items:center;transition-duration:.15s;display:flex;position:relative}.checkbox[data-checked]{border-color:var(--color-moon-600);background-color:var(--color-moon-600)}.checkbox:disabled{cursor:not-allowed;opacity:.5}.checkbox:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#52525c80}@supports (color:color-mix(in lab, red, red)){.checkbox:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-moon-600) 50%, transparent)}}.checkbox:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-moon-900)}.radio{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-600);background-color:var(--color-main-800);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.15s;display:flex;position:relative}.radio[data-checked]{border-color:var(--color-moon-600)}.radio:disabled{cursor:not-allowed;opacity:.5}.radio:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#52525c80}@supports (color:color-mix(in lab, red, red)){.radio:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-moon-600) 50%, transparent)}}.radio:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-moon-900)}.radio .radio-dot{height:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 2.5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#0000;border-radius:3.40282e38px;transition-duration:.15s}.radio[data-checked] .radio-dot{background-color:var(--color-moon-500)}.badge{align-items:center;gap:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background-color:var(--color-main-800);color:var(--color-main-300);border-radius:3.40282e38px;display:inline-flex}.badge-accent{align-items:center;gap:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background-color:#372aac80;border-radius:3.40282e38px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.badge-accent{background-color:color-mix(in oklab, var(--color-accent-800) 50%, transparent)}}.badge-accent{color:var(--color-accent-300)}.spinner{animation:var(--animate-spin)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-main-700) transparent}.custom-scrollbar::-webkit-scrollbar{width:calc(var(--spacing) * 2)}.custom-scrollbar::-webkit-scrollbar-track{background-color:#0000}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-main-700);border-radius:3.40282e38px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color-main-600)}.scroll-gutter-stable{scrollbar-gutter:stable}.animate-border{background:conic-gradient(from var(--border-gradient-angle), var(--color-moon-500), var(--color-accent-500), var(--color-moon-500));animation:3s linear infinite border-rotate}.icon-btn{padding:calc(var(--spacing) * 2);border-radius:var(--radius-lg);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;justify-content:center;align-items:center;transition-duration:.15s;display:flex}@media (hover:hover){.icon-btn:hover{background-color:var(--color-main-800)}}.icon-btn:active{background-color:var(--color-main-700)}.icon-btn svg{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5)}.tabs{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-main-700);display:flex}.tab{align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);color:var(--color-main-400);border-bottom-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-color:#0000;border-bottom-width:2px;margin-bottom:-1px;transition-duration:.15s;display:flex}@media (hover:hover){.tab:hover{color:var(--color-main-200)}}.tab[data-active=true]{border-color:var(--color-moon-500);color:var(--color-moon-400)}.disclosure{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-main-800)}.disclosure-trigger{width:100%;padding-block:calc(var(--spacing) * 3);text-align:left;color:var(--color-main-200);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:space-between;align-items:center;display:flex}@media (hover:hover){.disclosure-trigger:hover{color:var(--color-moon-300)}}.disclosure-content{transition:height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.dialog-backdrop{inset:calc(var(--spacing) * 0);background-color:#0009;position:fixed}@supports (color:color-mix(in lab, red, red)){.dialog-backdrop{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.dialog-backdrop{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.dialog-content{background-color:var(--color-main-900);border:1px solid var(--color-main-700);border-radius:.75rem;position:fixed;box-shadow:0 25px 50px -12px #00000080}.dialog-center{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);width:100%;max-height:85vh;max-width:var(--container-lg);top:50%;left:50%}.dialog-bottom{right:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:80vh}.dialog-right{top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);width:100%;max-width:var(--container-md);border-top-right-radius:0;border-bottom-right-radius:0}.dialog-content.dialog-center.select-panel-dialog{z-index:60;flex-direction:column;width:calc(100% - 48px);max-width:480px;max-height:80vh;display:flex;overflow:hidden}.select-panel-dialog>.dialog-body{flex-direction:column;flex:1;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.popover{z-index:50;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-700);background-color:var(--color-main-850);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:absolute}.context-menu{z-index:50;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-700);background-color:var(--color-main-850);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);min-width:calc(var(--spacing) * 48);padding-block:calc(var(--spacing) * 1)}.context-menu-item{align-items:center;gap:calc(var(--spacing) * 2);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-main-200);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:flex}@media (hover:hover){.context-menu-item:hover{background-color:var(--color-main-800)}}.context-menu-item{cursor:pointer}.context-menu-item[data-danger=true]{color:var(--color-danger-400)}@media (hover:hover){.context-menu-item[data-danger=true]:hover{background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.context-menu-item[data-danger=true]:hover{background-color:color-mix(in oklab, var(--color-danger-900) 30%, transparent)}}}.context-menu-divider{margin-block:calc(var(--spacing) * 1);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-main-700)}.card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-700);background-color:var(--color-main-850);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.card-header{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-main-700);justify-content:space-between;align-items:center;display:flex}.card-body{padding:calc(var(--spacing) * 4)}.card-footer{align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-main-700);display:flex}.panel-section{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-main-800)}.panel-section:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.panel-section-header{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-main-300);justify-content:space-between;align-items:center;display:flex}.panel-section-content{padding-inline:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 4)}.auth-card{width:100%;max-width:var(--container-md);padding:calc(var(--spacing) * 6);margin-inline:auto}@media (min-width:48rem){.auth-card{padding:calc(var(--spacing) * 8)}}.auth-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.auth-card{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.auth-card{background-color:#18181b66}@supports (color:color-mix(in lab, red, red)){.auth-card{background-color:color-mix(in oklab, var(--color-main-900) 40%, transparent)}}.auth-card{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:#0003}@supports (color:color-mix(in lab, red, red)){.auth-card{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.auth-header{margin-bottom:calc(var(--spacing) * 6);text-align:center}.auth-title{margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white)}.auth-subtitle{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-main-400)}.auth-form{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.auth-footer{margin-top:calc(var(--spacing) * 6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-main-400)}.ui-qrcode{border-radius:var(--radius-2xl);background-color:var(--color-white);padding:calc(var(--spacing) * 4);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:#0003;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ui-qrcode{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.ui-qrcode{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}.ui-qrcode svg{width:100%;height:100%;display:block}.ui-qrcode:hover{scale:1.02}.ui-qrcode-error{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-danger-700);background-color:#82181a33;flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.ui-qrcode-error{background-color:color-mix(in oklab, var(--color-danger-900) 20%, transparent)}}.ui-qrcode-error{padding:calc(var(--spacing) * 6);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-danger-400);min-width:200px;min-height:200px}.ui-qrcode-error .error-icon{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.ui-qrcode-display{align-items:center;gap:calc(var(--spacing) * 6);text-align:center;flex-direction:column;display:flex}.ui-qrcode-display .qrcode-title{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white)}@media (min-width:48rem){.ui-qrcode-display .qrcode-title{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.ui-qrcode-display .qrcode-frame{position:relative}.ui-qrcode-display .qrcode-frame:before{content:"";inset:calc(var(--spacing) * -3);border-radius:var(--radius-3xl);filter:blur(20px);z-index:-1;background:linear-gradient(135deg,oklch(58.5% .233 277.117/.15) 0%,oklch(71.5% .143 215.221/.1) 50%,oklch(58.5% .233 277.117/.15) 100%);position:absolute}.ui-qrcode-display .qrcode-instruction{max-width:var(--container-sm);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-main-400)}@media (min-width:48rem){.ui-qrcode-display .qrcode-instruction{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}.ui-qrcode-display .qrcode-skeleton{border-radius:var(--radius-2xl);background-color:var(--color-main-800);justify-content:center;align-items:center;display:flex}.ui-qrcode-display .qrcode-skeleton .skeleton-pulse{border-radius:var(--radius-xl);background-color:var(--color-main-700);width:75%;height:75%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.login-void-canvas{z-index:0;background:#050510;width:100vw;height:100vh;display:block;position:fixed;inset:0}.login-overlay{inset:calc(var(--spacing) * 0);padding:calc(var(--spacing) * 4);z-index:9999;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;background:0 0;justify-content:center;align-items:center;animation:.4s ease-out overlay-enter;display:flex;position:fixed}.login-overlay.exiting{animation:.5s ease-out forwards overlay-exit}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes overlay-exit{0%{opacity:1}to{opacity:0}}.login-overlay-card{width:100%;max-width:var(--container-sm);background-color:#18181bcc;position:relative}@supports (color:color-mix(in lab, red, red)){.login-overlay-card{background-color:color-mix(in oklab, var(--color-main-900) 80%, transparent)}}.login-overlay-card{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.login-overlay-card{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.login-overlay-card{padding:calc(var(--spacing) * 5)}@media (min-width:48rem){.login-overlay-card{padding:calc(var(--spacing) * 6)}}.login-overlay-card{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);opacity:1;max-height:calc(100vh - 2rem);animation:card-enter .5s var(--ease-out);scrollbar-width:none;overflow-y:auto;transform:translateY(0)scale(1);box-shadow:0 0 0 1px oklch(98.5% 0 0/.05),0 25px 50px -12px oklch(0% 0 0/.5),0 0 100px -20px oklch(58.5% .233 277.117/.15)}.login-overlay-card::-webkit-scrollbar{display:none}.login-overlay-card.exiting{animation:card-exit .5s var(--ease-out) forwards}.login-card-watermark{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:inherit;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.login-card-watermark img{object-fit:contain;opacity:.035;width:240px;height:240px}.login-overlay-card>:not(.login-card-watermark):not(.login-loading-overlay){z-index:1;position:relative}.login-loading-overlay{z-index:10;border-radius:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(15% .01 270/.92);flex-direction:column;justify-content:center;align-items:center;gap:1rem;animation:.25s ease-out login-loading-enter;display:flex;position:absolute;inset:0}.login-loading-spinner{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);border:2px solid oklch(100% 0 0/.08);border-top-color:oklch(100% 0 0/.5);border-radius:50%;animation:.7s linear infinite login-loading-spin}.login-loading-phase{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-400);font-family:Space Mono,monospace;animation:.4s ease-out login-phase-text-in}@keyframes login-loading-enter{0%{opacity:0}to{opacity:1}}@keyframes login-loading-spin{to{transform:rotate(360deg)}}@keyframes login-phase-text-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.95)}}.login-header{margin-bottom:calc(var(--spacing) * 4);text-align:center}.login-title{margin-bottom:calc(var(--spacing) * 1);font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white)}@media (min-width:48rem){.login-title{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.login-subtitle{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-400)}@media (min-width:48rem){.login-subtitle{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.login-qr,.login-mobile{margin-block:calc(var(--spacing) * 4);justify-content:center;display:flex}.mobile-wallet-prompt{align-items:center;gap:calc(var(--spacing) * 4);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 6);text-align:center;flex-direction:column;display:flex}.mobile-prompt-text{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:--color-main-200}.mobile-wallet-button{border-radius:var(--radius-xl);background-color:--color-accent-400;padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:--color-main-950;--tw-shadow-alpha:30%;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;justify-content:center;align-items:center;transition-duration:.3s;display:inline-flex}.mobile-wallet-button:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y);background-color:--color-accent-300;box-shadow:0 8px 24px oklch(90% .2 90/.4)}.mobile-wallet-button:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.mobile-fallback-text{margin-top:calc(var(--spacing) * 4);max-width:var(--container-xs);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:--color-main-400}.qr-portal{border-radius:var(--radius-2xl);padding:calc(var(--spacing) * 1);position:relative}.qr-portal:before{content:"";border-radius:var(--radius-2xl);background:conic-gradient(from var(--border-gradient-angle), var(--color-accent-400), var(--color-complement-300), var(--color-tertiary-300), var(--color-accent-400));opacity:.9;filter:blur(1px);animation:3s linear infinite border-rotate;position:absolute;inset:-2px}.qr-portal:after{content:"";border-radius:var(--radius-xl);background:var(--color-main-900);position:absolute;inset:2px}.qr-portal .qr-glow{pointer-events:none;inset:calc(var(--spacing) * -6);border-radius:var(--radius-3xl);background:radial-gradient(circle,oklch(58.5% .233 277.117/.25) 0%,oklch(60% .2 300/.1) 40%,#0000 70%);animation:2.5s ease-in-out infinite qr-glow-pulse;position:absolute}.qr-portal .qr-inner{z-index:10;border-radius:var(--radius-lg);background-color:var(--color-white);padding:calc(var(--spacing) * 2);position:relative}.qr-portal[data-state=loading]:before{opacity:.5;animation-duration:2s}.qr-portal[data-state=loading] .qr-glow{opacity:.3}.qr-portal[data-state=waiting]:before{opacity:.9;animation-duration:3s}.qr-portal[data-state=authenticating]:before{opacity:1;filter:blur(2px);animation-duration:1s;inset:-3px}.qr-portal[data-state=authenticating] .qr-glow{background:radial-gradient(circle,oklch(69.6% .17 162.48/.3) 0%,oklch(58.5% .233 277.117/.15) 50%,#0000 70%);animation:.8s ease-in-out infinite qr-glow-pulse-fast}@keyframes qr-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes qr-glow-pulse-fast{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.login-status{margin-top:calc(var(--spacing) * 5);align-items:center;gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.status-dots{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.status-dots .dot{height:calc(var(--spacing) * 2.5);width:calc(var(--spacing) * 2.5);background:var(--color-main-700);opacity:.2;border-radius:3.40282e38px}.status-dots .dot:first-child{animation:2.4s ease-in-out infinite dot-seq-1}.status-dots .dot:nth-child(2){animation:2.4s ease-in-out infinite dot-seq-2}.status-dots .dot:nth-child(3){animation:2.4s ease-in-out infinite dot-seq-3}@keyframes dot-seq-1{0%{background:var(--color-main-700);opacity:.2;box-shadow:none}12%,75%{background:var(--color-complement-400);opacity:1;box-shadow:0 0 8px oklch(69.6% .17 162.48/.5)}90%,to{background:var(--color-main-700);opacity:.2;box-shadow:none}}@keyframes dot-seq-2{0%,25%{background:var(--color-main-700);opacity:.2;box-shadow:none}37%,75%{background:var(--color-complement-400);opacity:1;box-shadow:0 0 8px oklch(69.6% .17 162.48/.5)}90%,to{background:var(--color-main-700);opacity:.2;box-shadow:none}}@keyframes dot-seq-3{0%,50%{background:var(--color-main-700);opacity:.2;box-shadow:none}62%,75%{background:var(--color-complement-400);opacity:1;box-shadow:0 0 8px oklch(69.6% .17 162.48/.5)}90%,to{background:var(--color-main-700);opacity:.2;box-shadow:none}}.login-expired{padding-block:calc(var(--spacing) * 6);text-align:center;flex-direction:column;align-items:center;animation:.3s ease-out fade-in;display:flex}.login-expired .expired-icon{margin-bottom:calc(var(--spacing) * 3);height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 12);background-color:#f99c001a;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.login-expired .expired-icon{background-color:color-mix(in oklab, var(--color-warning-500) 10%, transparent)}}.login-expired .expired-icon{color:var(--color-warning-400);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.login-expired .expired-title{margin-bottom:calc(var(--spacing) * 1);font-family:var(--font-display);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white)}.login-expired .expired-message{margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-400)}.login-countdown{margin-top:calc(var(--spacing) * 2);text-align:center}.countdown-text{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-400);transition:color .3s}.countdown-warning{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-amber-400)}.login-cta{margin-top:calc(var(--spacing) * 5);border-top-style:var(--tw-border-style);border-color:#27272a80;border-top-width:1px}@supports (color:color-mix(in lab, red, red)){.login-cta{border-color:color-mix(in oklab, var(--color-main-800) 50%, transparent)}}.login-cta{padding-top:calc(var(--spacing) * 4);text-align:center}.cta-label{margin-bottom:calc(var(--spacing) * 2);--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-main-500);text-transform:uppercase;font-size:10px}.cta-title{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-300)}.wallet-download-links{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);display:flex}.wallet-store-link{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.wallet-store-link:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:.9}}.wallet-store-link:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.store-badge{border-radius:var(--radius-md);width:auto;height:32px}.wallet-direct-download{margin-top:calc(var(--spacing) * 2);text-align:center}.wallet-direct-download a{color:var(--color-main-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));font-size:10px}@media (hover:hover){.wallet-direct-download a:hover{color:var(--color-main-300)}}.wallet-direct-download a{text-underline-offset:2px;text-decoration-line:underline}.login-footer{margin-top:calc(var(--spacing) * 4);text-align:center;color:var(--color-main-600);font-size:10px}.login-footer a{color:var(--color-main-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.login-footer a:hover{color:var(--color-main-300)}}.login-success{padding-block:calc(var(--spacing) * 8);text-align:center;animation:success-enter .5s var(--ease-spring) forwards}.login-success .success-icon{margin-bottom:calc(var(--spacing) * 4);height:calc(var(--spacing) * 14);width:calc(var(--spacing) * 14);animation:success-icon-pop .6s var(--ease-spring) .1s forwards;background:linear-gradient(135deg,oklch(69.6% .17 162.48/.2) 0%,oklch(69.6% .17 162.48/.1) 100%);border:2px solid oklch(69.6% .17 162.48/.3);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;transform:scale(0)}.login-success .success-icon svg{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7);color:var(--color-green-400);stroke-dasharray:50;stroke-dashoffset:50px;animation:.4s ease-out .3s forwards checkmark-draw}.login-success .success-title{margin-bottom:calc(var(--spacing) * 1);font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);opacity:0;animation:.4s ease-out .2s forwards fade-up}.login-success .success-message{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-400);opacity:0;animation:.4s ease-out .3s forwards fade-up}@keyframes success-enter{0%{opacity:0}to{opacity:1}}@keyframes success-icon-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes checkmark-draw{to{stroke-dashoffset:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-error{padding-block:calc(var(--spacing) * 6);text-align:center;flex-direction:column;align-items:center;animation:.4s ease-out shake;display:flex}.login-error .error-icon{margin-bottom:calc(var(--spacing) * 3);height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 12);background-color:#fb2c361a;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.login-error .error-icon{background-color:color-mix(in oklab, var(--color-danger-500) 10%, transparent)}}.login-error .error-icon{color:var(--color-danger-400);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);border:2px solid oklch(63.7% .237 25.331/.2)}.login-error .error-title{margin-bottom:calc(var(--spacing) * 1);font-family:var(--font-display);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white)}.login-error .error-message{margin-inline:auto;margin-bottom:calc(var(--spacing) * 4);max-width:var(--container-xs);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-400)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-tabs{margin-bottom:calc(var(--spacing) * 5);gap:calc(var(--spacing) * 1);border-radius:var(--radius-lg);background-color:#18181b80;display:flex}@supports (color:color-mix(in lab, red, red)){.login-tabs{background-color:color-mix(in oklab, var(--color-main-900) 50%, transparent)}}.login-tabs{padding:calc(var(--spacing) * 1);border:1px solid oklch(100% 0 0/.06)}.login-tab{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-main-400);border-radius:var(--radius-md);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;cursor:pointer;background:0 0;border:none;outline:none;flex:1;transition-duration:.2s}.login-tab:hover:not(.active){color:var(--color-main-300);background:oklch(100% 0 0/.03)}.login-tab.active{color:var(--color-white);background:oklch(100% 0 0/.08);box-shadow:0 1px 2px oklch(0% 0 0/.2)}.password-login-form{padding-block:calc(var(--spacing) * 2)}.password-form-fields{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.password-input{width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-white)}.password-input::placeholder{color:var(--color-main-500)}.password-input{border-radius:var(--radius-lg);--tw-outline-style:none;background:oklch(100% 0 0/.04);border:1px solid oklch(100% 0 0/.08);outline-style:none;transition:border-color .15s,box-shadow .15s}.password-input:focus{border-color:oklch(58.5% .233 277.117/.4);box-shadow:0 0 0 2px oklch(58.5% .233 277.117/.1)}.password-input:disabled{cursor:not-allowed;opacity:.5}.password-submit-btn{margin-top:calc(var(--spacing) * 1);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);cursor:pointer;border-radius:var(--radius-lg);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:oklch(58.5% .233 277.117/.3);border:1px solid oklch(58.5% .233 277.117/.4);transition-duration:.2s}.password-submit-btn:hover:not(:disabled){background:oklch(58.5% .233 277.117/.4)}.password-submit-btn:active:not(:disabled){transform:scale(.98)}.password-submit-btn:disabled{cursor:not-allowed;opacity:.4}.password-error{margin-top:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-danger-400)}.password-toggle-mode{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-500);cursor:pointer;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;text-align:center;background:0 0;border:none;outline:none;width:100%;transition-duration:.2s}.password-toggle-mode:hover{color:var(--color-main-300)}.guided-experience-link{margin-top:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));text-align:center;border-radius:var(--radius-lg);width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;color:var(--color-main-300);letter-spacing:.02em;background:oklch(100% 0 0/.04);border:1px solid oklch(100% 0 0/.08);text-decoration:none;transition-duration:.2s;display:block}.guided-experience-link:hover{color:var(--color-main-100);background:oklch(100% 0 0/.08);border-color:oklch(100% 0 0/.12)}.schema-form{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.schema-form-fields{gap:calc(var(--spacing) * 5);flex-direction:column;display:flex}.schema-form-field{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.schema-form-field[data-field-type=Code] textarea{border-color:var(--color-main-700);background-color:var(--color-main-950);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.schema-form-field[data-field-type=Json] textarea{border-color:var(--color-main-700);background-color:var(--color-main-950);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.schema-form-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-main-200);align-items:center;gap:calc(var(--spacing) * 1);display:flex}.schema-form-label .required{color:var(--color-danger-400)}.schema-form-hint{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-main-500)}.schema-form-actions{justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-main-800);display:flex}.element-type-grid{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.element-type-card{align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 4);background-color:#18181b80;flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.element-type-card{background-color:color-mix(in oklab, var(--color-main-900) 50%, transparent)}}@media (hover:hover){.element-type-card:hover{background-color:#27272a80}@supports (color:color-mix(in lab, red, red)){.element-type-card:hover{background-color:color-mix(in oklab, var(--color-main-800) 50%, transparent)}}}.element-type-card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-800)}@media (hover:hover){.element-type-card:hover{border-color:#4f39f64d}@supports (color:color-mix(in lab, red, red)){.element-type-card:hover{border-color:color-mix(in oklab, var(--color-accent-600) 30%, transparent)}}}.element-type-card{cursor:pointer;border-radius:var(--radius-xl);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}.element-type-card:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:#0003}@supports (color:color-mix(in lab, red, red)){.element-type-card:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.element-type-card.selected{border-color:var(--color-accent-500);background-color:#312c854d}@supports (color:color-mix(in lab, red, red)){.element-type-card.selected{background-color:color-mix(in oklab, var(--color-accent-900) 30%, transparent)}}.element-type-card .element-type-symbol{height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 12);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);justify-content:center;align-items:center;display:flex}.element-type-card .element-type-name{text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-main-200)}.element-type-card .element-type-description{-webkit-line-clamp:2;text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-500);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.element-type-palette{background-color:#18181bcc}@supports (color:color-mix(in lab, red, red)){.element-type-palette{background-color:color-mix(in oklab, var(--color-main-900) 80%, transparent)}}.element-type-palette{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-800);max-height:calc(var(--spacing) * 96);padding:calc(var(--spacing) * 4);overflow-y:auto}.element-type-palette .palette-header{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-main-300)}.element-type-palette .palette-categories{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.element-type-palette .palette-category .category-label{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-main-500);text-transform:uppercase}.element-type-palette .palette-category .category-types{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:40rem){.element-type-palette .palette-category .category-types{grid-template-columns:repeat(3,minmax(0,1fr))}}.element-type-palette .palette-type-btn{align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2);background-color:var(--color-main-850);display:flex}@media (hover:hover){.element-type-palette .palette-type-btn:hover{background-color:var(--color-main-800)}}.element-type-palette .palette-type-btn{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-main-700)}@media (hover:hover){.element-type-palette .palette-type-btn:hover{border-color:var(--color-main-600)}}.element-type-palette .palette-type-btn{cursor:pointer;border-radius:var(--radius-lg);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.element-type-palette .palette-type-btn .type-icon{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);justify-content:center;align-items:center;display:flex}.element-type-palette .palette-type-btn .type-name{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-main-200)}.element-type-palette .palette-type-btn:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.element-type-palette .palette-type-btn:hover{--tw-ring-color:color-mix(in oklab, var(--color-accent-500) 30%, transparent)}}.element-type-palette .palette-type-btn.selected{border-color:var(--color-accent-500);background-color:#312c8566}@supports (color:color-mix(in lab, red, red)){.element-type-palette .palette-type-btn.selected{background-color:color-mix(in oklab, var(--color-accent-900) 40%, transparent)}}.element-type-skeleton{animation:var(--animate-pulse)}.element-type-skeleton .skeleton-symbol{height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 12);border-radius:var(--radius-lg);background-color:var(--color-main-800)}.element-type-skeleton .skeleton-name{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 20);background-color:var(--color-main-800);border-radius:.25rem}.element-type-skeleton .skeleton-desc{height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 24);background-color:var(--color-main-850);border-radius:.25rem}.canvas-skeleton{inset:calc(var(--spacing) * 0);position:fixed;overflow:hidden}.canvas-skeleton-canvas{inset:calc(var(--spacing) * 0);width:100%;height:100%;position:absolute}.canvas-loading-message{z-index:50;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);background-color:color-mix(in oklab, var(--color-main-900) 80%, transparent);--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab, var(--color-main-700) 30%, transparent);pointer-events:none;animation:.3s ease-out fade-in;position:absolute;top:50%;left:50%}.canvas-loading-text{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-300)}.canvas-scaffolding-progress{z-index:50;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);background-color:color-mix(in oklab, var(--color-main-900) 80%, transparent);--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab, var(--color-main-700) 30%, transparent);align-items:center;gap:calc(var(--spacing) * 2);pointer-events:none;animation:.3s ease-out fade-in;display:flex;position:absolute;top:50%;left:50%}.canvas-scaffolding-icon{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-main-400);animation:2s linear infinite spin}.canvas-scaffolding-text{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-main-300)}.collaborator-cursor.is-ai .cursor-label{border:1px solid #3b82f64d}.collaborator-cursor.is-generating svg.ai-cursor-shimmer{animation:1.5s ease-in-out infinite ai-generating-shimmer}@keyframes ai-generating-shimmer{0%,to{opacity:1;filter:drop-shadow(0 1px 2px #0000004d)drop-shadow(0 0 6px #3b82f666)}50%{opacity:.7;filter:drop-shadow(0 1px 2px #0000004d)drop-shadow(0 0 12px #f59e0b99)}}.cursor-status-dot{animation:2s ease-in-out infinite cursor-status-pulse}@keyframes cursor-status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}}@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-10{top:calc(var(--spacing) * 10)}.top-100{top:calc(var(--spacing) * 100)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-5{left:calc(var(--spacing) * 5)}.left-full{left:100%}.isolate{isolation:isolate}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.order-456{order:456}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media (min-width:40rem){.container\!{max-width:40rem!important}}@media (min-width:48rem){.container\!{max-width:48rem!important}}@media (min-width:64rem){.container\!{max-width:64rem!important}}@media (min-width:80rem){.container\!{max-width:80rem!important}}@media (min-width:96rem){.container\!{max-width:96rem!important}}.m-0{margin:calc(var(--spacing) * 0)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-48{height:calc(var(--spacing) * 48)}.h-full{height:100%}.h-px{height:1px}.max-h-60{max-height:calc(var(--spacing) * 60)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-pulse{animation:var(--animate-pulse)}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#4ade80\]\/30{border-color:oklab(80.0349% -.160317 .0862818/.3)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/20{border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.border-amber-500\/50{border-color:#f99c0080}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/50{border-color:color-mix(in oklab, var(--color-amber-500) 50%, transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-current{border-color:currentColor}.border-emerald-200{border-color:var(--color-emerald-200)}.border-main-700{border-color:var(--color-main-700)}.border-moon-600{border-color:var(--color-moon-600)}.border-moon-700{border-color:var(--color-moon-700)}.border-moon-800{border-color:var(--color-moon-800)}.border-neutral-700{border-color:var(--color-neutral-700)}.border-neutral-700\/50{border-color:#40404080}@supports (color:color-mix(in lab, red, red)){.border-neutral-700\/50{border-color:color-mix(in oklab, var(--color-neutral-700) 50%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-red-800{border-color:var(--color-red-800)}.border-rose-200{border-color:var(--color-rose-200)}.border-slate-200{border-color:var(--color-slate-200)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-zinc-800{border-color:var(--color-zinc-800)}.border-t-transparent{border-top-color:#0000}.bg-\[\#1e1e1e\]\/90{background-color:oklab(23.5031% 7.45058e-9 1.49012e-8/.9)}.bg-\[\#1e1e1e\]\/95{background-color:oklab(23.5031% 7.45058e-9 1.49012e-8/.95)}.bg-\[\#4ade80\]\/10{background-color:oklab(80.0349% -.160317 .0862818/.1)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/5{background-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/5{background-color:color-mix(in oklab, var(--color-amber-500) 5%, transparent)}}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500\/50{background-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/50{background-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-main-850{background-color:var(--color-main-850)}.bg-moon-700{background-color:var(--color-moon-700)}.bg-moon-700\/50{background-color:#3f3f4680}@supports (color:color-mix(in lab, red, red)){.bg-moon-700\/50{background-color:color-mix(in oklab, var(--color-moon-700) 50%, transparent)}}.bg-moon-800{background-color:var(--color-moon-800)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-800\/50{background-color:#26262680}@supports (color:color-mix(in lab, red, red)){.bg-neutral-800\/50{background-color:color-mix(in oklab, var(--color-neutral-800) 50%, transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/20{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.bg-red-900\/20{background-color:color-mix(in oklab, var(--color-red-900) 20%, transparent)}}.bg-rose-50{background-color:var(--color-rose-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[\#4ade80\]{color:#4ade80}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-blue-400{color:var(--color-blue-400)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-green-400{color:var(--color-green-400)}.text-indigo-600{color:var(--color-indigo-600)}.text-main-100{color:var(--color-main-100)}.text-main-400{color:var(--color-main-400)}.text-main-500{color:var(--color-main-500)}.text-main-700{color:var(--color-main-700)}.text-moon-100{color:var(--color-moon-100)}.text-moon-200{color:var(--color-moon-200)}.text-moon-300{color:var(--color-moon-300)}.text-moon-400{color:var(--color-moon-400)}.text-moon-500{color:var(--color-moon-500)}.text-moon-600{color:var(--color-moon-600)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-900{color:var(--color-neutral-900)}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-rose-700{color:var(--color-rose-700)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-card{--tw-shadow:0 4px 32px -4px var(--tw-shadow-color,oklch(98.5% 0 0/.15));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-card-hover{--tw-shadow:0 8px 40px -8px var(--tw-shadow-color,oklch(98.5% 0 0/.25));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-glow{--tw-shadow:0 0 20px -5px var(--tw-shadow-color,oklch(98.5% 0 0/.3));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-glow-lg{--tw-shadow:0 0 40px -5px var(--tw-shadow-color,oklch(98.5% 0 0/.5));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-window{--tw-shadow:0 0 7px 0 var(--tw-shadow-color,#0000000d), 0 0 14px 0 var(--tw-shadow-color,#0000001a), 0 0 21px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-window-lg{--tw-shadow:0 0 10px 0 var(--tw-shadow-color,#0000000d), 0 0 30px 0 var(--tw-shadow-color,#0000001a), 0 0 30px 0 var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-blue-500{--tw-ring-color:var(--color-blue-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.\!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,)!important}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-normal{transition-behavior:normal}.delay-2{transition-delay:2ms}.delay-200{transition-delay:.2s}.duration-100{--tw-duration:.1s;transition-duration:.1s}.ease-circ{--tw-ease:var(--ease-circ);transition-timing-function:var(--ease-circ)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ease-spring{--tw-ease:var(--ease-spring);transition-timing-function:var(--ease-spring)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:text-neutral-300:is(:where(.group):hover *){color:var(--color-neutral-300)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-moon-500:hover{border-color:var(--color-moon-500)}.hover\:border-neutral-600:hover{border-color:var(--color-neutral-600)}.hover\:\!bg-red-500\/20:hover{background-color:#fb2c3633!important}@supports (color:color-mix(in lab, red, red)){.hover\:\!bg-red-500\/20:hover{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)!important}}.hover\:bg-\[\#4ade80\]\/20:hover{background-color:oklab(80.0349% -.160317 .0862818/.2)}.hover\:bg-amber-400:hover{background-color:var(--color-amber-400)}.hover\:bg-blue-500\/90:hover{background-color:#3080ffe6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/90:hover{background-color:color-mix(in oklab, var(--color-blue-500) 90%, transparent)}}.hover\:bg-moon-700:hover{background-color:var(--color-moon-700)}.hover\:bg-moon-800\/50:hover{background-color:#27272a80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-moon-800\/50:hover{background-color:color-mix(in oklab, var(--color-moon-800) 50%, transparent)}}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.hover\:\!text-red-400:hover{color:var(--color-red-400)!important}.hover\:text-neutral-200:hover{color:var(--color-neutral-200)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-accent-500:focus{border-color:var(--color-accent-500)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-accent-500:focus{--tw-ring-color:var(--color-accent-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme:dark){.dark\:border-amber-800{border-color:var(--color-amber-800)}.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-emerald-800{border-color:var(--color-emerald-800)}.dark\:border-red-800{border-color:var(--color-red-800)}.dark\:border-rose-900{border-color:var(--color-rose-900)}.dark\:border-slate-700{border-color:var(--color-slate-700)}.dark\:bg-amber-900\/20{background-color:#7b330633}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/20{background-color:color-mix(in oklab, var(--color-amber-900) 20%, transparent)}}.dark\:bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/20{background-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)}}.dark\:bg-emerald-900\/20{background-color:#004e3b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/20{background-color:color-mix(in oklab, var(--color-emerald-900) 20%, transparent)}}.dark\:bg-emerald-900\/30{background-color:#004e3b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/30{background-color:color-mix(in oklab, var(--color-emerald-900) 30%, transparent)}}.dark\:bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/20{background-color:color-mix(in oklab, var(--color-red-900) 20%, transparent)}}.dark\:bg-rose-950\/40{background-color:#4d021866}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-950\/40{background-color:color-mix(in oklab, var(--color-rose-950) 40%, transparent)}}.dark\:bg-slate-800{background-color:var(--color-slate-800)}.dark\:bg-slate-800\/50{background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/50{background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.dark\:bg-slate-900{background-color:var(--color-slate-900)}.dark\:text-amber-200{color:var(--color-amber-200)}.dark\:text-amber-300{color:var(--color-amber-300)}.dark\:text-amber-400{color:var(--color-amber-400)}.dark\:text-blue-200{color:var(--color-blue-200)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-emerald-200{color:var(--color-emerald-200)}.dark\:text-emerald-300{color:var(--color-emerald-300)}.dark\:text-emerald-400{color:var(--color-emerald-400)}.dark\:text-indigo-400{color:var(--color-indigo-400)}.dark\:text-main-300{color:var(--color-main-300)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-rose-200{color:var(--color-rose-200)}.dark\:text-slate-300{color:var(--color-slate-300)}.dark\:text-slate-400{color:var(--color-slate-400)}.dark\:text-slate-500{color:var(--color-slate-500)}.dark\:text-white{color:var(--color-white)}@media (hover:hover){.dark\:hover\:text-slate-300:hover{color:var(--color-slate-300)}}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-card{background:var(--bg-card)}.glass{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-shadow);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.skeleton{animation:var(--animate-pulse);background-color:var(--color-main-800);border-radius:.25rem}.focus-ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-moon-500);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-main-900);--tw-outline-style:none;outline-style:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}}@layer tokens{:root{--tf-compute:#10b981;--tf-compute-rgb:16, 185, 129;--tf-data:#3b82f6;--tf-data-rgb:59, 130, 246;--tf-experience:#f59e0b;--tf-experience-rgb:245, 158, 11;--tf-external:#ec4899;--tf-external-rgb:236, 72, 153;--tf-structure:#8b5cf6;--tf-structure-rgb:139, 92, 246;--tf-identity-unknown:#6b7280;--tf-compute-tint-mix:.08;--tf-data-tint-mix:.08;--tf-experience-tint-mix:.08;--tf-external-tint-mix:.08;--tf-structure-tint-mix:.08;--tf-state-active-sat:1;--tf-state-active-opacity:1;--tf-state-ready-sat:1;--tf-state-ready-opacity:1;--tf-state-deployed-sat:1;--tf-state-deployed-opacity:1;--tf-state-running-sat:1;--tf-state-running-opacity:1;--tf-state-draft-sat:.5;--tf-state-draft-opacity:.75;--tf-state-suspended-sat:.3;--tf-state-suspended-opacity:.6;--tf-state-error-sat:.3;--tf-state-error-opacity:.6;--tf-state-archived-sat:.15;--tf-state-archived-opacity:.4;--tf-signal-good:#22c55e;--tf-signal-good-rgb:34, 197, 94;--tf-signal-caution:#eab308;--tf-signal-caution-rgb:234, 179, 8;--tf-signal-bad:#ef4444;--tf-signal-bad-rgb:239, 68, 68;--tf-agent-base:#8b5cf6;--tf-agent-idle-sat:.2;--tf-agent-listening-sat:.4;--tf-agent-thinking-sat:.7;--tf-agent-active-sat:1;--tf-env-dev:#64748b;--tf-env-demo:#eab308;--tf-env-live:#22c55e;--tf-surface-base:#18181b;--tf-surface-raised:#27272a;--tf-surface-overlay:#3f3f46;--tf-surface-sunken:#09090b;--tf-surface-hover:#27272a80;--tf-surface-active:#27272a;--tf-surface-popup:#1e1e23f2;--tf-text-primary:#d4d4d8;--tf-text-secondary:#a1a1aa;--tf-text-muted:#71717a;--tf-text-disabled:#52525b;--tf-border:#3f3f46;--tf-border-subtle:#27272a;--tf-border-emphasis:#52525b;--tf-glass-2:#ffffff05;--tf-glass-4:#ffffff0a;--tf-glass-6:#ffffff0f;--tf-glass-8:#ffffff14;--tf-glass-12:#ffffff1f;--tf-glass-20:#fff3;--tf-cta:#f5d96e;--tf-cta-hover:#fce58e;--tf-cta-text:#18181b;--tf-focus-ring:#fbbf24;--tf-lasso:#60a5fa;--tf-brand-gradient:linear-gradient(135deg, #71c9ec 0%, #833fb4 100%);--tf-canvas-void:#050510;--tf-canvas-void-rgb:5, 5, 16;--tf-canvas-grid:#1f1f35;--tf-canvas-grid-rgb:31, 31, 53;--tf-canvas-particle:#b4c8ff;--tf-canvas-particle-rgb:180, 200, 255;--tf-alpha-ghost:.13;--tf-alpha-subtle:.25;--tf-alpha-muted:.38;--tf-alpha-medium:.5;--tf-alpha-prominent:.6;--tf-alpha-strong:.7;--tf-alpha-emphasis:.8;--tf-alpha-solid:.95;--tf-tile-frost:.03;--tf-tile-atom-base:.06;--tf-tile-container-scale:.5;--tf-tile-lift-hover:2;--tf-tile-lift-select:2.3;--tf-tile-lift-flow:1.4;--tf-tile-lift-optimistic:1.3;--color-success:var(--tf-signal-good);--color-warning:var(--tf-signal-caution);--color-error:var(--tf-signal-bad);--color-danger:var(--tf-signal-bad)}}@font-face{font-family:ClashDisplay;src:url(/fonts/ClashDisplay-Regular.woff2)format("woff2"),url(/fonts/ClashDisplay-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ClashDisplay;src:url(/fonts/ClashDisplay-Regular.woff2)format("woff2"),url(/fonts/ClashDisplay-Regular.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/Archivo-VariableFont_wdth,wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/fonts/MaterialSymbolsOutlined.woff2)format("woff2")}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{color-scheme:dark;--color-primary:var(--color-main-200);--color-primary-hover:var(--color-main-100);--bg-primary:#000;--bg-gradient-start:#0f172a;--bg-gradient-end:#000;--bg-card:#ffffff08;--bg-card-hover:#ffffff0d;--text-primary:var(--color-main-50);--text-secondary:var(--color-main-300);--text-muted:var(--color-main-400);--border-color:#ffffff1a;--border-color-hover:#fff3;--glass-bg:linear-gradient(135deg, oklch(98.5% 0 0/.06) 0%, oklch(98.5% 0 0/.03) 50%, oklch(98.5% 0 0/.02) 100%);--glass-border:oklch(98.5% 0 0/.12);--glass-shadow:0 4px 32px -4px oklch(98.5% 0 0/.15), inset 0 1px 0 0 oklch(98.5% 0 0/.08)}@keyframes border-rotate{to{--border-gradient-angle:360deg}}@keyframes fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}