@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300..700&family=DM+Mono:wght@300;400;500&display=swap";:root{font-family:DM Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#ededed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-brand-primary-rgb: 201, 7, 216;--color-brand-secondary-rgb: 152, 62, 146;--color-brand-primary-gradient: 132, 3, 113;--color-input-font-rgb: 10, 10, 10;--color-font-standard-rgb: 26, 26, 26;--color-font-med-rgb: 107, 114, 128;--color-font-lite-rgb: 156, 163, 175;--color-input-outline-rgb: 222, 223, 228;--color-input-border-rgb: 172, 176, 183;--color-error-rgb: 231, 54, 51}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{height:100%;margin:0;background:var(--surface-02);color:var(--text-primary)}html,body{overflow:hidden}#root{height:100vh;overflow:hidden}.sandbox-panel{scrollbar-width:none}.sandbox-panel::-webkit-scrollbar{display:none}.panel-pillow{background-color:#fff;border-radius:var(--radius-md);display:inline-flex;gap:.7rem;padding:var(--spacing-1)}@layer tokens{:root{--neutral-000: #ffffff;--neutral-000-rgb: 255, 255, 255;--neutral-0: var(--neutral-000);--neutral-050: #f8f8fb;--neutral-050-rgb: 248, 248, 251;--neutral-50: var(--neutral-050);--neutral-100: #f0f0f4;--neutral-100-rgb: 240, 240, 244;--neutral-150: #e7e7ec;--neutral-150-rgb: 231, 231, 236;--neutral-200: #dedfe4;--neutral-200-rgb: 222, 223, 228;--neutral-300: #bbbec5;--neutral-300-rgb: 187, 190, 197;--neutral-400: #acb0b7;--neutral-400-rgb: 172, 176, 183;--neutral-500: #858b94;--neutral-500-rgb: 133, 139, 148;--neutral-600: #656c77;--neutral-600-rgb: 101, 108, 119;--neutral-700: #494f59;--neutral-700-rgb: 73, 79, 89;--neutral-800: #2c323c;--neutral-800-rgb: 44, 50, 60;--neutral-850: #232931;--neutral-850-rgb: 35, 41, 49;--neutral-900: #0f1113;--neutral-900-rgb: 15, 17, 19;--neutral-950: #0a0a0a;--neutral-950-rgb: 10, 10, 10;--pink-900: #2c0716;--pink-900-rgb: 44, 7, 22;--pink-850: #461534;--pink-850-rgb: 70, 21, 52;--pink-800: #652457;--pink-800-rgb: 101, 36, 87;--pink-700: #7f3175;--pink-700-rgb: 127, 49, 117;--pink-600: #983e92;--pink-600-rgb: 152, 62, 146;--pink-500: #b567b2;--pink-500-rgb: 181, 103, 178;--pink-400: #d08dd0;--pink-400-rgb: 208, 141, 208;--pink-300: #efbdef;--pink-300-rgb: 239, 189, 239;--pink-200: #ffd6ff;--pink-200-rgb: 255, 214, 255;--pink-150: #ffe1ff;--pink-150-rgb: 255, 225, 255;--pink-100: #ffecff;--pink-100-rgb: 255, 236, 255;--pink-050: #fff3ff;--pink-050-rgb: 255, 243, 255;--pink-50: var(--pink-050);--teal-900: #0b282e;--teal-900-rgb: 11, 40, 46;--teal-850: #093d45;--teal-850-rgb: 9, 61, 69;--teal-800: #07525d;--teal-800-rgb: 7, 82, 93;--teal-700: #066471;--teal-700-rgb: 6, 100, 113;--teal-600: #047685;--teal-600-rgb: 4, 118, 133;--teal-500: #028ea0;--teal-500-rgb: 2, 142, 160;--teal-400: #02c1d2;--teal-400-rgb: 2, 193, 210;--teal-300: #89e5ed;--teal-300-rgb: 137, 229, 237;--teal-200: #c5f3f7;--teal-200-rgb: 197, 243, 247;--teal-150: #dff7fa;--teal-150-rgb: 223, 247, 250;--teal-100: #eafafc;--teal-100-rgb: 234, 250, 252;--teal-050: #f3fdfe;--teal-050-rgb: 243, 253, 254;--teal-50: var(--teal-050);--red-900: #420604;--red-900-rgb: 66, 6, 4;--red-850: #6b0a08;--red-850-rgb: 107, 10, 8;--red-800: #940f0c;--red-800-rgb: 148, 15, 12;--red-700: #c41310;--red-700-rgb: 196, 19, 16;--red-600: #d42320;--red-600-rgb: 212, 35, 32;--red-500: #e73633;--red-500-rgb: 231, 54, 51;--red-400: #f64542;--red-400-rgb: 246, 69, 66;--red-300: #ff5956;--red-300-rgb: 255, 89, 86;--red-200: #ff8280;--red-200-rgb: 255, 130, 128;--red-150: #ffa3a1;--red-150-rgb: 255, 163, 161;--red-100: #ffc3c2;--red-100-rgb: 255, 195, 194;--red-050: #ffe8e7;--red-050-rgb: 255, 232, 231;--red-50: var(--red-050);--amber-900: #261500;--amber-900-rgb: 38, 21, 0;--amber-850: #4e2301;--amber-850-rgb: 78, 35, 1;--amber-800: #7b3301;--amber-800-rgb: 123, 51, 1;--amber-700: #a54601;--amber-700-rgb: 165, 70, 1;--amber-600: #c15502;--amber-600-rgb: 193, 85, 2;--amber-500: #cc680a;--amber-500-rgb: 204, 104, 10;--amber-400: #cf720f;--amber-400-rgb: 207, 114, 15;--amber-300: #d17c14;--amber-300-rgb: 209, 124, 20;--amber-200: #ee9931;--amber-200-rgb: 238, 153, 49;--amber-150: #f7b361;--amber-150-rgb: 247, 179, 97;--amber-100: #ffcd90;--amber-100-rgb: 255, 205, 144;--amber-050: #ffebd4;--amber-050-rgb: 255, 235, 212;--amber-50: var(--amber-050);--green-900: #002513;--green-900-rgb: 0, 37, 19;--green-850: #003c1f;--green-850-rgb: 0, 60, 31;--green-800: #00542c;--green-800-rgb: 0, 84, 44;--green-700: #006f3a;--green-700-rgb: 0, 111, 58;--green-600: #058548;--green-600-rgb: 5, 133, 72;--green-500: #18985b;--green-500-rgb: 24, 152, 91;--green-400: #27a76a;--green-400-rgb: 39, 167, 106;--green-300: #37b77a;--green-300-rgb: 55, 183, 122;--green-200: #54d497;--green-200-rgb: 84, 212, 151;--green-150: #6ee9af;--green-150-rgb: 110, 233, 175;--green-100: #88ffc6;--green-100-rgb: 136, 255, 198;--green-050: #d1ffe9;--green-050-rgb: 209, 255, 233;--green-50: var(--green-050);--blue-900: #001953;--blue-900-rgb: 0, 25, 83;--blue-850: #002988;--blue-850-rgb: 0, 41, 136;--blue-800: #0039be;--blue-800-rgb: 0, 57, 190;--blue-700: #0d4bdc;--blue-700-rgb: 13, 75, 220;--blue-600: #1c5aeb;--blue-600-rgb: 28, 90, 235;--blue-500: #447cff;--blue-500-rgb: 68, 124, 255;--blue-400: #6090ff;--blue-400-rgb: 96, 144, 255;--blue-300: #7ba2ff;--blue-300-rgb: 123, 162, 255;--blue-200: #84a9ff;--blue-200-rgb: 132, 169, 255;--blue-150: #b2c9ff;--blue-150-rgb: 178, 201, 255;--blue-100: #d4e1ff;--blue-100-rgb: 212, 225, 255;--blue-050: #e8efff;--blue-050-rgb: 232, 239, 255;--blue-50: var(--blue-050);--purple-900: #280a3a;--purple-900-rgb: 40, 10, 58;--purple-850: #40105f;--purple-850-rgb: 64, 16, 95;--purple-800: #5a1685;--purple-800-rgb: 90, 22, 133;--purple-700: #741fa8;--purple-700-rgb: 116, 31, 168;--purple-600: #842fb8;--purple-600-rgb: 132, 47, 184;--purple-500: #9346c4;--purple-500-rgb: 147, 70, 196;--purple-400: #9e58ca;--purple-400-rgb: 158, 88, 202;--purple-300: #ab6ed1;--purple-300-rgb: 171, 110, 209;--purple-200: #bf92dc;--purple-200-rgb: 191, 146, 220;--purple-150: #d0aee5;--purple-150-rgb: 208, 174, 229;--purple-100: #e0caee;--purple-100-rgb: 224, 202, 238;--purple-050: #f3ebf8;--purple-050-rgb: 243, 235, 248;--purple-50: var(--purple-050);--cyan-900: #082542;--cyan-900-rgb: 8, 37, 66;--cyan-850: #0c3a65;--cyan-850-rgb: 12, 58, 101;--cyan-800: #115086;--cyan-800-rgb: 17, 80, 134;--cyan-700: #1565a3;--cyan-700-rgb: 21, 101, 163;--cyan-600: #1979ba;--cyan-600-rgb: 25, 121, 186;--cyan-500: #1d8dce;--cyan-500-rgb: 29, 141, 206;--cyan-400: #209dd8;--cyan-400-rgb: 32, 157, 216;--cyan-300: #21a7dd;--cyan-300-rgb: 33, 167, 221;--cyan-200: #34bce5;--cyan-200-rgb: 52, 188, 229;--cyan-150: #87d2ef;--cyan-150-rgb: 135, 210, 239;--cyan-100: #b1e1f4;--cyan-100-rgb: 177, 225, 244;--cyan-050: #e1f3fb;--cyan-050-rgb: 225, 243, 251;--cyan-50: var(--cyan-050);--lime-900: #1a2f0f;--lime-900-rgb: 26, 47, 15;--lime-850: #2b4a18;--lime-850-rgb: 43, 74, 24;--lime-800: #3a6320;--lime-800-rgb: 58, 99, 32;--lime-700: #4b7d28;--lime-700-rgb: 75, 125, 40;--lime-600: #59922f;--lime-600-rgb: 89, 146, 47;--lime-500: #6aa737;--lime-500-rgb: 106, 167, 55;--lime-400: #76b73c;--lime-400-rgb: 118, 183, 60;--lime-300: #82c641;--lime-300-rgb: 130, 198, 65;--lime-200: #95d748;--lime-200-rgb: 149, 215, 72;--lime-150: #a3e04c;--lime-150-rgb: 163, 224, 76;--lime-100: #c3ee7b;--lime-100-rgb: 195, 238, 123;--lime-050: #e8f9cc;--lime-050-rgb: 232, 249, 204;--lime-50: var(--lime-050);--gold-900: #2e240f;--gold-900-rgb: 46, 36, 15;--gold-850: #483817;--gold-850-rgb: 72, 56, 23;--gold-800: #614d1f;--gold-800-rgb: 97, 77, 31;--gold-700: #7a6227;--gold-700-rgb: 122, 98, 39;--gold-600: #90752f;--gold-600-rgb: 144, 117, 47;--gold-500: #a88b37;--gold-500-rgb: 168, 139, 55;--gold-400: #b79b3d;--gold-400-rgb: 183, 155, 61;--gold-300: #c7ac43;--gold-300-rgb: 199, 172, 67;--gold-200: #ddc74d;--gold-200-rgb: 221, 199, 77;--gold-150: #e9d853;--gold-150-rgb: 233, 216, 83;--gold-100: #e8e355;--gold-100-rgb: 232, 227, 85;--gold-050: #f9f6ae;--gold-050-rgb: 249, 246, 174;--gold-50: var(--gold-050);--brand-anchor-500: #ee2bed;--brand-anchor-500-rgb: 238, 43, 237;--brand-anchor-600: #c907d8;--brand-anchor-600-rgb: 201, 7, 216;--brand-anchor-700: #840371;--brand-anchor-700-rgb: 132, 3, 113;--brand-anchor-800: #530424;--brand-anchor-800-rgb: 83, 4, 36;--gradient-primary: linear-gradient(135deg, var(--brand-anchor-600), var(--brand-anchor-700));--gradient-strong: linear-gradient(135deg, var(--brand-anchor-600), var(--brand-anchor-800));--gradient-accent: linear-gradient(135deg, var(--brand-anchor-600), var(--teal-400));--gradient-holo-bright-start: #feeafd;--gradient-holo-bright-start-rgb: 254, 234, 253;--gradient-holo-bright-mid: #d4eaff;--gradient-holo-bright-mid-rgb: 212, 234, 255;--gradient-holo-bright-end: #d8fff9;--gradient-holo-bright-end-rgb: 216, 255, 249;--gradient-holo-bright: linear-gradient(135deg, var(--gradient-holo-bright-start), var(--gradient-holo-bright-mid), var(--gradient-holo-bright-end));--gradient-holo-dark-start: #440028;--gradient-holo-dark-start-rgb: 68, 0, 40;--gradient-holo-dark-mid: #0b1e50;--gradient-holo-dark-mid-rgb: 11, 30, 80;--gradient-holo-dark-end: #003847;--gradient-holo-dark-end-rgb: 0, 56, 71;--gradient-holo-dark: linear-gradient(135deg, var(--gradient-holo-dark-start), var(--gradient-holo-dark-mid), var(--gradient-holo-dark-end))}}@layer tokens{:root{--spacing-1: 1px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-36: 36px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-72: 72px;--spacing-80: 80px;--spacing-96: 96px;--spacing-128: 128px;--radius-2: 2px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-10: 10px;--radius-12: 12px;--radius-16: 16px;--radius-24: 24px;--radius-full: 9999px;--elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, .05);--elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, .05), 0px 1px 2px 0px rgba(0, 0, 0, .05);--elevation-3: 0px 4px 4px -1px rgba(0, 0, 0, .05), 0px 4px 8px -2px rgba(0, 0, 0, .1);--elevation-4: 0px 4px 6px -4px rgba(0, 0, 0, .1), 0px 10px 15px -3px rgba(0, 0, 0, .1);--elevation-5: 0px 8px 10px -6px rgba(0, 0, 0, .1), 0px 20px 25px -5px rgba(0, 0, 0, .1);--elevation-6: 0px 25px 50px -12px rgba(0, 0, 0, .25);--blur-1: 4px;--blur-2: 8px;--blur-3: 12px;--blur-4: 16px;--blur-5: 24px;--blur-6: 40px;--size-10: 10px;--size-11: 11px;--size-12: 12px;--size-13: 13px;--size-14: 14px;--size-15: 15px;--size-16: 16px;--size-18: 18px;--size-20: 20px;--size-24: 24px;--size-28: 28px;--size-32: 32px;--size-40: 40px;--size-48: 48px;--size-56: 56px;--size-64: 64px;--size-80: 80px;--size-96: 96px;--font-primary: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--lh-tight: 1.15;--lh-standard: 1.35;--lh-loose: 1.55}}@layer tokens{:root,[data-theme=light]{--surface-00: var(--neutral-000);--surface-01: var(--neutral-050);--surface-02: var(--neutral-100);--surface-03: var(--neutral-150);--surface-04: var(--neutral-200);--surface-05: var(--neutral-300);--surface-06: var(--neutral-500);--surface-07: var(--neutral-700);--surface-08: var(--neutral-800);--surface-09: var(--neutral-950);--surface-hover-bright: rgba(var(--neutral-950-rgb), .1);--surface-hover-dark: rgba(var(--neutral-000-rgb), .1);--surface-hover: var(--surface-hover-bright);--stroke-00: rgba(var(--neutral-950-rgb), .03);--stroke-01: rgba(var(--neutral-950-rgb), .06);--stroke-02: rgba(var(--neutral-950-rgb), .12);--stroke-03: rgba(var(--neutral-950-rgb), .18);--stroke-04: rgba(var(--neutral-950-rgb), .27);--stroke-05: rgba(var(--neutral-950-rgb), .35);--stroke-06: rgba(var(--neutral-950-rgb), .48);--stroke-07: rgba(var(--neutral-950-rgb), .65);--stroke-08: rgba(var(--neutral-950-rgb), .75);--stroke-00-bright: rgba(var(--neutral-000-rgb), .03);--stroke-01-bright: rgba(var(--neutral-000-rgb), .06);--stroke-02-bright: rgba(var(--neutral-000-rgb), .12);--stroke-03-bright: rgba(var(--neutral-000-rgb), .18);--stroke-04-bright: rgba(var(--neutral-000-rgb), .27);--stroke-05-bright: rgba(var(--neutral-000-rgb), .35);--stroke-06-bright: rgba(var(--neutral-000-rgb), .48);--stroke-07-bright: rgba(var(--neutral-000-rgb), .65);--stroke-08-bright: rgba(var(--neutral-000-rgb), .75);--stroke-00-dark: rgba(var(--neutral-950-rgb), .03);--stroke-01-dark: rgba(var(--neutral-950-rgb), .06);--stroke-02-dark: rgba(var(--neutral-950-rgb), .12);--stroke-03-dark: rgba(var(--neutral-950-rgb), .18);--stroke-04-dark: rgba(var(--neutral-950-rgb), .27);--stroke-05-dark: rgba(var(--neutral-950-rgb), .35);--stroke-06-dark: rgba(var(--neutral-950-rgb), .48);--stroke-07-dark: rgba(var(--neutral-950-rgb), .65);--stroke-08-dark: rgba(var(--neutral-950-rgb), .75);--stroke-00-inv: rgba(var(--neutral-000-rgb), .03);--stroke-01-inv: rgba(var(--neutral-000-rgb), .06);--stroke-02-inv: rgba(var(--neutral-000-rgb), .12);--stroke-03-inv: rgba(var(--neutral-000-rgb), .18);--stroke-04-inv: rgba(var(--neutral-000-rgb), .27);--stroke-05-inv: rgba(var(--neutral-000-rgb), .35);--stroke-06-inv: rgba(var(--neutral-000-rgb), .48);--stroke-07-inv: rgba(var(--neutral-000-rgb), .65);--stroke-08-inv: rgba(var(--neutral-000-rgb), .75);--text-primary: var(--neutral-950);--text-secondary: rgba(var(--neutral-950-rgb), .65);--text-tertiary: rgba(var(--neutral-950-rgb), .57);--text-disabled: rgba(var(--neutral-950-rgb), .35);--tooltip-surface: var(--surface-08);--tooltip-text: var(--neutral-000)}[data-theme=dark]{--surface-00: var(--neutral-950);--surface-01: var(--neutral-900);--surface-02: var(--neutral-850);--surface-03: var(--neutral-800);--surface-04: var(--neutral-700);--surface-05: var(--neutral-600);--surface-06: var(--neutral-400);--surface-07: var(--neutral-200);--surface-08: var(--neutral-150);--surface-09: var(--neutral-000);--surface-hover-bright: rgba(var(--neutral-950-rgb), .1);--surface-hover-dark: rgba(var(--neutral-000-rgb), .1);--surface-hover: var(--surface-hover-dark);--stroke-00: rgba(var(--neutral-000-rgb), .03);--stroke-01: rgba(var(--neutral-000-rgb), .06);--stroke-02: rgba(var(--neutral-000-rgb), .12);--stroke-03: rgba(var(--neutral-000-rgb), .18);--stroke-04: rgba(var(--neutral-000-rgb), .27);--stroke-05: rgba(var(--neutral-000-rgb), .35);--stroke-06: rgba(var(--neutral-000-rgb), .48);--stroke-07: rgba(var(--neutral-000-rgb), .65);--stroke-08: rgba(var(--neutral-000-rgb), .75);--stroke-00-bright: rgba(var(--neutral-000-rgb), .03);--stroke-01-bright: rgba(var(--neutral-000-rgb), .06);--stroke-02-bright: rgba(var(--neutral-000-rgb), .12);--stroke-03-bright: rgba(var(--neutral-000-rgb), .18);--stroke-04-bright: rgba(var(--neutral-000-rgb), .27);--stroke-05-bright: rgba(var(--neutral-000-rgb), .35);--stroke-06-bright: rgba(var(--neutral-000-rgb), .48);--stroke-07-bright: rgba(var(--neutral-000-rgb), .65);--stroke-08-bright: rgba(var(--neutral-000-rgb), .75);--stroke-00-dark: rgba(var(--neutral-950-rgb), .03);--stroke-01-dark: rgba(var(--neutral-950-rgb), .06);--stroke-02-dark: rgba(var(--neutral-950-rgb), .12);--stroke-03-dark: rgba(var(--neutral-950-rgb), .18);--stroke-04-dark: rgba(var(--neutral-950-rgb), .27);--stroke-05-dark: rgba(var(--neutral-950-rgb), .35);--stroke-06-dark: rgba(var(--neutral-950-rgb), .48);--stroke-07-dark: rgba(var(--neutral-950-rgb), .65);--stroke-08-dark: rgba(var(--neutral-950-rgb), .75);--stroke-00-inv: rgba(var(--neutral-950-rgb), .03);--stroke-01-inv: rgba(var(--neutral-950-rgb), .06);--stroke-02-inv: rgba(var(--neutral-950-rgb), .12);--stroke-03-inv: rgba(var(--neutral-950-rgb), .18);--stroke-04-inv: rgba(var(--neutral-950-rgb), .27);--stroke-05-inv: rgba(var(--neutral-950-rgb), .35);--stroke-06-inv: rgba(var(--neutral-950-rgb), .48);--stroke-07-inv: rgba(var(--neutral-950-rgb), .65);--stroke-08-inv: rgba(var(--neutral-950-rgb), .75);--text-primary: var(--neutral-000);--text-secondary: rgba(var(--neutral-000-rgb), .6);--text-tertiary: rgba(var(--neutral-000-rgb), .48);--text-disabled: rgba(var(--neutral-000-rgb), .35);--tooltip-surface: var(--surface-08);--tooltip-text: var(--neutral-950)}}.border-radius-2{border-radius:var(--radius-2)}.border-radius-4{border-radius:var(--radius-4)}.border-radius-6{border-radius:var(--radius-6)}.border-radius-8{border-radius:var(--radius-8)}.border-radius-10{border-radius:var(--radius-10)}.border-radius-12{border-radius:var(--radius-12)}.border-radius-16{border-radius:var(--radius-16)}.border-radius-24{border-radius:var(--radius-24)}.border-radius-full{border-radius:var(--radius-full)}.bg-blur-1{-webkit-backdrop-filter:blur(var(--blur-1));backdrop-filter:blur(var(--blur-1))}.bg-blur-2{-webkit-backdrop-filter:blur(var(--blur-2));backdrop-filter:blur(var(--blur-2))}.bg-blur-3{-webkit-backdrop-filter:blur(var(--blur-3));backdrop-filter:blur(var(--blur-3))}.bg-blur-4{-webkit-backdrop-filter:blur(var(--blur-4));backdrop-filter:blur(var(--blur-4))}.bg-blur-5{-webkit-backdrop-filter:blur(var(--blur-5));backdrop-filter:blur(var(--blur-5))}.bg-blur-6{-webkit-backdrop-filter:blur(var(--blur-6));backdrop-filter:blur(var(--blur-6))}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.elevation-3{box-shadow:var(--elevation-3)}.elevation-4{box-shadow:var(--elevation-4)}.elevation-5{box-shadow:var(--elevation-5)}.elevation-6{box-shadow:var(--elevation-6)}.justify-between{display:flex;justify-content:space-between}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.display-56{font-size:3.5rem;line-height:var(--lh-standard);font-weight:300;font-family:var(--font-primary)}.display-64{font-size:4rem;line-height:var(--lh-standard);font-weight:300;font-family:var(--font-primary)}.display-80{font-size:5rem;line-height:var(--lh-tight);font-weight:300;font-family:var(--font-primary)}.display-96{font-size:6rem;line-height:var(--lh-tight);font-weight:300;font-family:var(--font-primary)}.heading-18{font-size:1.125rem;line-height:var(--lh-standard);font-weight:400;font-family:var(--font-primary)}.heading-24{font-size:1.5rem;line-height:var(--lh-standard);font-weight:400;font-family:var(--font-primary)}.heading-28{font-size:1.75rem;line-height:var(--lh-standard);font-weight:400;font-family:var(--font-primary)}.heading-32{font-size:2rem;line-height:var(--lh-standard);font-weight:400;font-family:var(--font-primary)}.heading-40{font-size:2.5rem;line-height:var(--lh-standard);font-weight:400;font-family:var(--font-primary)}.heading-48{font-size:3rem;line-height:var(--lh-standard);font-weight:400;font-family:var(--font-primary)}.body-12{font-size:.75rem;line-height:var(--lh-loose);font-weight:300;font-family:var(--font-primary)}.body-14{font-size:.875rem;line-height:var(--lh-loose);font-weight:300;font-family:var(--font-primary)}.body-16{font-size:1rem;line-height:var(--lh-loose);font-weight:300;font-family:var(--font-primary)}.body-18{font-size:1.125rem;line-height:var(--lh-loose);font-weight:300;font-family:var(--font-primary)}.ui-10{font-size:.625rem;line-height:var(--lh-standard);font-weight:300;font-family:var(--font-primary)}.ui-11{font-size:.6875rem;line-height:var(--lh-standard);font-weight:300;font-family:var(--font-primary)}.ui-12{font-size:.75rem;line-height:var(--lh-standard);font-weight:300;font-family:var(--font-primary)}.ui-13{font-size:.8125rem;line-height:var(--lh-standard);font-weight:300;font-family:var(--font-primary)}.ui-14{font-size:.875rem;line-height:var(--lh-standard);font-weight:300;font-family:var(--font-primary)}.ui-15{font-size:.9375rem;line-height:var(--lh-standard);font-weight:300;font-family:var(--font-primary)}.ui-16{font-size:1rem;line-height:var(--lh-standard);font-weight:300;font-family:var(--font-primary)}.mono-10{font-size:.625rem;line-height:var(--lh-standard);font-weight:400;font-family:var(--font-mono)}.mono-11{font-size:.6875rem;line-height:var(--lh-standard);font-weight:400;font-family:var(--font-mono)}.mono-12{font-size:.75rem;line-height:var(--lh-standard);font-weight:400;font-family:var(--font-mono)}.mono-14{font-size:.875rem;line-height:var(--lh-standard);font-weight:400;font-family:var(--font-mono)}.w-300{font-weight:300}.w-400{font-weight:400}.w-500{font-weight:500}.w-600{font-weight:600}.w-700{font-weight:700}*{--scrollbar-size: 10px;--scrollbar-track: var(--surface-00);--scrollbar-thumb: var(--surface-01);--scrollbar-thumb-hover: var(--surface-02);--scrollbar-thumb-border: 1px solid var(--stroke-01);--scrollbar-thumb-radius: var(--radius-5);scrollbar-color:var(--scrollbar-thumb-hover) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:var(--scrollbar-thumb-border);border-radius:var(--scrollbar-thumb-radius)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.template-sidebar,.template-content{--scrollbar-size: 6px;--scrollbar-track: transparent;--scrollbar-thumb: var(--surface-03);--scrollbar-thumb-hover: var(--surface-04);--scrollbar-thumb-border: 0;--scrollbar-thumb-radius: var(--radius-3)}.btn{background:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-style:normal;font-size:var(--size-14);line-height:120%;letter-spacing:0;text-align:center;vertical-align:middle;font-weight:500;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:var(--btn-transitions, background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease);outline:none;color:var(--text-primary);--btn-transitions: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease;--btn-hue: 296;--btn-sat: 96%;--btn-light: 44%;--color-base: hsl(var(--btn-hue), var(--btn-sat), var(--btn-light));--color-burnt: hsl(calc(var(--btn-hue) - 40), var(--btn-sat), calc(var(--btn-light) - 1%));--color-hover: hsl(calc(var(--btn-hue) + 10), var(--btn-sat), calc(var(--btn-light) - 13%));--color-hover-burnt: hsl(calc(var(--btn-hue) + 10), var(--btn-sat), calc(var(--btn-light) - 25%));--color-active: hsl(var(--btn-hue), var(--btn-sat), calc(var(--btn-light) - 90%));--color-active-burnt: hsl(calc(var(--btn-hue) - 10), var(--btn-sat), calc(var(--btn-light) - 100%));--color-secondary: var(--color-base)}.btn[data-size=xs]{padding:var(--spacing-4) var(--spacing-8)}.btn[data-size=sm]{height:32px;padding:var(--spacing-4) var(--spacing-16)}.btn[data-size=md]{height:40px;padding:var(--spacing-8) var(--spacing-16)}.btn[data-size=lg]{height:48px;padding:var(--spacing-12) var(--spacing-16)}.btn[data-rounded=none]{border-radius:0}.btn[data-rounded=sm],.btn[data-rounded=md],.btn[data-rounded=lg]{border-radius:var(--radius-8, .5rem)}.btn[data-rounded=full]{border-radius:var(--radius-full)}.btn[data-color=primary],.btn[data-color=global]{--btn-hue: 296;--btn-sat: 96%;--btn-light: 44%;--color-base: hsl(var(--btn-hue), var(--btn-sat), var(--btn-light));--color-burnt: hsl(calc(var(--btn-hue) + 15), var(--btn-sat), calc(var(--btn-light) - 18%));--color-hover: hsl(calc(var(--btn-hue) + 10), var(--btn-sat), calc(var(--btn-light) - 10%));--color-hover-burnt: hsl(calc(var(--btn-hue) + 20), var(--btn-sat), calc(var(--btn-light) - 22%));--color-active: hsl(var(--btn-hue), var(--btn-sat), calc(var(--btn-light) - 90%));--color-active-burnt: hsl(calc(var(--btn-hue) - 10), var(--btn-sat), calc(var(--btn-light) - 100%))}.btn[data-color=local]{--color-base: var(--text-primary);--color-burnt: var(--text-primary);--color-hover: var(--text-primary);--color-hover-burnt: var(--text-primary);--color-active: var(--text-primary);--color-active-burnt: var(--text-primary);--color-secondary: var(--text-secondary)}.btn[data-color=local-bright]{--color-base: var(--neutral-000);--color-burnt: var(--neutral-000);--color-hover: var(--neutral-050);--color-hover-burnt: var(--neutral-050);--color-active: var(--neutral-100);--color-active-burnt: var(--neutral-100);--color-secondary: rgba(var(--neutral-000-rgb), .65)}.btn[data-color=local-dark]{--color-base: var(--neutral-950);--color-burnt: var(--neutral-950);--color-hover: var(--neutral-900);--color-hover-burnt: var(--neutral-900);--color-active: var(--neutral-850);--color-active-burnt: var(--neutral-850);--color-secondary: rgba(var(--neutral-950-rgb), .65)}.btn[data-color=red],.btn[data-color=danger]{--color-base: var(--red-600);--color-burnt: var(--red-700);--color-hover: var(--red-500);--color-hover-burnt: var(--red-800);--color-active: var(--red-600);--color-active-burnt: var(--red-800)}.btn[data-color=amber]{--color-base: var(--amber-600);--color-burnt: var(--amber-700);--color-hover: var(--amber-500);--color-hover-burnt: var(--amber-800);--color-active: var(--amber-600);--color-active-burnt: var(--amber-800)}.btn[data-color=green],.btn[data-color=success]{--color-base: var(--green-600);--color-burnt: var(--green-700);--color-hover: var(--green-500);--color-hover-burnt: var(--green-800);--color-active: var(--green-600);--color-active-burnt: var(--green-800)}.btn[data-color=blue],.btn[data-color=secondary]{--color-base: var(--blue-600);--color-burnt: var(--blue-700);--color-hover: var(--blue-500);--color-hover-burnt: var(--blue-800);--color-active: var(--blue-600);--color-active-burnt: var(--blue-800)}.btn[data-variant=primary][data-color=primary],.btn[data-variant=primary][data-color=global],.btn[data-variant=filled][data-color=primary],.btn[data-variant=filled][data-color=global]{color:var(--neutral-000)}.btn[data-variant=primary][data-color=primary]:before,.btn[data-variant=primary][data-color=global]:before,.btn[data-variant=filled][data-color=primary]:before,.btn[data-variant=filled][data-color=global]:before{background:linear-gradient(180deg,var(--brand-anchor-600) 0%,var(--brand-anchor-700) 100%)}.btn[data-variant=primary][data-color=primary]:hover:before,.btn[data-variant=primary][data-color=global]:hover:before,.btn[data-variant=filled][data-color=primary]:hover:before,.btn[data-variant=filled][data-color=global]:hover:before{background:linear-gradient(180deg,var(--brand-anchor-600) 0%,var(--brand-anchor-800) 100%)}.btn[data-variant=primary][data-color=primary]:active:before,.btn[data-variant=primary][data-color=global]:active:before,.btn[data-variant=filled][data-color=primary]:active:before,.btn[data-variant=filled][data-color=global]:active:before{background:linear-gradient(180deg,var(--brand-anchor-700) 0%,var(--brand-anchor-800) 100%)}.btn[data-variant=primary][data-color=local]:before,.btn[data-variant=filled][data-color=local]:before{background:linear-gradient(180deg,var(--neutral-850) 0%,var(--neutral-900) 100%)}.btn[data-variant=primary][data-color=local]:hover:before,.btn[data-variant=filled][data-color=local]:hover:before{background:var(--neutral-900)}.btn[data-variant=primary][data-color=local]:active:before,.btn[data-variant=filled][data-color=local]:active:before{background:var(--neutral-900)}.btn[data-variant=primary],.btn[data-variant=filled]{color:var(--neutral-000);text-shadow:0 1px 2px rgba(var(--neutral-950-rgb),.1)}.btn[data-variant=primary]:before,.btn[data-variant=filled]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,var(--color-base) 0%,var(--color-burnt) 100%)}.btn[data-variant=primary]:hover,.btn[data-variant=filled]:hover{transform:translateY(-1px)}.btn[data-variant=primary]:hover:before,.btn[data-variant=filled]:hover:before{background:linear-gradient(180deg,var(--color-hover) 0%,var(--color-hover-burnt) 100%)}.btn[data-variant=primary]:active,.btn[data-variant=filled]:active{transform:translateY(0)}.btn[data-variant=primary]:active:before,.btn[data-variant=filled]:active:before{background:linear-gradient(180deg,var(--color-active) 0%,var(--color-active-burnt) 100%)}:where([data-theme=dark]) .btn[data-variant=primary][data-color=local],:where([data-theme=dark]) .btn[data-variant=filled][data-color=local]{color:var(--neutral-950);text-shadow:none}:where([data-theme=dark]) .btn[data-variant=primary][data-color=local]:before,:where([data-theme=dark]) .btn[data-variant=filled][data-color=local]:before{background:linear-gradient(180deg,var(--neutral-000) 0%,var(--neutral-050) 100%)}:where([data-theme=dark]) .btn[data-variant=primary][data-color=local]:hover:before,:where([data-theme=dark]) .btn[data-variant=filled][data-color=local]:hover:before{background:var(--neutral-050)}:where([data-theme=dark]) .btn[data-variant=primary][data-color=local]:active:before,:where([data-theme=dark]) .btn[data-variant=filled][data-color=local]:active:before{background:var(--neutral-100)}.btn[data-variant=secondary],.btn[data-variant=outline]{background:transparent;color:var(--color-base);position:relative}.btn[data-variant=secondary]:before,.btn[data-variant=outline]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;border:1px solid var(--color-secondary);transition:border-color .2s ease}.btn[data-variant=secondary]:hover,.btn[data-variant=outline]:hover{color:var(--color-hover);transform:translateY(-1px)}.btn[data-variant=secondary]:hover:before,.btn[data-variant=outline]:hover:before{border-color:var(--color-hover)}.btn[data-variant=secondary]:active,.btn[data-variant=outline]:active{background:transparent;color:var(--color-active);transform:translateY(0)}.btn[data-variant=secondary]:active:before,.btn[data-variant=outline]:active:before{border:1px solid var(--color-active)}.btn[data-variant=secondary][data-color=local],.btn[data-variant=outline][data-color=local],.btn[data-variant=tertiary][data-color=local],.btn[data-variant=ghost][data-color=local],.btn[data-variant=icon][data-color=local],.btn[data-variant=icon][data-color=secondary],.btn[data-variant=icon-bright][data-color=local],.btn[data-variant=icon-bright][data-color=secondary],.btn[data-variant=icon-local][data-color=local],.btn[data-variant=icon-secondary][data-color=local]{--color-base: var(--text-primary);--color-burnt: var(--text-primary);--color-hover: var(--text-primary);--color-hover-burnt: var(--text-primary);--color-active: var(--text-primary);--color-active-burnt: var(--text-primary)}.btn[data-variant=tertiary],.btn[data-variant=ghost]{background:transparent;color:var(--color-base);position:relative}.btn[data-variant=tertiary]:hover,.btn[data-variant=ghost]:hover{background:color-mix(in srgb,var(--color-base) 8%,transparent);color:var(--color-hover);transform:translateY(-1px)}.btn[data-variant=tertiary]:active,.btn[data-variant=ghost]:active{background:color-mix(in srgb,var(--color-base) 12%,transparent);color:var(--color-active);transform:translateY(0)}.btn[data-variant=icon],.btn[data-variant=icon-primary],.btn[data-variant=icon-global]{aspect-ratio:1;box-sizing:border-box;padding:var(--spacing-8);color:var(--neutral-000);text-shadow:0 1px 2px rgba(var(--neutral-950-rgb),.1)}.btn[data-variant=icon][data-size=xs],.btn[data-variant=icon-primary][data-size=xs],.btn[data-variant=icon-global][data-size=xs]{width:28px;height:28px;padding:var(--spacing-8)}.btn[data-variant=icon][data-size=sm],.btn[data-variant=icon-primary][data-size=sm],.btn[data-variant=icon-global][data-size=sm]{width:32px;height:32px;padding:var(--spacing-8)}.btn[data-variant=icon][data-size=md],.btn[data-variant=icon-primary][data-size=md],.btn[data-variant=icon-global][data-size=md]{width:40px;height:40px;padding:var(--spacing-8)}.btn[data-variant=icon][data-size=lg],.btn[data-variant=icon-primary][data-size=lg],.btn[data-variant=icon-global][data-size=lg]{width:48px;height:48px;padding:var(--spacing-8)}.btn[data-variant=icon]>svg,.btn[data-variant=icon-primary]>svg,.btn[data-variant=icon-global]>svg{display:block}.btn[data-variant=icon][data-size=xs]>svg,.btn[data-variant=icon-primary][data-size=xs]>svg,.btn[data-variant=icon-global][data-size=xs]>svg{width:12px;height:12px}.btn[data-variant=icon][data-size=sm]>svg,.btn[data-variant=icon-primary][data-size=sm]>svg,.btn[data-variant=icon-global][data-size=sm]>svg{width:16px;height:16px}.btn[data-variant=icon][data-size=md]>svg,.btn[data-variant=icon-primary][data-size=md]>svg,.btn[data-variant=icon-global][data-size=md]>svg{width:24px;height:24px}.btn[data-variant=icon][data-size=lg]>svg,.btn[data-variant=icon-primary][data-size=lg]>svg,.btn[data-variant=icon-global][data-size=lg]>svg{width:32px;height:32px}.btn[data-variant=icon]:before,.btn[data-variant=icon-primary]:before,.btn[data-variant=icon-global]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,var(--color-base) 0%,var(--color-burnt) 100%)}.btn[data-variant=icon]:hover,.btn[data-variant=icon-primary]:hover,.btn[data-variant=icon-global]:hover{transform:translateY(-1px)}.btn[data-variant=icon]:active,.btn[data-variant=icon-primary]:active,.btn[data-variant=icon-global]:active,.btn[data-variant=icon].active,.btn[data-variant=icon][data-active=true],.btn[data-variant=icon][aria-pressed=true],.btn[data-variant=icon-primary].active,.btn[data-variant=icon-primary][data-active=true],.btn[data-variant=icon-primary][aria-pressed=true],.btn[data-variant=icon-global].active,.btn[data-variant=icon-global][data-active=true],.btn[data-variant=icon-global][aria-pressed=true]{transform:translateY(0)}.btn[data-variant=icon].active:before,.btn[data-variant=icon][data-active=true]:before,.btn[data-variant=icon][aria-pressed=true]:before,.btn[data-variant=icon-primary].active:before,.btn[data-variant=icon-primary][data-active=true]:before,.btn[data-variant=icon-primary][aria-pressed=true]:before,.btn[data-variant=icon-global].active:before,.btn[data-variant=icon-global][data-active=true]:before,.btn[data-variant=icon-global][aria-pressed=true]:before{background:linear-gradient(180deg,var(--color-active) 0%,var(--color-active) 100%)}.btn[data-variant=icon].active:hover,.btn[data-variant=icon][data-active=true]:hover,.btn[data-variant=icon][aria-pressed=true]:hover,.btn[data-variant=icon-primary].active:hover,.btn[data-variant=icon-primary][data-active=true]:hover,.btn[data-variant=icon-primary][aria-pressed=true]:hover,.btn[data-variant=icon-global].active:hover,.btn[data-variant=icon-global][data-active=true]:hover,.btn[data-variant=icon-global][aria-pressed=true]:hover{transform:translateY(-1px)}.btn[data-variant=icon].active:active,.btn[data-variant=icon][data-active=true]:active,.btn[data-variant=icon][aria-pressed=true]:active,.btn[data-variant=icon-primary].active:active,.btn[data-variant=icon-primary][data-active=true]:active,.btn[data-variant=icon-primary][aria-pressed=true]:active,.btn[data-variant=icon-global].active:active,.btn[data-variant=icon-global][data-active=true]:active,.btn[data-variant=icon-global][aria-pressed=true]:active{transform:translateY(0)}.btn[data-variant=icon][data-color=primary]:active:before,.btn[data-variant=icon][data-color=global]:active:before,.btn[data-variant=icon-primary][data-color=primary]:active:before,.btn[data-variant=icon-primary][data-color=global]:active:before,.btn[data-variant=icon-global][data-color=primary]:active:before,.btn[data-variant=icon-global][data-color=global]:active:before{background:var(--brand-anchor-700)}.btn[data-variant=icon][data-color=primary].active:before,.btn[data-variant=icon][data-color=primary][data-active=true]:before,.btn[data-variant=icon][data-color=primary][aria-pressed=true]:before,.btn[data-variant=icon][data-color=global].active:before,.btn[data-variant=icon][data-color=global][data-active=true]:before,.btn[data-variant=icon][data-color=global][aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=primary].active:before,.btn[data-variant=icon-primary][data-color=primary][data-active=true]:before,.btn[data-variant=icon-primary][data-color=primary][aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=global].active:before,.btn[data-variant=icon-primary][data-color=global][data-active=true]:before,.btn[data-variant=icon-primary][data-color=global][aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=primary].active:before,.btn[data-variant=icon-global][data-color=primary][data-active=true]:before,.btn[data-variant=icon-global][data-color=primary][aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=global].active:before,.btn[data-variant=icon-global][data-color=global][data-active=true]:before,.btn[data-variant=icon-global][data-color=global][aria-pressed=true]:before{background:var(--brand-anchor-600)}.btn[data-variant=icon][data-color=primary]:active.active:before,.btn[data-variant=icon][data-color=primary]:active[data-active=true]:before,.btn[data-variant=icon][data-color=primary]:active[aria-pressed=true]:before,.btn[data-variant=icon][data-color=global]:active.active:before,.btn[data-variant=icon][data-color=global]:active[data-active=true]:before,.btn[data-variant=icon][data-color=global]:active[aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=primary]:active.active:before,.btn[data-variant=icon-primary][data-color=primary]:active[data-active=true]:before,.btn[data-variant=icon-primary][data-color=primary]:active[aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=global]:active.active:before,.btn[data-variant=icon-primary][data-color=global]:active[data-active=true]:before,.btn[data-variant=icon-primary][data-color=global]:active[aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=primary]:active.active:before,.btn[data-variant=icon-global][data-color=primary]:active[data-active=true]:before,.btn[data-variant=icon-global][data-color=primary]:active[aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=global]:active.active:before,.btn[data-variant=icon-global][data-color=global]:active[data-active=true]:before,.btn[data-variant=icon-global][data-color=global]:active[aria-pressed=true]:before{background:var(--brand-anchor-700)}.btn[data-variant=icon][data-color=red]:active:before,.btn[data-variant=icon][data-color=danger]:active:before,.btn[data-variant=icon-primary][data-color=red]:active:before,.btn[data-variant=icon-primary][data-color=danger]:active:before,.btn[data-variant=icon-global][data-color=red]:active:before,.btn[data-variant=icon-global][data-color=danger]:active:before{background:var(--red-700)}.btn[data-variant=icon][data-color=red].active:before,.btn[data-variant=icon][data-color=red][data-active=true]:before,.btn[data-variant=icon][data-color=red][aria-pressed=true]:before,.btn[data-variant=icon][data-color=danger].active:before,.btn[data-variant=icon][data-color=danger][data-active=true]:before,.btn[data-variant=icon][data-color=danger][aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=red].active:before,.btn[data-variant=icon-primary][data-color=red][data-active=true]:before,.btn[data-variant=icon-primary][data-color=red][aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=danger].active:before,.btn[data-variant=icon-primary][data-color=danger][data-active=true]:before,.btn[data-variant=icon-primary][data-color=danger][aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=red].active:before,.btn[data-variant=icon-global][data-color=red][data-active=true]:before,.btn[data-variant=icon-global][data-color=red][aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=danger].active:before,.btn[data-variant=icon-global][data-color=danger][data-active=true]:before,.btn[data-variant=icon-global][data-color=danger][aria-pressed=true]:before{background:var(--red-700)}.btn[data-variant=icon][data-color=amber]:active:before,.btn[data-variant=icon-primary][data-color=amber]:active:before,.btn[data-variant=icon-global][data-color=amber]:active:before{background:var(--amber-700)}.btn[data-variant=icon][data-color=amber].active:before,.btn[data-variant=icon][data-color=amber][data-active=true]:before,.btn[data-variant=icon][data-color=amber][aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=amber].active:before,.btn[data-variant=icon-primary][data-color=amber][data-active=true]:before,.btn[data-variant=icon-primary][data-color=amber][aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=amber].active:before,.btn[data-variant=icon-global][data-color=amber][data-active=true]:before,.btn[data-variant=icon-global][data-color=amber][aria-pressed=true]:before{background:var(--amber-700)}.btn[data-variant=icon][data-color=green]:active:before,.btn[data-variant=icon][data-color=success]:active:before,.btn[data-variant=icon-primary][data-color=green]:active:before,.btn[data-variant=icon-primary][data-color=success]:active:before,.btn[data-variant=icon-global][data-color=green]:active:before,.btn[data-variant=icon-global][data-color=success]:active:before{background:var(--green-700)}.btn[data-variant=icon][data-color=green].active:before,.btn[data-variant=icon][data-color=green][data-active=true]:before,.btn[data-variant=icon][data-color=green][aria-pressed=true]:before,.btn[data-variant=icon][data-color=success].active:before,.btn[data-variant=icon][data-color=success][data-active=true]:before,.btn[data-variant=icon][data-color=success][aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=green].active:before,.btn[data-variant=icon-primary][data-color=green][data-active=true]:before,.btn[data-variant=icon-primary][data-color=green][aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=success].active:before,.btn[data-variant=icon-primary][data-color=success][data-active=true]:before,.btn[data-variant=icon-primary][data-color=success][aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=green].active:before,.btn[data-variant=icon-global][data-color=green][data-active=true]:before,.btn[data-variant=icon-global][data-color=green][aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=success].active:before,.btn[data-variant=icon-global][data-color=success][data-active=true]:before,.btn[data-variant=icon-global][data-color=success][aria-pressed=true]:before{background:var(--green-700)}.btn[data-variant=icon][data-color=blue]:active:before,.btn[data-variant=icon][data-color=secondary]:active:before,.btn[data-variant=icon-primary][data-color=blue]:active:before,.btn[data-variant=icon-primary][data-color=secondary]:active:before,.btn[data-variant=icon-global][data-color=blue]:active:before,.btn[data-variant=icon-global][data-color=secondary]:active:before{background:var(--blue-700)}.btn[data-variant=icon][data-color=blue].active:before,.btn[data-variant=icon][data-color=blue][data-active=true]:before,.btn[data-variant=icon][data-color=blue][aria-pressed=true]:before,.btn[data-variant=icon][data-color=secondary].active:before,.btn[data-variant=icon][data-color=secondary][data-active=true]:before,.btn[data-variant=icon][data-color=secondary][aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=blue].active:before,.btn[data-variant=icon-primary][data-color=blue][data-active=true]:before,.btn[data-variant=icon-primary][data-color=blue][aria-pressed=true]:before,.btn[data-variant=icon-primary][data-color=secondary].active:before,.btn[data-variant=icon-primary][data-color=secondary][data-active=true]:before,.btn[data-variant=icon-primary][data-color=secondary][aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=blue].active:before,.btn[data-variant=icon-global][data-color=blue][data-active=true]:before,.btn[data-variant=icon-global][data-color=blue][aria-pressed=true]:before,.btn[data-variant=icon-global][data-color=secondary].active:before,.btn[data-variant=icon-global][data-color=secondary][data-active=true]:before,.btn[data-variant=icon-global][data-color=secondary][aria-pressed=true]:before{background:var(--blue-700)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=primary]:active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=primary]:active.active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=primary]:active[data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=primary]:active[aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=global]:active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=global]:active.active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=global]:active[data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=global]:active[aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=primary]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=primary]:active.active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=primary]:active[data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=primary]:active[aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=global]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=global]:active.active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=global]:active[data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=global]:active[aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=primary]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=primary]:active.active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=primary]:active[data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=primary]:active[aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=global]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=global]:active.active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=global]:active[data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=global]:active[aria-pressed=true]:before{background:var(--brand-anchor-500)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=red]:active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=danger]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=red]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=danger]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=red]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=danger]:active:before{background:var(--red-500)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=red].active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=red][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=red][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=danger].active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=danger][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=danger][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=red].active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=red][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=red][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=danger].active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=danger][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=danger][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=red].active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=red][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=red][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=danger].active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=danger][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=danger][aria-pressed=true]:before{background:var(--red-500)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=amber]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=amber]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=amber]:active:before{background:var(--amber-500)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=amber].active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=amber][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=amber][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=amber].active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=amber][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=amber][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=amber].active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=amber][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=amber][aria-pressed=true]:before{background:var(--amber-500)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=green]:active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=success]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=green]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=success]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=green]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=success]:active:before{background:var(--green-500)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=green].active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=green][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=green][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=success].active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=success][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=success][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=green].active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=green][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=green][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=success].active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=success][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=success][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=green].active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=green][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=green][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=success].active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=success][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=success][aria-pressed=true]:before{background:var(--green-500)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=blue]:active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=secondary]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=blue]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=secondary]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=blue]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=secondary]:active:before{background:var(--blue-500)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=blue].active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=blue][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=blue][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=secondary].active:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=secondary][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon][data-color=secondary][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=blue].active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=blue][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=blue][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=secondary].active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=secondary][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=secondary][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=blue].active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=blue][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=blue][aria-pressed=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=secondary].active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=secondary][data-active=true]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=secondary][aria-pressed=true]:before{background:var(--blue-500)}.btn[data-variant=icon][data-color=local],.btn[data-variant=icon-primary][data-color=local],.btn[data-variant=icon-global][data-color=local]{color:var(--neutral-000);text-shadow:0 1px 2px rgba(var(--neutral-950-rgb),.1)}.btn[data-variant=icon][data-color=local]:before,.btn[data-variant=icon-primary][data-color=local]:before,.btn[data-variant=icon-global][data-color=local]:before{background:linear-gradient(180deg,var(--neutral-850) 0%,var(--neutral-900) 100%)}.btn[data-variant=icon][data-color=local]:hover:before,.btn[data-variant=icon-primary][data-color=local]:hover:before,.btn[data-variant=icon-global][data-color=local]:hover:before{background:var(--neutral-900)}.btn[data-variant=icon][data-color=local]:active:before,.btn[data-variant=icon-primary][data-color=local]:active:before,.btn[data-variant=icon-global][data-color=local]:active:before{background:var(--neutral-900)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=local],:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=local],:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=local]{color:var(--neutral-950);text-shadow:none}:where([data-theme=dark]) .btn[data-variant=icon][data-color=local]:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=local]:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=local]:before{background:linear-gradient(180deg,var(--neutral-000) 0%,var(--neutral-050) 100%)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=local]:hover:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=local]:hover:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=local]:hover:before{background:var(--neutral-050)}:where([data-theme=dark]) .btn[data-variant=icon][data-color=local]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-primary][data-color=local]:active:before,:where([data-theme=dark]) .btn[data-variant=icon-global][data-color=local]:active:before{background:var(--neutral-050)}.btn[data-variant=icon-bright],.btn[data-variant=icon-secondary],.btn[data-variant=icon-local]{aspect-ratio:1;box-sizing:border-box;padding:var(--spacing-8);background:transparent;color:var(--text-secondary);position:relative;text-shadow:none}.btn[data-variant=icon-bright][data-size=xs],.btn[data-variant=icon-secondary][data-size=xs],.btn[data-variant=icon-local][data-size=xs]{width:28px;height:28px;padding:var(--spacing-8)}.btn[data-variant=icon-bright][data-size=sm],.btn[data-variant=icon-secondary][data-size=sm],.btn[data-variant=icon-local][data-size=sm]{width:32px;height:32px;padding:var(--spacing-8)}.btn[data-variant=icon-bright][data-size=md],.btn[data-variant=icon-secondary][data-size=md],.btn[data-variant=icon-local][data-size=md]{width:40px;height:40px;padding:var(--spacing-8)}.btn[data-variant=icon-bright][data-size=lg],.btn[data-variant=icon-secondary][data-size=lg],.btn[data-variant=icon-local][data-size=lg]{width:48px;height:48px;padding:var(--spacing-8)}.btn[data-variant=icon-bright]>svg,.btn[data-variant=icon-secondary]>svg,.btn[data-variant=icon-local]>svg{display:block}.btn[data-variant=icon-bright][data-size=xs]>svg,.btn[data-variant=icon-secondary][data-size=xs]>svg,.btn[data-variant=icon-local][data-size=xs]>svg{width:12px;height:12px}.btn[data-variant=icon-bright][data-size=sm]>svg,.btn[data-variant=icon-secondary][data-size=sm]>svg,.btn[data-variant=icon-local][data-size=sm]>svg{width:16px;height:16px}.btn[data-variant=icon-bright][data-size=md]>svg,.btn[data-variant=icon-secondary][data-size=md]>svg,.btn[data-variant=icon-local][data-size=md]>svg{width:24px;height:24px}.btn[data-variant=icon-bright][data-size=lg]>svg,.btn[data-variant=icon-secondary][data-size=lg]>svg,.btn[data-variant=icon-local][data-size=lg]>svg{width:32px;height:32px}.btn[data-variant=icon-bright]:before,.btn[data-variant=icon-secondary]:before,.btn[data-variant=icon-local]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;transition:all .2s ease}.btn[data-variant=icon-bright]:hover,.btn[data-variant=icon-secondary]:hover,.btn[data-variant=icon-local]:hover{color:var(--text-primary);background:color-mix(in srgb,var(--surface-hover) 50%,transparent);transform:translateY(-1px)}.btn[data-variant=icon-bright]:hover:before,.btn[data-variant=icon-secondary]:hover:before,.btn[data-variant=icon-local]:hover:before{border:0}.btn[data-variant=icon-bright]:active,.btn[data-variant=icon-secondary]:active,.btn[data-variant=icon-local]:active{color:var(--text-primary);background:var(--surface-hover);transform:translateY(0);box-shadow:none}.btn[data-variant=icon-bright]:active:before,.btn[data-variant=icon-secondary]:active:before,.btn[data-variant=icon-local]:active:before{border:0}.btn[data-variant=icon][data-color=local],.btn[data-variant=icon][data-color=secondary],.btn[data-variant=icon-bright][data-color=local],.btn[data-variant=icon-bright][data-color=secondary],.btn[data-variant=icon-local],.btn[data-variant=icon-secondary]{background:transparent!important;color:var(--text-secondary);text-shadow:none}.btn[data-variant=icon][data-color=local]:hover,.btn[data-variant=icon][data-color=secondary]:hover,.btn[data-variant=icon-bright][data-color=local]:hover,.btn[data-variant=icon-bright][data-color=secondary]:hover,.btn[data-variant=icon-local]:hover,.btn[data-variant=icon-secondary]:hover{color:var(--text-secondary);background:color-mix(in srgb,var(--surface-hover) 50%,transparent)!important;transform:translateY(-1px)}.btn[data-variant=icon][data-color=local]:active,.btn[data-variant=icon][data-color=secondary]:active,.btn[data-variant=icon-bright][data-color=local]:active,.btn[data-variant=icon-bright][data-color=secondary]:active,.btn[data-variant=icon-local]:active,.btn[data-variant=icon-secondary]:active{color:var(--color-base);background:var(--surface-hover)!important;transform:translateY(0)}.btn[data-variant=icon][data-color=local].active,.btn[data-variant=icon][data-color=local][data-active=true],.btn[data-variant=icon][data-color=local][aria-pressed=true],.btn[data-variant=icon][data-color=secondary].active,.btn[data-variant=icon][data-color=secondary][data-active=true],.btn[data-variant=icon][data-color=secondary][aria-pressed=true],.btn[data-variant=icon-bright][data-color=local].active,.btn[data-variant=icon-bright][data-color=local][data-active=true],.btn[data-variant=icon-bright][data-color=local][aria-pressed=true],.btn[data-variant=icon-bright][data-color=secondary].active,.btn[data-variant=icon-bright][data-color=secondary][data-active=true],.btn[data-variant=icon-bright][data-color=secondary][aria-pressed=true],.btn[data-variant=icon-local].active,.btn[data-variant=icon-local][data-active=true],.btn[data-variant=icon-local][aria-pressed=true],.btn[data-variant=icon-secondary].active,.btn[data-variant=icon-secondary][data-active=true],.btn[data-variant=icon-secondary][aria-pressed=true]{color:var(--color-base);background:transparent!important;transform:translateY(0)}.btn[data-variant=icon][data-color=local].active:hover,.btn[data-variant=icon][data-color=local][data-active=true]:hover,.btn[data-variant=icon][data-color=local][aria-pressed=true]:hover,.btn[data-variant=icon][data-color=secondary].active:hover,.btn[data-variant=icon][data-color=secondary][data-active=true]:hover,.btn[data-variant=icon][data-color=secondary][aria-pressed=true]:hover,.btn[data-variant=icon-bright][data-color=local].active:hover,.btn[data-variant=icon-bright][data-color=local][data-active=true]:hover,.btn[data-variant=icon-bright][data-color=local][aria-pressed=true]:hover,.btn[data-variant=icon-bright][data-color=secondary].active:hover,.btn[data-variant=icon-bright][data-color=secondary][data-active=true]:hover,.btn[data-variant=icon-bright][data-color=secondary][aria-pressed=true]:hover,.btn[data-variant=icon-local].active:hover,.btn[data-variant=icon-local][data-active=true]:hover,.btn[data-variant=icon-local][aria-pressed=true]:hover,.btn[data-variant=icon-secondary].active:hover,.btn[data-variant=icon-secondary][data-active=true]:hover,.btn[data-variant=icon-secondary][aria-pressed=true]:hover{color:var(--color-base);transform:translateY(-1px)}.btn[data-variant=icon][data-color=local].active:active,.btn[data-variant=icon][data-color=local][data-active=true]:active,.btn[data-variant=icon][data-color=local][aria-pressed=true]:active,.btn[data-variant=icon][data-color=secondary].active:active,.btn[data-variant=icon][data-color=secondary][data-active=true]:active,.btn[data-variant=icon][data-color=secondary][aria-pressed=true]:active,.btn[data-variant=icon-bright][data-color=local].active:active,.btn[data-variant=icon-bright][data-color=local][data-active=true]:active,.btn[data-variant=icon-bright][data-color=local][aria-pressed=true]:active,.btn[data-variant=icon-bright][data-color=secondary].active:active,.btn[data-variant=icon-bright][data-color=secondary][data-active=true]:active,.btn[data-variant=icon-bright][data-color=secondary][aria-pressed=true]:active,.btn[data-variant=icon-local].active:active,.btn[data-variant=icon-local][data-active=true]:active,.btn[data-variant=icon-local][aria-pressed=true]:active,.btn[data-variant=icon-secondary].active:active,.btn[data-variant=icon-secondary][data-active=true]:active,.btn[data-variant=icon-secondary][aria-pressed=true]:active{color:var(--color-base);background:var(--surface-hover)!important;transform:translateY(0)}.btn[data-variant=icon][data-color=local]:before,.btn[data-variant=icon][data-color=secondary]:before,.btn[data-variant=icon-bright][data-color=local]:before,.btn[data-variant=icon-bright][data-color=secondary]:before,.btn[data-variant=icon-local]:before,.btn[data-variant=icon-secondary]:before{background:transparent;border:0}.btn[data-variant=icon][data-color=local]:hover:before,.btn[data-variant=icon][data-color=local]:active:before,.btn[data-variant=icon][data-color=secondary]:hover:before,.btn[data-variant=icon][data-color=secondary]:active:before,.btn[data-variant=icon-bright][data-color=local]:hover:before,.btn[data-variant=icon-bright][data-color=local]:active:before,.btn[data-variant=icon-bright][data-color=secondary]:hover:before,.btn[data-variant=icon-bright][data-color=secondary]:active:before,.btn[data-variant=icon-local]:hover:before,.btn[data-variant=icon-local]:active:before,.btn[data-variant=icon-secondary]:hover:before,.btn[data-variant=icon-secondary]:active:before{background:transparent;border:0}.btn[data-variant=icon][data-color=local]>svg,.btn[data-variant=icon][data-color=secondary]>svg,.btn[data-variant=icon-bright][data-color=local]>svg,.btn[data-variant=icon-bright][data-color=secondary]>svg,.btn[data-variant=icon-local]>svg,.btn[data-variant=icon-secondary]>svg{color:currentColor}.btn:focus{outline:none}.btn:focus-visible{outline:1.75px solid var(--neutral-950);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn__no-scale,.btn__no-scale:hover,.btn__no-scale:active{transform:none!important}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon-placeholder{width:var(--spacing-4);margin:0!important}.btn-icon-left{margin-right:var(--spacing-8)}.btn-icon-right{margin-left:var(--spacing-8)}.btn-content{display:inline-flex;align-items:center}.btn[data-size=sm] .btn-icon-left{margin-right:var(--spacing-6)}.btn[data-size=sm] .btn-icon-right{margin-left:var(--spacing-6)}.btn[data-size=lg] .btn-icon-left{margin-right:var(--spacing-10)}.btn[data-size=lg] .btn-icon-right{margin-left:var(--spacing-10)}.dropdown-btn{background:var(--surface-01);border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);box-sizing:border-box;font-weight:500;font-family:var(--font-primary);line-height:1;cursor:pointer;position:relative;overflow:visible;transition:background-color .15s ease,border-color .15s ease,color .15s ease;outline:none;--color-base: var(--brand-anchor-600);--color-burnt: var(--brand-anchor-700);--color-hover: var(--brand-anchor-600);--color-hover-burnt: var(--brand-anchor-800);--color-active: var(--brand-anchor-700);--color-active-burnt: var(--brand-anchor-800);--dropdown-btn-disabled-overlay: rgba(var(--neutral-000-rgb), .5);color:var(--text-primary)}[data-theme=dark] .dropdown-btn{--dropdown-btn-disabled-overlay: rgba(var(--neutral-950-rgb), .5)}.dropdown-btn:not([data-variant=filled]):before,.dropdown-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.dropdown-btn:not([data-variant=filled]):before{border:1px solid var(--stroke-03);transition:border-color .15s ease}.dropdown-btn:after{display:none}.dropdown-btn[data-size=sm]{height:32px;padding-inline:var(--spacing-12);font-size:var(--size-14)}.dropdown-btn[data-size=md]{height:40px;padding-inline:var(--spacing-12);font-size:var(--size-14)}.dropdown-btn[data-size=lg]{height:48px;padding-inline:var(--spacing-12);font-size:var(--size-14)}.dropdown-btn[data-size=xs]{height:28px;padding-inline:var(--spacing-12);font-size:var(--size-14)}.dropdown-btn[data-rounded=none]{border-radius:0}.dropdown-btn[data-rounded=sm],.dropdown-btn[data-rounded=md],.dropdown-btn[data-rounded=lg]{border-radius:var(--radius-8, .5rem)}.dropdown-btn[data-rounded=full]{border-radius:var(--radius-full)}.dropdown-btn[data-color=primary],.dropdown-btn[data-color=global]{--color-base: var(--brand-anchor-600);--color-burnt: var(--brand-anchor-700);--color-hover: var(--brand-anchor-600);--color-hover-burnt: var(--brand-anchor-800);--color-active: var(--brand-anchor-700);--color-active-burnt: var(--brand-anchor-800)}.dropdown-btn[data-color=red],.dropdown-btn[data-color=danger]{--color-base: var(--red-600);--color-burnt: var(--red-700);--color-hover: var(--red-700);--color-hover-burnt: var(--red-800);--color-active: var(--red-700);--color-active-burnt: var(--red-800)}.dropdown-btn[data-color=amber]{--color-base: var(--amber-600);--color-burnt: var(--amber-700);--color-hover: var(--amber-700);--color-hover-burnt: var(--amber-800);--color-active: var(--amber-700);--color-active-burnt: var(--amber-800)}.dropdown-btn[data-color=green],.dropdown-btn[data-color=success]{--color-base: var(--green-600);--color-burnt: var(--green-700);--color-hover: var(--green-700);--color-hover-burnt: var(--green-800);--color-active: var(--green-700);--color-active-burnt: var(--green-800)}.dropdown-btn[data-color=blue],.dropdown-btn[data-color=secondary]{--color-base: var(--blue-600);--color-burnt: var(--blue-700);--color-hover: var(--blue-700);--color-hover-burnt: var(--blue-800);--color-active: var(--blue-700);--color-active-burnt: var(--blue-800)}.dropdown-btn[data-placeholder=true]{color:var(--text-secondary)}.dropdown-btn[data-level="1"]:not([data-variant=filled]){background:var(--surface-02)}.dropdown-btn:not([data-variant=filled]):hover:before,.dropdown-btn:not([data-variant=filled])[data-open=true]:before{border-color:var(--text-secondary)}.dropdown-btn:not([data-variant=filled]):active:before,.dropdown-btn:not([data-variant=filled])[data-open=true]:before{border-color:var(--brand-anchor-600)}.dropdown-btn[data-variant=filled]{background:transparent;color:#fff;isolation:isolate;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dropdown-btn[data-variant=filled]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,var(--color-base) 0%,var(--color-burnt) 100%)}.dropdown-btn[data-variant=filled]:hover:before{background:linear-gradient(180deg,var(--color-hover) 0%,var(--color-hover-burnt) 100%)}.dropdown-btn[data-variant=filled]:active:before{background:linear-gradient(180deg,var(--color-active) 0%,var(--color-active-burnt) 100%)}.dropdown-btn:focus{outline:none;box-shadow:none}.dropdown-btn:focus:not(:focus-visible){outline:none;box-shadow:none}.dropdown-btn:focus-visible:not(:hover){outline:1.75px solid var(--neutral-950);outline-offset:2px}.dropdown-btn:disabled{cursor:not-allowed;color:var(--text-disabled)}.dropdown-btn:disabled:after{display:block;background:var(--dropdown-btn-disabled-overlay)}.dropdown-btn:disabled:before{border-color:var(--text-disabled)}.dropdown-btn__content{flex:1;display:flex;align-items:center;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1;font-size:var(--size-14)}.dropdown-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-btn__icon-placeholder{width:var(--spacing-4);margin:0!important}.dropdown-btn__icon-left{margin-right:var(--spacing-8)}.dropdown-btn__icon-right{margin-left:var(--spacing-8)}.dropdown-btn__chevron{flex-shrink:0;transition:transform .2s ease}.hfui-segmented-button{--segmented-inner-shadow: inset 0 1px 2px rgba(var(--neutral-950-rgb), .08), inset 0 1px 2px rgba(var(--neutral-950-rgb), .08);display:flex;background:var(--surface-02);border-radius:8px;padding:4px;box-shadow:var(--segmented-inner-shadow)}[data-theme=dark] .hfui-segmented-button{--segmented-inner-shadow: inset 0 1px 2px rgba(var(--neutral-950-rgb), .24), inset 0 1px 2px rgba(var(--neutral-950-rgb), .24)}.hfui-segmented-button--disabled{opacity:.5;pointer-events:none}.hfui-segmented-button--sm .hfui-segmented-button__option{padding:4px 8px;font-size:12px}.hfui-segmented-button--md .hfui-segmented-button__option{padding:8px 12px;font-size:13px}.hfui-segmented-button--lg .hfui-segmented-button__option{padding:10px 16px;font-size:14px}.hfui-segmented-button__option{display:inline-flex;align-items:center;justify-content:center;flex:1;background:transparent;border:none;border-radius:6px;font-weight:500;line-height:1.35;color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.hfui-segmented-button__option:focus{outline:none}.hfui-segmented-button__option:focus-visible{outline:2px solid var(--brand-anchor-600);outline-offset:-2px}.hfui-segmented-button__option:hover:not(.hfui-segmented-button__option--active){background:var(--surface-04);color:var(--text-secondary)}.hfui-segmented-button--default .hfui-segmented-button__option--active{background:var(--surface-00);color:var(--brand-anchor-600);box-shadow:var(--elevation-2)}.hfui-segmented-button--default .hfui-segmented-button__option--active:hover{background:var(--surface-03);color:var(--brand-anchor-600)}.hfui-segmented-button--filled .hfui-segmented-button__option{position:relative;z-index:0}.hfui-segmented-button--filled .hfui-segmented-button__option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:linear-gradient(180deg,var(--brand-anchor-600) 0%,var(--brand-anchor-700) 100%);opacity:0;transition:opacity .2s ease;z-index:-1}.hfui-segmented-button--filled .hfui-segmented-button__option--active:before{opacity:1}.hfui-segmented-button--filled .hfui-segmented-button__option--active{color:var(--neutral-000);box-shadow:var(--elevation-2)}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute!important;box-sizing:border-box;padding:var(--spacing-12) var(--spacing-16);font-size:var(--tooltip-font-size);font-family:var(--font-primary);font-weight:300;color:var(--tooltip-color);background-color:var(--tooltip-bg);border-radius:var(--radius-4);line-height:var(--lh-standard);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:50;width:var(--tooltip-max-width, auto);white-space:nowrap;backdrop-filter:blur(var(--tooltip-blur, 0));-webkit-backdrop-filter:blur(var(--tooltip-blur, 0));box-shadow:var(--tooltip-shadow, var(--elevation-5))}.tooltip[style*=--tooltip-max-width]{white-space:normal;overflow-wrap:break-word}.tooltip-container:hover .tooltip,.tooltip--open{opacity:1;transition-delay:var(--tooltip-delay)}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-2)}.tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:var(--spacing-2)}.tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--spacing-2)}.tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-2)}.tooltip--floating.tooltip--top,.tooltip--floating.tooltip--bottom,.tooltip--floating.tooltip--left,.tooltip--floating.tooltip--right{top:auto;bottom:auto;left:auto;right:auto;margin:0;transform:none}.tooltip__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.tooltip--top .tooltip__arrow{left:50%;transform:translate(-50%);top:100%;border-width:var(--spacing-4) var(--spacing-4) 0 var(--spacing-4);border-top-color:var(--tooltip-bg)}.tooltip--bottom .tooltip__arrow{left:50%;transform:translate(-50%);bottom:100%;border-width:0 var(--spacing-4) var(--spacing-4) var(--spacing-4);border-bottom-color:var(--tooltip-bg)}.tooltip--left .tooltip__arrow{top:50%;transform:translateY(-50%);left:100%;border-width:var(--spacing-4) 0 var(--spacing-4) var(--spacing-4);border-left-color:var(--tooltip-bg)}.tooltip--right .tooltip__arrow{top:50%;transform:translateY(-50%);right:100%;border-width:var(--spacing-4) var(--spacing-4) var(--spacing-4) 0;border-right-color:var(--tooltip-bg)}:root{--transition-form: .08s ease}.context-menu{position:absolute;background:var(--surface-00);border:1px solid var(--stroke-01);border-radius:var(--radius-4);box-shadow:var(--elevation-4);padding-block:0;padding-inline:var(--spacing-4);min-width:200px;z-index:1000;-webkit-user-select:none;user-select:none;animation:contextMenuFadeIn var(--transition-form) ease-out;--menu-depth: 0;z-index:calc(1000 + var(--menu-depth));display:flex;flex-direction:column}.context-menu-portal .context-menu{position:static}.context-menu-portal[data-placement=top] .context-menu{animation:contextMenuFadeInFlipped var(--transition-form) ease-out}@keyframes contextMenuFadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes contextMenuFadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes contextMenuFadeInLeft{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes contextMenuFadeInRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes contextMenuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes contextMenuFadeInFlipped{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.context-menu-content{display:flex;flex-direction:column;background:var(--surface-00);border:1px solid var(--stroke-01);border-radius:var(--radius-4);box-shadow:var(--elevation-4);padding-block:0;padding-inline:var(--spacing-4);min-width:200px;max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden}.context-menu-portal .context-menu-content,.context-menu-portal[data-placement=bottom] .context-menu-content{animation:contextMenuFadeInDown .15s ease-out}.context-menu-portal[data-placement=top] .context-menu-content{animation:contextMenuFadeInUp .15s ease-out}.context-menu-portal[data-placement=left] .context-menu-content{animation:contextMenuFadeInLeft .15s ease-out}.context-menu-portal[data-placement=right] .context-menu-content{animation:contextMenuFadeInRight .15s ease-out}.context-menu-content[data-placement=top] .context-menu-flyout,.context-menu-portal[data-placement=top] .context-menu-flyout{flex-direction:column;bottom:0;top:auto}.context-menu-item{display:block;width:calc(100% + (var(--spacing-4) * 2));margin-inline:calc(var(--spacing-4) * -1);box-sizing:border-box;background:none;border:none;text-align:left;cursor:pointer;border-radius:0;font-family:var(--font-primary);font-size:var(--size-14);line-height:var(--lh-standard);color:var(--text-primary);padding-block:var(--spacing-4);padding-inline:var(--spacing-8);transition:background-color var(--transition-form),color var(--transition-form);position:relative}.context-menu-item:hover:not(:disabled):not(.is-flyout-active){background:var(--surface-hover);color:var(--text-primary)}.context-menu-item:hover:active:not(:disabled),.context-menu-item:active:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.context-menu-item:disabled{opacity:.4;cursor:not-allowed}.context-menu-item:focus{outline:none}.context-menu-item:first-child{border-top-left-radius:var(--radius-4);border-top-right-radius:var(--radius-4)}.context-menu-item:last-child{border-bottom-left-radius:var(--radius-4);border-bottom-right-radius:var(--radius-4)}.context-menu-item:only-of-type{border-radius:var(--radius-4)}.context-menu-item[data-focused=true]:not(:hover):not(.is-flyout-active):not(:disabled){background:var(--surface-hover);outline:2px solid var(--stroke-04);outline-offset:-2px}.context-menu-item[data-focused=true]:hover:not(:disabled):not(.is-flyout-active){background:var(--surface-hover);color:var(--text-primary);outline:none}.context-menu-item[data-focused=true]:hover:not(:disabled):not(.is-flyout-active) .context-menu-item__subtitle-inline,.context-menu-item[data-focused=true]:hover:not(:disabled):not(.is-flyout-active) .context-menu-item__subtitle-below,.context-menu-item[data-focused=true]:hover:not(:disabled):not(.is-flyout-active) .context-menu-item__icon{color:var(--text-primary)}.context-menu-item[data-focused=true]:active:not(:disabled):not(.is-flyout-active){background:var(--surface-hover);color:var(--text-primary);outline:none}.context-menu-item[data-focused=true]:active:not(:disabled):not(.is-flyout-active) .context-menu-item__subtitle-inline,.context-menu-item[data-focused=true]:active:not(:disabled):not(.is-flyout-active) .context-menu-item__subtitle-below,.context-menu-item[data-focused=true]:active:not(:disabled):not(.is-flyout-active) .context-menu-item__icon{color:var(--text-primary)}.context-menu-item.is-flyout-active:not(:disabled){background:var(--surface-hover)!important;color:var(--text-primary)!important;outline:none!important}.context-menu-item.is-flyout-active:not(:disabled) .context-menu-item__subtitle-inline,.context-menu-item.is-flyout-active:not(:disabled) .context-menu-item__subtitle-below,.context-menu-item.is-flyout-active:not(:disabled) .context-menu-item__icon{color:var(--text-primary)!important}.context-menu-item__content{display:flex;flex-direction:column}.context-menu-item__row{display:flex;align-items:center;gap:var(--spacing-2);position:relative;padding-right:var(--spacing-20)}.context-menu-item[data-icon=none] .context-menu-item__row{padding-right:0}.context-menu-item__label{font-weight:500;font-size:var(--size-14);line-height:var(--lh-standard);font-family:var(--font-primary);color:var(--text-primary);flex:1;display:flex;align-items:center}.context-menu-item__subtitle-inline{font-size:var(--size-12);font-weight:300;line-height:var(--lh-standard);color:var(--text-secondary);white-space:nowrap;transition:color var(--transition-form)}.context-menu-item__icon{position:absolute;right:0;top:calc(50% + 1px);transform:translateY(-50%) translate(25%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:100%;transition:color var(--transition-form);pointer-events:none}.context-menu-item__subtitle-below{font-size:var(--size-12);font-weight:300;color:var(--text-secondary);line-height:var(--lh-standard);margin-top:var(--spacing-1);transition:color var(--transition-form)}.context-menu-item:active:not(:disabled) .context-menu-item__subtitle-inline,.context-menu-item:active:not(:disabled) .context-menu-item__subtitle-below,.context-menu-item:active:not(:disabled) .context-menu-item__icon{color:var(--neutral-000)}.context-menu-item:active:not(:disabled) .context-menu-item__label,.context-menu-item[data-pressed=true]:not(:disabled) .context-menu-item__label,.context-menu-item:active:not(:disabled) .context-menu-item__subtitle-inline,.context-menu-item:active:not(:disabled) .context-menu-item__subtitle-below,.context-menu-item[data-pressed=true]:not(:disabled) .context-menu-item__subtitle-inline,.context-menu-item[data-pressed=true]:not(:disabled) .context-menu-item__subtitle-below,.context-menu-item:active:not(:disabled) .context-menu-item__icon,.context-menu-item[data-pressed=true]:not(:disabled) .context-menu-item__icon{color:var(--neutral-000)}.context-menu-item[data-icon=none] .context-menu-item__icon{display:none}.context-menu-label{padding:var(--spacing-4);font-size:var(--size-12);font-weight:300;text-transform:capitalize;color:var(--text-secondary);letter-spacing:0;-webkit-user-select:none;user-select:none}.context-menu-flyout-wrapper{position:relative}.context-menu-flyout{position:absolute;left:100%;top:calc(var(--spacing-1) * -1);margin-left:var(--spacing-2);background:var(--surface-00);border:1px solid var(--stroke-01);border-radius:var(--radius-4);box-shadow:var(--elevation-4);padding-block:0;padding-inline:var(--spacing-4);min-width:180px;z-index:1001;animation:flyoutSlideIn .15s ease-out;display:flex;flex-direction:column}.context-menu-flyout.is-closing{pointer-events:none;animation:flyoutSlideOut .15s ease-in forwards}.context-menu-flyout:before{content:"";position:absolute;right:100%;top:0;bottom:0;width:var(--spacing-2);background:transparent;pointer-events:auto}@keyframes flyoutSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes flyoutSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}.context-menu-item:active:not(:disabled),.context-menu-item[data-pressed=true]:not(:disabled){background:var(--pink-600)!important;color:var(--neutral-000)}.context-menu-item:active:not(:disabled) .context-menu-item__subtitle-inline,.context-menu-item:active:not(:disabled) .context-menu-item__subtitle-below,.context-menu-item:active:not(:disabled) .context-menu-item__icon,.context-menu-item[data-pressed=true]:not(:disabled) .context-menu-item__subtitle-inline,.context-menu-item[data-pressed=true]:not(:disabled) .context-menu-item__subtitle-below,.context-menu-item[data-pressed=true]:not(:disabled) .context-menu-item__icon{color:var(--neutral-000)}.context-menu-item.is-flyout-active:active:not(:disabled) .context-menu-item__icon,.context-menu-item.is-flyout-active[data-pressed=true]:not(:disabled) .context-menu-item__icon{color:var(--neutral-000)!important}.divider-v{width:1px;height:100%;background:var(--divider-color, var(--stroke-03));margin:var(--spacing-1) var(--spacing-1)}.divider-h{width:100%;height:1px;background:var(--divider-color, var(--stroke-03));margin:var(--spacing-1) var(--spacing-1)}.hfui-color-editor{display:grid;gap:var(--spacing-8);min-width:0;padding:var(--spacing-12);border:1px solid var(--stroke-02);border-radius:var(--radius-8);background:var(--surface-01)}.hfui-color-editor__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-10)}.hfui-color-editor__header h3,.hfui-color-editor__header p{margin:0}.hfui-color-editor__heading{min-width:0}.hfui-color-editor__header p{margin-top:var(--spacing-4);color:var(--text-secondary)}.hfui-color-editor__target{position:relative;min-width:0}.hfui-color-editor__target-trigger{display:inline-flex;align-items:center;gap:var(--spacing-6);max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.hfui-color-editor__target-value,.hfui-color-editor__target-static{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hfui-color-editor__target-value{color:var(--text-primary)}.hfui-color-editor__target-static{display:inline-flex;align-items:center;gap:var(--spacing-6)}.hfui-color-editor__chevron{flex:0 0 auto;color:var(--text-tertiary);transition:transform .2s ease}.hfui-color-editor__target-trigger[aria-expanded=true] .hfui-color-editor__chevron{transform:rotate(90deg)}.hfui-color-editor__target-dot{width:var(--size-12);height:var(--size-12);flex:0 0 auto;border:1px solid color-mix(in srgb,var(--stroke-02) 70%,transparent);border-radius:var(--radius-4)}.hfui-color-editor__items{display:grid;gap:var(--spacing-8);min-width:0}.hfui-color-editor__item{display:grid;gap:var(--spacing-8);width:100%;min-width:0;box-sizing:border-box;padding:var(--spacing-10);border:1px solid var(--stroke-02);border-radius:var(--radius-8);background:var(--surface-00);box-shadow:var(--elevation-2)}.hfui-color-editor__identity,.hfui-color-editor__controls{display:flex;align-items:center;gap:var(--spacing-8);min-width:0}.hfui-color-editor__controls{justify-content:space-between}.hfui-color-editor__sample{width:var(--size-18);height:var(--size-18);flex:0 0 auto;border:1px solid color-mix(in srgb,var(--stroke-02) 70%,transparent);border-radius:var(--radius-4);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-00) 28%,transparent)}.hfui-color-editor__copy{min-width:0;display:grid;gap:var(--spacing-2);color:var(--text-primary)}.hfui-color-editor__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hfui-color-editor__copy .body-12{color:var(--text-secondary)}.hfui-color-editor__native{width:var(--size-32);height:var(--size-28);display:inline-grid;place-items:center;overflow:hidden;border:1px solid var(--stroke-02);border-radius:var(--radius-6);background:var(--surface-01);cursor:pointer}.hfui-color-editor__native input{width:var(--spacing-48);height:var(--size-40);padding:0;border:0;background:transparent;cursor:pointer}.hfui-color-editor__swatches{display:grid;width:100%;max-width:100%;box-sizing:border-box;margin:calc(var(--spacing-4) * -1);padding:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(var(--size-28),1fr));column-gap:calc(var(--spacing-4) * -1);row-gap:var(--spacing-6);min-width:0;overflow:hidden}.hfui-color-editor__swatch{width:100%;min-width:0;box-sizing:border-box;aspect-ratio:1;min-height:var(--size-18);padding:0;border:1px solid color-mix(in srgb,var(--stroke-02) 70%,transparent);border-radius:var(--radius-4);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hfui-color-editor__swatch:hover{border-color:var(--brand-anchor-600);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-anchor-600) 16%,transparent);transform:translateY(-1px)}.hfui-color-editor__swatch:disabled,.hfui-color-editor__native input:disabled{cursor:not-allowed;opacity:.55}.hfui-color-editor__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-bar-floating{display:flex;align-items:center;background:var(--surface-00);border:1px solid var(--stroke-03);border-radius:8px;height:36px;padding:3px 12px;gap:8px;transition:all .2s ease;box-sizing:border-box;width:100%}.search-bar-floating:focus-within{border-color:var(--brand-anchor-600);background-color:var(--surface-00);box-shadow:var(--elevation-2)}.search-bar-floating input{border:none;background:transparent;outline:none;width:100%;font-family:var(--font-primary);font-size:14px;color:var(--text-primary)}.search-bar-floating input::placeholder{color:var(--text-tertiary)}.search-icon{color:var(--text-tertiary);display:flex;align-items:center;flex-shrink:0}.search-bar-floating.sm{height:32px;padding:2px 8px;border-radius:6px}.search-bar-floating.sm input{font-size:13px}.search-bar-floating.sm .search-icon svg{width:14px;height:14px}.search-bar-floating.md{height:36px;padding:3px 12px}.search-bar-floating.lg{height:44px;padding:4px 16px;border-radius:10px}.search-bar-floating.lg input{font-size:16px}.search-bar-floating.lg .search-icon svg{width:20px;height:20px}.search-bar-floating--pill{border-radius:var(--radius-full)}.search-bar-floating--level-1{background:var(--surface-02)}.search-bar-floating--level-1:focus-within{background-color:var(--surface-02)}.hfui-tab-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-4);border:0;border-bottom:3px solid transparent;border-radius:var(--radius-2) var(--radius-2) 0 0;background:transparent;color:var(--text-secondary);font-family:var(--font-primary);font-weight:500;line-height:var(--lh-standard);cursor:pointer;transition:color var(--transition-form),border-color var(--transition-form),background-color var(--transition-form)}.hfui-tab-button:hover:not(:disabled),.hfui-tab-button.is-active{color:var(--pink-600);border-bottom-color:var(--pink-600)}.hfui-tab-button:focus{outline:none}.hfui-tab-button:focus-visible{outline:2px solid var(--stroke-04);outline-offset:2px}.hfui-tab-button:disabled{cursor:not-allowed;opacity:.45}.hfui-tab-button--sm{padding:var(--spacing-8) var(--spacing-12);font-size:var(--size-12)}.hfui-tab-button--md{padding:var(--spacing-10) var(--spacing-16);font-size:var(--size-14)}.hfui-tab-button--lg{padding:var(--spacing-12) var(--spacing-20);font-size:var(--size-18)}.hfui-tab-button__icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.hfui-form-field{margin-bottom:24px;color:var(--text-primary)}.hfui-form-field label{display:block;min-height:19px;padding-bottom:8px;font-size:14px;font-weight:400;line-height:19px;color:var(--text-secondary)}.hfui-form-field label.input-label-right{display:inline-block;margin-left:3px;padding-bottom:unset}.hfui-form-field input,.hfui-form-field textarea{box-sizing:border-box;transition:all .2s ease}.hfui-form-field input[type=text],.hfui-form-field input[type=email],.hfui-form-field input[type=password],.hfui-form-field input[type=number],.hfui-form-field input[type=search],.hfui-form-field input[type=tel],.hfui-form-field input[type=url],.hfui-form-field textarea{width:100%;height:40px;padding:10px 12px;border:1px solid var(--stroke-03);border-radius:8px;background:var(--surface-01);font-size:14px;font-weight:400;color:var(--text-primary)}.hfui-form-field input[type=text]::placeholder,.hfui-form-field input[type=email]::placeholder,.hfui-form-field input[type=password]::placeholder,.hfui-form-field input[type=number]::placeholder,.hfui-form-field input[type=search]::placeholder,.hfui-form-field input[type=tel]::placeholder,.hfui-form-field input[type=url]::placeholder,.hfui-form-field textarea::placeholder{color:var(--text-tertiary)}.hfui-form-field input[type=text]:hover,.hfui-form-field input[type=email]:hover,.hfui-form-field input[type=password]:hover,.hfui-form-field input[type=number]:hover,.hfui-form-field input[type=search]:hover,.hfui-form-field input[type=tel]:hover,.hfui-form-field input[type=url]:hover,.hfui-form-field textarea:hover{border-color:var(--text-secondary)}.hfui-form-field input[type=text]:active,.hfui-form-field input[type=email]:active,.hfui-form-field input[type=password]:active,.hfui-form-field input[type=number]:active,.hfui-form-field input[type=search]:active,.hfui-form-field input[type=tel]:active,.hfui-form-field input[type=url]:active,.hfui-form-field textarea:active{border-color:var(--brand-anchor-600)}.hfui-form-field input[type=text]:focus,.hfui-form-field input[type=email]:focus,.hfui-form-field input[type=password]:focus,.hfui-form-field input[type=number]:focus,.hfui-form-field input[type=search]:focus,.hfui-form-field input[type=tel]:focus,.hfui-form-field input[type=url]:focus,.hfui-form-field textarea:focus{outline:none;border-color:var(--brand-anchor-600)}.hfui-form-field input[type=text]:invalid,.hfui-form-field input[type=email]:invalid,.hfui-form-field input[type=password]:invalid,.hfui-form-field input[type=number]:invalid,.hfui-form-field input[type=search]:invalid,.hfui-form-field input[type=tel]:invalid,.hfui-form-field input[type=url]:invalid,.hfui-form-field textarea:invalid{border-color:var(--red-600)}.hfui-form-field input[type=text]:disabled,.hfui-form-field input[type=email]:disabled,.hfui-form-field input[type=password]:disabled,.hfui-form-field input[type=number]:disabled,.hfui-form-field input[type=search]:disabled,.hfui-form-field input[type=tel]:disabled,.hfui-form-field input[type=url]:disabled,.hfui-form-field textarea:disabled{border-color:var(--text-disabled);color:var(--text-disabled);cursor:not-allowed}.hfui-form-field input[type=text]:disabled::placeholder,.hfui-form-field input[type=email]:disabled::placeholder,.hfui-form-field input[type=password]:disabled::placeholder,.hfui-form-field input[type=number]:disabled::placeholder,.hfui-form-field input[type=search]:disabled::placeholder,.hfui-form-field input[type=tel]:disabled::placeholder,.hfui-form-field input[type=url]:disabled::placeholder,.hfui-form-field textarea:disabled::placeholder{color:var(--text-disabled)}.hfui-form-field textarea{height:unset;min-height:56px;resize:vertical;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.hfui-form-field.hfui-textarea-expandable{position:relative}.hfui-form-field.hfui-textarea-expandable .hfui-textarea-expandable__textarea{padding-right:var(--spacing-32);resize:none;overflow:auto;line-height:1.5;field-sizing:content}.hfui-form-field.hfui-textarea-expandable .hfui-textarea-expandable__button-wrap{position:absolute;right:var(--spacing-10);bottom:var(--spacing-10);z-index:1}.hfui-form-field.hfui-textarea-expandable .hfui-textarea-expandable__button{display:inline-flex;align-items:center;justify-content:center;width:var(--spacing-24);height:var(--spacing-24);padding:var(--spacing-4);border:0;border-radius:var(--radius-4);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color .15s ease,background-color .15s ease}.hfui-form-field.hfui-textarea-expandable .hfui-textarea-expandable__button:hover:not(:disabled){background:var(--surface-hover);color:var(--text-secondary)}.hfui-form-field.hfui-textarea-expandable .hfui-textarea-expandable__button:disabled{color:var(--text-disabled);cursor:not-allowed}.hfui-form-field.checkbox-wrapper{display:flex;flex-flow:column wrap;align-items:flex-start;justify-content:flex-start;width:stretch;padding:0;box-sizing:border-box;font-size:14px;font-weight:400;color:var(--text-secondary)}.hfui-form-field.checkbox-wrapper.checkbox-wrapper--control-only{margin:0;width:auto;min-width:20px;flex:0 0 auto}.hfui-form-field.checkbox-wrapper.checkbox-wrapper--control-only .checkbox-label-wrapper.control-only{width:auto;gap:0;padding:0;border-width:0}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;position:relative;margin:0;padding:2px;box-sizing:border-box;border:2px solid transparent;border-radius:4px}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper.connected:focus-within{border:2px solid var(--brand-anchor-600)}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper.connected:hover input{border-color:var(--text-primary)}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper.separate input[type=checkbox]:before{height:calc(100% + 10px);width:calc(100% + 10px);border:2px solid transparent}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper.separate input[type=checkbox]:focus:before,.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper.separate input[type=checkbox]:focus-within:before{border-color:var(--brand-anchor-600)}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper .checkbox-label{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;position:relative;margin:0;padding:0 8px;box-sizing:border-box;font-size:14px;font-weight:400;color:var(--text-primary)}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper .checkbox-label.inside{cursor:pointer}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:20px;height:20px;margin:0;padding:0;box-sizing:border-box;border:1px solid var(--stroke-03);border-radius:4px;background-color:var(--surface-00);outline:none;cursor:pointer}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]:after,.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]:before{content:"";position:absolute;height:inherit;width:inherit;box-sizing:inherit;border-radius:inherit;background-color:transparent}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]:hover{border-color:var(--text-primary)}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]:active{border-color:var(--brand-anchor-600)}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]:focus{border-color:var(--brand-anchor-600);outline:none}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]:focus-visible{border-color:var(--brand-anchor-600);outline:unset}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]:invalid{border-color:var(--red-600)}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]:disabled{color:var(--text-disabled);cursor:not-allowed}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]:checked{border-color:var(--brand-anchor-600);background-color:var(--brand-anchor-600)}.hfui-form-field.checkbox-wrapper .checkbox-label-wrapper input[type=checkbox]:checked:after{background-color:#fff;mask:url("data:image/svg+xml,%3csvg%20width='17'%20height='13'%20viewBox='0%200%2017%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.9912%200.366211L16.3936%201.80273L16.0518%202.15137L6.37305%2012.0654L6.01465%2012.4316L0%206.26562L0.333008%205.91699L1.74023%204.44043L6.01465%208.82324L14.6328%200L14.9912%200.366211Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center center / calc(100% - 4px)}.hfui-form-field.checkbox-wrapper .checkbox-description{margin:0;padding:0 0 0 32px;font-size:12px;font-weight:300}.hfui-form-field.checkbox-wrapper .checkbox-description.justify-right{padding:0 32px 0 0;text-align:right}.hfui-form-field.toggle-wrapper{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:flex-start;width:stretch;padding:0;box-sizing:border-box;font-size:14px;font-weight:400;color:var(--text-secondary)}.hfui-form-field.toggle-wrapper .toggle-details-wrapper{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start;position:relative;margin:0;padding:3px 0;width:stretch;box-sizing:border-box}.hfui-form-field.toggle-wrapper .toggle-details-wrapper .toggle-label{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;position:relative;margin:0;padding:0;box-sizing:border-box;font-size:14px;font-weight:400;color:var(--text-primary)}.hfui-form-field.toggle-wrapper .toggle-details-wrapper .toggle-description{margin:0;padding:5px 0 0;font-size:12px;font-weight:300;color:var(--text-secondary)}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper{display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;position:relative;margin:0;padding:4px;height:stretch}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper.toggle-align-right{align-self:flex-end;order:1}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:42px;height:20px;margin:0;padding:0;box-sizing:border-box;border:1px solid var(--stroke-03);border-radius:21px;background-color:var(--surface-02);outline:none;cursor:pointer}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:after{content:"";position:absolute;height:calc(100% - 4px);width:calc(50% + 4px);box-sizing:inherit;border-radius:inherit;box-shadow:0 4px 8px -2px rgba(var(--neutral-950-rgb),.1);background-color:var(--surface-00);transform:translate(calc(6px - 50%));transition:all .2s ease}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:hover{border-color:var(--text-secondary)}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:active{border-color:var(--brand-anchor-600)}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:focus,.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:focus-visible,.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:focus-within{outline:none}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:focus:before,.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:focus-visible:before,.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:focus-within:before{border-color:var(--brand-anchor-600)}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:invalid{border-color:var(--red-600)}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:disabled{color:var(--text-disabled);cursor:not-allowed}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:before{content:"";position:absolute;height:calc(100% + 10px);width:calc(100% + 10px);box-sizing:inherit;border:2px solid transparent;border-radius:100px;background-color:transparent}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:checked{border-color:var(--brand-anchor-600);background-color:var(--brand-anchor-600)}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:checked:after{transform:translate(calc(50% - 6px))}.hfui-form-field.toggle-wrapper .toggle-switch-wrapper input[type=checkbox]:checked:hover{border-color:var(--brand-anchor-700);background-color:var(--brand-anchor-700)}.hfui-form-field.toggle-wrapper:has(.toggle-switch:disabled){color:var(--text-disabled)}.hfui-form-field.toggle-wrapper:has(.toggle-switch:disabled) .toggle-label,.hfui-form-field.toggle-wrapper:has(.toggle-switch:disabled) .toggle-description{color:var(--text-disabled)}.hfui-form-field .align-right{align-self:flex-end}.hfui-form-field .align-right .checkbox-align-right{order:1}.hfui-form-field input:-webkit-autofill,.hfui-form-field input:-webkit-autofill:hover,.hfui-form-field input:-webkit-autofill:focus,.hfui-form-field input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--surface-01) inset!important;box-shadow:0 0 0 1000px var(--surface-01) inset!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:var(--surface-01)!important;transition:background-color 5000s ease-in-out 0s}@media (max-width: 480px){.hfui-form-field{margin-bottom:16px}.hfui-form-field input,.hfui-form-field textarea{padding:11px 12px}}.file-viewer{flex:1;display:flex;flex-direction:column}.file-viewer-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:4px}.file-viewer-placeholder p{margin:0;font-size:14px}.file-viewer-placeholder-meta{font-size:12px;color:var(--text-tertiary)}.file-viewer-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);gap:12px;padding:40px}.file-viewer-empty p{margin:0;font-size:14px}.grid-view{flex:1;padding:16px;overflow-y:auto}.grid-view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-view-grid.folders-grid{margin-bottom:16px}.grid-view-item{display:flex;flex-direction:column;align-items:flex-start;padding:16px;border-radius:8px;cursor:pointer;border:1px solid var(--stroke-02);transition:all .15s ease;background:var(--surface-00);min-height:100px}.grid-view-item:hover{border-color:var(--stroke-03);background:var(--surface-01)}.grid-view-item.non-selectable{cursor:default;opacity:.6}.grid-view-item.non-selectable:hover{border-color:var(--stroke-02);background:var(--surface-00)}.grid-view-item.selected{border-color:var(--brand-anchor-600);background:var(--surface-00)}.grid-view-item.folder-item{flex-direction:row;align-items:center;gap:12px;min-height:auto;padding:12px 16px}.grid-view-item.folder-item .grid-view-item-icon{margin-bottom:0;height:auto}.grid-view-item.folder-item .grid-view-item-name{-webkit-line-clamp:1}.grid-view-item.file-item .grid-view-item-icon{font-size:40px}.grid-view-item-icon{margin-bottom:12px;line-height:1;display:flex;align-items:center;justify-content:flex-start;height:40px;color:var(--text-secondary)}.grid-view-item.folder-item .grid-view-item-icon{color:var(--text-secondary)}.grid-view-item-name{font-size:13px;color:var(--text-primary);text-align:left;word-break:break-word;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.grid-view-item-meta{font-size:12px;color:var(--text-tertiary);margin-top:4px}.file-icon-placeholder{font-size:32px;line-height:1}.list-view{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.list-view-item{display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:center;padding:16px 20px;border-radius:8px;cursor:pointer;border:1px solid var(--stroke-02);background:var(--surface-00);transition:all .15s ease}.list-view-item.folder-row{grid-template-columns:40px 1fr 80px 110px}.list-view-item:hover{border-color:var(--stroke-03);background:var(--surface-01)}.list-view-item.non-selectable{cursor:default;opacity:.6}.list-view-item.non-selectable:hover{border-color:var(--stroke-02);background:var(--surface-00)}.list-view-item.selected{border-color:var(--brand-anchor-600);background:var(--surface-00)}.list-view-item-icon{font-size:24px;line-height:1;display:flex;align-items:center;justify-content:flex-start;width:32px;height:32px;color:var(--text-secondary)}.list-view-item-name{font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-view-item-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.list-view-item-info .list-view-item-name{margin-bottom:2px}.list-view-item-meta{font-size:12px;color:var(--text-tertiary)}.list-view-item-size,.list-view-item-date{font-size:13px;color:var(--text-tertiary);text-align:right}.tree-view{padding:8px 0}.tree-view-node{-webkit-user-select:none;user-select:none}.tree-view-item{display:flex;align-items:center;gap:4px;padding:6px 8px;cursor:pointer;border-radius:4px;transition:background .15s ease}.tree-view-item:hover{background:var(--surface-02)}.tree-view-item.active{background:var(--surface-03);color:var(--brand-anchor-600)}.tree-view-item.active .tree-view-icon{color:var(--brand-anchor-600)}.tree-view-item.active .tree-view-name{color:var(--brand-anchor-600);font-weight:500}.tree-view-chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-tertiary);transition:transform .15s ease;flex-shrink:0}.tree-view-chevron.expanded{transform:rotate(90deg)}.tree-view-chevron.hidden{visibility:hidden}.tree-view-icon{display:flex;align-items:center;color:var(--text-secondary);flex-shrink:0}.tree-view-name{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb{--bc-text-muted: #6b7280;--bc-text-base: #111827;--bc-text-separator: #9ca3af;--bc-bg-hover: #f3f4f6;--bc-focus-ring: #0891b2;font-size:.875rem}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;gap:.25rem}.breadcrumb-link{background:none;border:none;padding:.25rem .5rem;margin:-.25rem -.5rem;font:inherit;color:var(--bc-text-muted);cursor:pointer;border-radius:4px;transition:background-color .15s,color .15s}.breadcrumb-link:hover{background-color:var(--bc-bg-hover);color:var(--bc-text-base)}.breadcrumb-link:focus-visible{outline:2px solid var(--bc-focus-ring);outline-offset:2px}.breadcrumb-text{color:var(--bc-text-muted);padding:.25rem 0}.breadcrumb-text.current{color:var(--bc-text-base);font-weight:500}.breadcrumb-separator{display:flex;align-items:center;color:var(--bc-text-separator)}.toast-container{position:fixed;bottom:var(--spacing-16);right:var(--spacing-16);z-index:99999;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:var(--spacing-8);pointer-events:none}.toast-layout-item{display:flex;justify-content:flex-end;width:fit-content;max-width:min(680px,calc(100vw - var(--spacing-32)));will-change:transform}.toast{--toast-surface: var(--neutral-600);--toast-stroke: var(--stroke-05-bright);--toast-text: var(--neutral-000);--toast-text-secondary: rgba(var(--neutral-000-rgb), .65);--toast-divider: var(--toast-text-secondary);pointer-events:auto;position:relative;box-sizing:border-box;width:fit-content;min-width:462px;max-width:min(680px,calc(100vw - var(--spacing-32)));background:var(--toast-surface);border:1px solid var(--toast-stroke);border-radius:var(--radius-8);box-shadow:var(--elevation-2);padding:var(--spacing-8);overflow:hidden;animation:toast-enter .3s ease}.toast[data-type=neutral]{--toast-surface: var(--neutral-600)}.toast[data-type=info],.toast[data-type=blue]{--toast-surface: var(--blue-600)}.toast[data-type=warning],.toast[data-type=amber]{--toast-surface: var(--amber-600)}.toast[data-type=brand],.toast[data-type=pink]{--toast-surface: var(--pink-600)}.toast[data-type=error],.toast[data-type=red]{--toast-surface: var(--red-600)}.toast[data-type=success],.toast[data-type=green]{--toast-surface: var(--green-600)}.toast-exit{animation:toast-exit .3s ease forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-content{display:flex;align-items:center;gap:var(--spacing-8);min-height:0}.toast-icon{display:flex;align-items:center;justify-content:center;width:var(--spacing-24);height:var(--spacing-24);color:var(--toast-text);flex-shrink:0}.toast-spinner{display:flex;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-label{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:max-content;max-width:calc(100% - var(--spacing-16));margin-right:var(--spacing-8)}.toast-message{display:block;max-width:100%;color:var(--toast-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-description{display:block;max-width:100%;color:var(--toast-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-progress-text{color:var(--toast-text-secondary);min-width:var(--spacing-36);text-align:right}.toast-dismiss{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-12);width:52px;height:var(--spacing-24);background:none;border:none;margin-left:var(--spacing-4);padding:0 0 0 var(--spacing-12);cursor:pointer;color:var(--toast-text);opacity:1;transition:opacity .2s ease;flex-shrink:0}.toast-dismiss svg{flex:0 0 var(--spacing-24)}.toast-dismiss:hover{opacity:.75}.toast-progress-bar{position:absolute;right:0;bottom:0;left:0;height:var(--spacing-2);background:var(--toast-divider)}.toast-progress-fill{height:100%;background:var(--toast-text);transition:width .2s ease}.url-input{display:flex;flex-direction:column;flex:1;padding:0 24px 16px;overflow-y:auto;align-items:flex-start}.url-input-form{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:24px 0;box-sizing:border-box;gap:12px}.url-input-icon{color:var(--fp-accent)}.url-input-text{font-size:14px;font-weight:400;color:var(--fp-text-base)}.url-input-label{font-size:14px;font-weight:500;color:var(--fp-text-base)}.url-input-field-row{width:100%}.url-input-field{width:100%;padding:8px 12px;border:1px solid var(--fp-border);border-radius:6px;font-size:14px;color:var(--fp-text-base);background:var(--fp-bg-base);outline:none;box-sizing:border-box;transition:border-color .15s ease}.url-input-field:focus{border-color:var(--brand-anchor-600);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-anchor-600) 16%,transparent)}.url-input-field.invalid{border-color:var(--red-600)}.url-input-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--fp-text-base);cursor:pointer;-webkit-user-select:none;user-select:none;align-self:flex-end}.url-input-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--brand-anchor-600);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface-00);border:1.5px solid var(--fp-border);border-radius:3px;display:inline-flex;align-items:center;justify-content:center}.url-input-checkbox-label input[type=checkbox]:checked{background:var(--brand-anchor-600);border-color:var(--brand-anchor-600)}.url-input-checkbox-label input[type=checkbox]:checked:after{content:"";width:4px;height:8px;border:solid var(--neutral-000);border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.file-picker{--fp-bg-base: var(--surface-00);--fp-bg-subtle: var(--surface-01);--fp-bg-hover: var(--surface-02);--fp-bg-selected: var(--surface-03);--fp-border: var(--stroke-02);--fp-border-hover: var(--stroke-03);--fp-text-base: var(--text-primary);--fp-text-body: var(--text-secondary);--fp-text-muted: var(--text-tertiary);--fp-text-placeholder: var(--text-tertiary);--fp-progress-bg: var(--surface-03);--fp-accent: var(--brand-anchor-600);--fp-success: var(--green-600);display:flex;flex-direction:column;height:100%;border:1px solid var(--fp-border);border-radius:8px;background:var(--fp-bg-base);overflow:hidden}.file-picker .icon-wrapper{display:flex}.file-picker-header-row{display:flex;flex-shrink:0}.file-picker .sidebar-header{width:250px;background:var(--fp-bg-subtle);border-right:1px solid var(--fp-border);padding:20px;display:flex;align-items:flex-end;flex-shrink:0;box-sizing:border-box}.file-picker-header{flex:1;display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--fp-border)}.file-picker-header-text{display:flex;flex-direction:column;gap:4px}.file-picker-title{margin:0;font-size:16px;font-weight:500;color:var(--fp-text-base);line-height:1.35}.file-picker-subtitle{margin:0;font-size:14px;font-weight:400;color:var(--fp-text-muted);line-height:1.55}.file-picker-body{display:flex;flex:1;min-height:0}.file-picker-sidebar{width:250px;background:var(--fp-bg-subtle);border-right:1px solid var(--fp-border);padding:16px 12px;flex-shrink:0;box-sizing:border-box}.file-picker-main{flex:1;display:flex;flex-direction:column;min-width:0}.file-picker-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--fp-text-muted);cursor:pointer}.file-picker-close:hover{background:var(--fp-bg-hover);color:var(--fp-text-body)}.file-picker-close:focus{outline:none}.file-picker-close:focus-visible{outline:2px solid var(--brand-anchor-600);outline-offset:2px}.file-picker-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:auto}.file-picker-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;color:var(--fp-text-muted);font-size:14px}.file-picker-loading-more{display:flex;align-items:center;justify-content:center;padding:16px}.file-picker .loading-spinner{width:24px;height:24px;border:2px solid var(--fp-border);border-top-color:var(--fp-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.file-picker-breadcrumb{padding:12px 16px;flex-shrink:0}.file-picker .sidebar-section-title{font-size:14px;font-weight:700;color:var(--fp-text-body);letter-spacing:.05em;margin:0}.file-picker .sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin-bottom:6px;border:2px solid transparent;border-radius:6px;background:transparent;color:var(--fp-text-body);font-size:14px;font-weight:500;cursor:pointer;text-align:left}.file-picker .sidebar-item:hover:not(.active){border-color:transparent}.file-picker .sidebar-item:focus{outline:none;border-color:transparent}.file-picker .sidebar-item:focus-visible{outline:2px solid var(--brand-anchor-600);outline-offset:2px}.file-picker .sidebar-item.active{background:var(--fp-bg-selected);border-color:var(--brand-anchor-600)}.file-picker .sidebar-item.active .sidebar-item-icon{color:var(--brand-anchor-600)}.file-picker .sidebar-item-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.file-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--fp-bg-base);flex-shrink:0}.file-picker-toolbar .search-bar-floating{flex:1;max-width:none}.search-bar-dropdown-container{position:relative;flex:1;max-width:none;min-width:0}.search-bar-dropdown-container .search-bar-floating{max-width:100%}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--fp-bg-base);border:1px solid var(--fp-border);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:320px;overflow-y:auto;z-index:100}.search-dropdown-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--fp-text-muted)}.search-dropdown-results{list-style:none;margin:0;padding:4px}.search-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .15s}.search-dropdown-item:hover,.search-dropdown-item:focus{background:var(--fp-bg-hover);outline:none}.search-dropdown-item-icon{display:flex;color:var(--fp-text-muted);flex-shrink:0}.search-dropdown-item-name{flex:1;font-size:14px;color:var(--fp-text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-item-path{font-size:12px;color:var(--fp-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.file-picker-toolbar-actions{display:flex;align-items:center;gap:12px}.file-picker-toolbar .dropdown-btn:focus-visible{outline:2px solid var(--brand-anchor-600);outline-offset:2px}.file-picker-view-toggle{display:flex}.file-picker-view-option{display:inline-flex;align-items:center;justify-content:center;line-height:0}.file-picker-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--fp-text-placeholder);font-size:14px}.file-picker-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--fp-border);background:var(--fp-bg-base)}.device-upload{display:flex;flex-direction:column;flex:1;width:100%;box-sizing:border-box;padding:0 24px 16px;overflow-y:auto;overflow-x:hidden;align-items:flex-start}.device-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:24px 40px;border:2px dashed var(--brand-anchor-600);border-radius:8px;background:var(--fp-bg-base);box-sizing:border-box}.device-upload-dropzone:hover{background:var(--fp-bg-subtle)}.device-upload-dropzone.dragging{background:color-mix(in srgb,var(--brand-anchor-600) 8%,var(--fp-bg-base))}.device-upload-icon{margin-bottom:12px;color:var(--fp-accent)}.device-upload-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.device-upload-text-primary{font-size:14px;font-weight:400;color:var(--fp-text-base)}.device-upload-link{color:var(--brand-anchor-600);font-weight:500;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-size:inherit}.device-upload-link:hover{color:var(--brand-anchor-700)}.device-upload-hint{font-size:12px;color:var(--fp-text-placeholder);margin-top:4px;text-align:center}.file-picker .no-files-message{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:24px 40px;text-align:center;gap:4px;color:var(--fp-text-placeholder);font-size:14px;width:100%}.upload-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--fp-bg-base);border:1px solid var(--fp-border);border-radius:8px;margin-top:16px;width:100%;box-sizing:border-box}.upload-item.uploading{border:2px solid var(--fp-accent)}.upload-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fp-text-muted)}.file-icon-placeholder{width:32px;height:40px;background:var(--fp-border);border-radius:4px}.upload-item-info{flex:1;min-width:0}.upload-item-name{font-size:14px;font-weight:500;color:var(--fp-text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-item-meta{font-size:12px;color:var(--fp-text-muted);margin-top:2px}.upload-item-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:120px}.upload-progress-row{display:flex;align-items:center;gap:6px}.upload-progress-text{font-size:12px;color:var(--fp-text-muted)}.upload-progress-bar{height:4px;width:200px;background:var(--fp-border);border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--fp-accent);border-radius:2px;transition:width .1s ease}.upload-complete{display:flex;align-items:center;gap:6px;color:var(--fp-success);font-size:12px;font-weight:500}.upload-cancel-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--fp-text-muted);display:flex;align-items:center;justify-content:center}.upload-cancel-btn:hover{color:var(--fp-text-body)}.file-picker .spinner{animation:spin 1s linear infinite}.uploaded-file-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;background:var(--fp-bg-base);border:1px solid var(--fp-border);border-radius:8px;margin-top:16px;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.uploaded-file-card .upload-item-icon{margin-bottom:4px}.uploaded-file-card .upload-item-info{width:100%;min-width:0;overflow:hidden}.uploaded-file-card .upload-item-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.uploaded-file-card .upload-item-meta{font-size:11px}.uploaded-file-card:hover{border-color:var(--fp-border-hover)}.uploaded-file-card.selected{border:2px solid var(--fp-accent);background:var(--fp-bg-base)}.uploaded-file-card.small{padding:12px}.previous-uploads-section{margin-top:24px;width:100%}.previous-uploads-title{font-size:13px;font-weight:400;color:var(--fp-text-base);margin-bottom:12px}.upload-progress-grid{margin-top:16px;padding:0 16px}.upload-progress-grid .grid-view-item{position:relative;border-color:var(--fp-accent);width:140px;min-width:140px;max-width:140px}.upload-progress-grid .grid-view-item-name{font-size:13px;color:var(--fp-text-base);text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-grid .upload-item-status{margin-top:8px;width:100%}.upload-progress-grid .upload-progress-bar{width:100%}.upload-progress-grid .upload-cancel-btn{position:absolute;top:8px;right:8px}.upload-progress-list{margin-top:16px;padding:0 16px}.upload-progress-list .list-view-item{position:relative;border-color:var(--fp-accent);grid-template-columns:40px 1fr auto auto}.upload-progress-list .list-view-item-info{min-width:0;overflow:hidden}.upload-progress-list .list-view-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-list .upload-item-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:120px;flex-shrink:0}.upload-progress-list .upload-progress-bar{width:120px}.upload-progress-list .upload-cancel-btn{flex-shrink:0}.previous-uploads-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.previous-uploads-grid .uploaded-file-card{width:100%;margin-top:0;min-width:0}:root{--hfui-modal-overlay-background: rgba(var(--neutral-950-rgb), .4)}:where([data-theme=dark]){--hfui-modal-overlay-background: rgba(var(--neutral-950-rgb), .8)}.hfui-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--hfui-modal-overlay-background);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-20);opacity:1}.hfui-modal-overlay-opening{animation:hfuiModalOverlayIn .2s ease-out forwards}.hfui-modal-overlay-closing{animation:hfuiModalOverlayOut .2s ease-out forwards}@keyframes hfuiModalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes hfuiModalOverlayOut{0%{opacity:1}to{opacity:0}}.hfui-modal-container{background:var(--surface-00);border:1px solid var(--stroke-02);border-radius:var(--radius-12);box-shadow:var(--elevation-5);width:100%;max-height:calc(100vh - var(--spacing-40));display:flex;flex-direction:column;overflow:hidden;opacity:1;transform:scale(1) translateY(0)}.hfui-modal-container-opening{animation:hfuiModalContainerIn .2s ease-out forwards}.hfui-modal-container-closing{animation:hfuiModalContainerOut .2s ease-out forwards}@keyframes hfuiModalContainerIn{0%{opacity:0;transform:scale(.95) translateY(var(--spacing-10))}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes hfuiModalContainerOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(var(--spacing-10))}}.hfui-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-20) var(--spacing-24) var(--spacing-16);gap:var(--spacing-16)}.hfui-modal-header-content{flex:1;min-width:0}.hfui-modal-title{margin:0;font-size:var(--size-20);font-weight:600;color:var(--text-primary);line-height:var(--lh-standard);font-family:var(--font-primary)}.hfui-modal-subtitle{margin:var(--spacing-4) 0 0;font-size:var(--size-14);color:var(--text-secondary);line-height:var(--lh-loose);font-family:var(--font-primary)}.hfui-modal-close-button{display:flex;align-items:center;justify-content:center;width:var(--spacing-32);height:var(--spacing-32);padding:0;border:none;background:transparent;border-radius:var(--radius-6);cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0}.hfui-modal-close-button:hover{background:var(--surface-hover);color:var(--text-secondary)}.hfui-modal-close-button:active{background:var(--surface-03)}.hfui-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;transition:min-height .2s ease,max-height .2s ease}.hfui-modal-body-padded{padding:var(--spacing-16) var(--spacing-24);overflow-x:hidden}.hfui-modal-container .hfui-form-field.checkbox-wrapper{margin-bottom:0}.hfui-modal-container .hfui-form-field.checkbox-wrapper .checkbox-label-wrapper{padding:0}.hfui-modal-container .hfui-form-field.checkbox-wrapper .checkbox-label{padding:0 0 0 var(--spacing-8);font-size:var(--size-14);line-height:var(--lh-standard)}.hfui-modal-container .hfui-form-field.checkbox-wrapper input[type=checkbox]{width:var(--spacing-16);height:var(--spacing-16)}.hfui-modal-footer{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-24)}.hfui-modal-footer-right{justify-content:flex-end}.hfui-modal-footer-left{justify-content:flex-start}.hfui-modal-footer-center{justify-content:center}.hfui-modal-footer-space-between{justify-content:space-between}.hfui-modal-content-wrapper{position:relative;overflow:hidden;width:100%;transition:height .2s ease}.hfui-modal-content-wrapper>*{overflow:hidden;opacity:1;transform:translate(0)}.hfui-modal-content-exit-left{animation:hfuiSlideOutToLeft .2s ease-in forwards}.hfui-modal-content-exit-right{animation:hfuiSlideOutToRight .2s ease-in forwards}.hfui-modal-content-enter-right{animation:hfuiSlideInFromRight .2s ease-out forwards}.hfui-modal-content-enter-left{animation:hfuiSlideInFromLeft .2s ease-out forwards}@keyframes hfuiSlideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(calc(-1 * var(--spacing-32)));opacity:0}}@keyframes hfuiSlideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(var(--spacing-32));opacity:0}}@keyframes hfuiSlideInFromRight{0%{transform:translate(var(--spacing-32));opacity:0}to{transform:translate(0);opacity:1}}@keyframes hfuiSlideInFromLeft{0%{transform:translate(calc(-1 * var(--spacing-32)));opacity:0}to{transform:translate(0);opacity:1}}.oauth-protocol-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:16px;background:#f3f4f6;border-radius:6px;font-size:13px}.oauth-protocol-label{font-weight:600;color:#1f2937}.oauth-protocol-description{font-weight:400;color:#6b7280}.oauth-modal-providers{display:flex;flex-direction:column;gap:8px}.oauth-modal-pending{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-16);padding:var(--spacing-24);text-align:center;color:var(--text-primary)}.oauth-modal-pending-spinner{color:var(--brand-anchor-600);animation:oauth-modal-pending-spin 1.6s linear infinite}.oauth-modal-pending-copy{display:flex;flex-direction:column;gap:var(--spacing-6)}.oauth-modal-pending-title{font-size:var(--size-14);font-weight:600;color:var(--text-primary)}.oauth-modal-pending-description{font-size:var(--size-13);color:var(--text-secondary)}@keyframes oauth-modal-pending-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.oauth-modal-pending-spinner{animation:none}}.oauth-provider-button{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.oauth-provider-button:hover:not(:disabled):not(.oauth-provider-selected):not(.oauth-provider-disabled):not(:focus){border-color:#d1d5db;background:#fafafa}.oauth-provider-button:focus:not(:disabled):not(.oauth-provider-disabled){border-color:hsl(var(--primary-hue, 320),var(--primary-sat, 80%),var(--primary-light, 45%));background:hsl(var(--primary-hue, 320),var(--primary-sat, 80%),97%);outline:none}.oauth-provider-button:focus:not(:disabled):not(.oauth-provider-disabled) .oauth-provider-description{color:hsl(var(--primary-hue, 320),var(--primary-sat, 80%),var(--primary-light, 45%))}.oauth-provider-button:disabled{opacity:.7;cursor:not-allowed}.oauth-provider-button:disabled:hover,.oauth-provider-button:disabled:focus{border-color:#e5e7eb;background:#fff;outline:none}.oauth-provider-button.oauth-provider-disabled{opacity:.5;background:#f9fafb;border-color:#e5e7eb;cursor:not-allowed}.oauth-provider-button.oauth-provider-disabled:hover{background:#f9fafb;border-color:#e5e7eb}.oauth-provider-button.oauth-provider-disabled .oauth-provider-name{color:#9ca3af}.oauth-provider-button.oauth-provider-disabled .oauth-provider-description{color:#d1d5db}.oauth-provider-badge{display:inline-block;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;background:#e5e7eb;border-radius:4px}.oauth-provider-button.oauth-provider-selected,.oauth-provider-button.oauth-provider-selected:hover{border-color:hsl(var(--primary-hue, 320),var(--primary-sat, 80%),var(--primary-light, 45%));background:hsl(var(--primary-hue, 320),var(--primary-sat, 80%),97%);outline:none}.oauth-provider-button.oauth-provider-selected .oauth-provider-description{color:hsl(var(--primary-hue, 320),var(--primary-sat, 80%),var(--primary-light, 45%))}.oauth-provider-info{display:flex;flex-direction:column;gap:2px}.oauth-provider-name{font-weight:600;color:#1f2937;font-size:14px}.oauth-provider-description{font-size:13px;color:#6b7280}.oauth-form{display:flex;flex-direction:column;gap:16px}.oauth-form-field{display:flex;flex-direction:column;gap:6px}.oauth-form-field label{font-size:13px;font-weight:500;color:#374151}.oauth-form-field input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.oauth-form-field input::placeholder{color:var(--text-tertiary)}.oauth-form-field input:focus{outline:none;border-color:hsl(var(--primary-hue, 320),var(--primary-sat, 80%),var(--primary-light, 45%));box-shadow:0 0 0 3px hsl(var(--primary-hue, 320),var(--primary-sat, 80%),var(--primary-light, 45%),.1)}.oauth-form-field input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.dag-preview{position:relative;display:inline-block;overflow:visible;font-family:DM Sans,system-ui,sans-serif}.dag-preview__viewport{overflow:hidden;position:relative;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 92%,transparent 100%),linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 92%,transparent 100%),linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-composite:intersect}.dag-preview__viewport--dragging{cursor:grabbing}.dag-preview__canvas{transform-origin:0 0;display:inline-block;will-change:transform}.dag-preview__svg{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.dag-preview__edge{fill:none;stroke:var(--stroke-04);stroke-width:1.5;stroke-linejoin:round}.dag-preview__nodes{position:relative}.dag-preview__node-abs{z-index:1}.dag-preview__node{z-index:1;border-radius:6px;padding:6px 12px;text-align:center;cursor:default;transition:box-shadow .15s;border:1px solid transparent;width:120px;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.dag-preview__icon{flex:none;margin-bottom:3px;color:currentColor}.dag-preview__node:hover{box-shadow:var(--elevation-2)}.dag-preview-legend{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid var(--stroke-02);border-radius:var(--radius-8);background:var(--surface-00);width:fit-content}.dag-preview-legend__item{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid transparent;border-radius:var(--radius-8);font-size:.75rem;line-height:1.35}.dag-preview-legend__item .dag-preview__icon{margin-bottom:0}.dag-preview__node--start,.dag-preview__node--service{background:var(--surface-01);border-color:var(--stroke-03);color:var(--text-primary)}.dag-preview__node--action{background:color-mix(in srgb,var(--teal-100) 56%,var(--surface-00));border-color:var(--teal-600);color:var(--teal-700)}.dag-preview__node--new{background:color-mix(in srgb,var(--brand-anchor-600) 10%,var(--surface-00));border-color:var(--brand-anchor-600);color:var(--brand-anchor-600)}.dag-preview__node--placeholder{background:color-mix(in srgb,var(--gold-100) 42%,var(--surface-00));border-color:var(--gold-500);color:var(--gold-700);border-style:dashed}[data-theme=dark] .dag-preview__node--start{background:var(--surface-01)}[data-theme=dark] .dag-preview__node--action{background:color-mix(in srgb,var(--teal-100) 7%,var(--surface-00));color:var(--teal-500)}[data-theme=dark] .dag-preview__node--new{background:color-mix(in srgb,var(--brand-anchor-600) 12%,var(--surface-00))}[data-theme=dark] .dag-preview__node--placeholder{background:color-mix(in srgb,var(--gold-100) 6%,var(--surface-00));color:var(--gold-500)}.dag-preview__label{font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dag-preview__subtitle{font-size:9px;font-weight:400;opacity:.65;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dag-preview--sm .dag-preview__node{padding:4px 8px;width:80px;min-height:28px}.dag-preview--sm .dag-preview__label{font-size:9px}.dag-preview--sm .dag-preview__subtitle{display:none}.dag-preview__tt{line-height:1.4}.dag-preview__tt-header{font-weight:600;font-size:13px;margin-bottom:2px}.dag-preview__tt-sub{font-size:11px;opacity:.75;margin-bottom:6px}.dag-preview__tt-body{display:flex;flex-direction:column;gap:3px}.dag-preview__tt-row{display:flex;flex-direction:column;gap:0}.dag-preview__tt-key{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.dag-preview__tt-val{font-size:11px;line-height:1.35;word-break:break-word}.dag-preview__tt--sm .dag-preview__tt-header{font-size:11px}.dag-preview__tt--sm .dag-preview__tt-sub{font-size:10px}.dag-preview__tt--sm .dag-preview__tt-key{font-size:9px}.dag-preview__tt--sm .dag-preview__tt-val{font-size:10px}.dag-preview__empty{padding:24px;text-align:center;color:var(--text-tertiary);font-size:12px}.hfui-svg-chart{display:block;width:100%;height:100%;overflow:visible;color:var(--text-primary)}.hfui-svg-chart__axis{stroke:var(--stroke-03);stroke-width:1.15}.hfui-svg-chart__grid{stroke:var(--stroke-02);stroke-width:1;opacity:.62}.hfui-svg-chart__grid--depth{opacity:.42}.hfui-svg-chart__label{fill:var(--text-secondary);font-family:var(--font-primary);font-size:11px}.hfui-svg-chart__label--axis{fill:var(--text-tertiary);font-size:10px}.hfui-svg-chart__label--value{fill:var(--text-primary);font-weight:500}.hfui-svg-chart__legend-entry .hfui-svg-chart__label{font-size:14px}.hfui-svg-chart__total{fill:var(--text-primary);font-family:var(--font-primary);font-size:22px;font-weight:600}.hfui-svg-chart__total-label{fill:var(--text-tertiary);font-family:var(--font-primary);font-size:10px}.hfui-svg-chart__series-label{fill:var(--text-primary);font-family:var(--font-primary);font-size:11px;font-weight:500}.hfui-svg-chart__bar,.hfui-svg-chart__bar-face,.hfui-svg-chart__scatter-point,.hfui-svg-chart__slice{fill:var(--hfui-svg-chart-color, var(--teal-600));transition:opacity .16s ease}.hfui-svg-chart__scatter-point{stroke:var(--surface-00);stroke-width:1.4}.hfui-svg-chart__scatter-shadow{fill:color-mix(in srgb,var(--hfui-svg-chart-color, var(--teal-600)) 34%,var(--neutral-950));opacity:.2;stroke:none}.hfui-svg-chart__floor{fill:color-mix(in srgb,var(--surface-01) 42%,transparent);stroke:color-mix(in srgb,var(--stroke-02) 70%,transparent);stroke-width:1}.hfui-svg-chart__back-plane,.hfui-svg-chart__side-plane{fill:color-mix(in srgb,var(--surface-01) 24%,transparent);stroke:color-mix(in srgb,var(--stroke-02) 45%,transparent);stroke-width:1}.hfui-svg-chart__bar-top{fill:color-mix(in srgb,var(--hfui-svg-chart-color, var(--teal-600)) 76%,white)}.hfui-svg-chart__bar-side,.hfui-svg-chart__slice-mid{fill:color-mix(in srgb,var(--hfui-svg-chart-color, var(--teal-600)) 68%,black)}.hfui-svg-chart__bar-side,.hfui-svg-chart__bar-top{opacity:1}.hfui-svg-chart__bar-shadow{opacity:.38;stroke:none}.hfui-svg-chart__bar-joint{opacity:.78;stroke:none}.hfui-svg-chart__bar-face{stroke:color-mix(in srgb,var(--hfui-svg-chart-color, var(--teal-600)) 62%,black);stroke-width:.5}.hfui-svg-chart__slice{stroke:var(--surface-00);stroke-width:2;stroke-linejoin:round;paint-order:stroke fill}.hfui-svg-chart__slice-depth{fill:var(--hfui-svg-chart-gradient, color-mix(in srgb, var(--hfui-svg-chart-color, var(--teal-600)) 64%, black));stroke:none}.hfui-svg-chart__slice-depth--inner{fill:var(--hfui-svg-chart-inner-gradient, var(--hfui-svg-chart-gradient))}.hfui-svg-chart__slice-mid{opacity:.2}.hfui-svg-chart__bar{stroke:color-mix(in srgb,var(--hfui-svg-chart-color, var(--teal-600)) 62%,black);stroke-width:.5}.hfui-svg-chart__line{fill:none;stroke:var(--hfui-svg-chart-color, var(--teal-600));stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round}.hfui-svg-chart__line-ribbon{fill:color-mix(in srgb,var(--hfui-svg-chart-color, var(--teal-600)) 34%,transparent);stroke:color-mix(in srgb,var(--hfui-svg-chart-color, var(--teal-600)) 64%,transparent);stroke-width:.75;stroke-linejoin:round;opacity:.42}.hfui-svg-chart__area{fill:var(--hfui-svg-chart-color, var(--teal-600));opacity:.1}.hfui-svg-chart__point{fill:var(--surface-00);stroke:var(--hfui-svg-chart-color, var(--teal-600));stroke-width:1.8;opacity:.92}.hfui-svg-chart__bar:hover,.hfui-svg-chart__bar-face:hover,.hfui-svg-chart__slice:hover{opacity:.82}.hfui-svg-chart__empty{display:grid;place-items:center;width:100%;height:100%;min-height:120px;border:1px dashed var(--stroke-03);border-radius:var(--radius-8);background:var(--surface-01);color:var(--text-secondary)}.hf-rte-surface{box-sizing:border-box;width:100%;min-height:100%;outline:0;color:var(--text-primary);font:inherit;line-height:inherit;overflow-wrap:anywhere;white-space:pre-wrap;-moz-tab-size:4;tab-size:4}.hf-rte-paragraph,.hf-rte-list-item{--hf-rte-base-weight:300;margin:0}.hf-rte-heading{--hf-rte-base-weight:400;margin:0;color:inherit}.hf-rte-strong{font-weight:calc(var(--hf-rte-base-weight, 300) + 300)}.hf-rte-surface em{font-style:italic;font-synthesis:style}.hf-rte-surface [data-align=left]{text-align:left}.hf-rte-surface [data-align=center]{text-align:center}.hf-rte-surface [data-align=right]{text-align:right}.hf-rte-surface [data-justify=true]{text-align:justify}.hf-rte-surface [data-justify=true][data-align=left]{text-align-last:left}.hf-rte-surface [data-justify=true][data-align=right]{text-align-last:right}.hf-rte-list-item{display:flex;gap:.45em}.hf-rte-list-item[data-indent="1"]{padding-left:1.25em}.hf-rte-list-item[data-indent="2"]{padding-left:2.5em}.hf-rte-list-item[data-indent="3"]{padding-left:3.75em}.hf-rte-list-item[data-indent="4"]{padding-left:5em}.hf-rte-list-marker{flex:0 0 1.25em;color:var(--text-secondary);text-align:right}.hf-rte-list-content{min-width:0;flex:1}.hf-rte-surface[contenteditable=true]{caret-color:var(--text-primary)}