body,:host{--semi-transition_duration-slowest:0ms;--semi-transition_duration-slower:0ms;--semi-transition_duration-slow:0ms;--semi-transition_duration-normal:0ms;--semi-transition_duration-fast:0ms;--semi-transition_duration-faster:0ms;--semi-transition_duration-fastest:0ms;--semi-transition_duration-none:0ms;--semi-transition_function-linear:linear;--semi-transition_function-ease:ease;--semi-transition_function-easeIn:ease-in;--semi-transition_function-easeOut:ease-out;--semi-transition_function-easeInIOut:ease-in-out;--semi-transition_delay-none: 0ms;--semi-transition_delay-slowest:0ms;--semi-transition_delay-slower:0ms;--semi-transition_delay-slow:0ms;--semi-transition_delay-normal:0ms;--semi-transition_delay-fast:0ms;--semi-transition_delay-faster:0ms;--semi-transition_delay-fastest:0ms;--semi-transform_scale-none:scale(1,1);--semi-transform_scale-small:scale(1,1);--semi-transform_scale-medium:scale(1,1);--semi-transform_scale-large:scale(1,1);--semi-transform-rotate-none:rotate(0deg);--semi-transform_rotate-clockwise90deg:rotate(90deg);--semi-transform_rotate-clockwise180deg:rotate(180deg);--semi-transform_rotate-clockwise270deg:rotate(270deg);--semi-transform_rotate-clockwise360deg:rotate(360deg);--semi-transform_rotate-anticlockwise90deg:rotate(-90deg);--semi-transform_rotate-anticlockwise180deg:rotate(-180deg);--semi-transform_rotate-anticlockwise270deg:rotate(-270deg);--semi-transform_rotate-anticlockwise360deg:rotate(-360deg)}body,body .semi-always-light,:host,:host .semi-always-light{--semi-amber-0: 254,251,235;--semi-amber-1: 252,245,206;--semi-amber-2: 249,232,158;--semi-amber-3: 246,216,111;--semi-amber-4: 243,198,65;--semi-amber-5: 240,177,20;--semi-amber-6: 200,138,15;--semi-amber-7: 160,102,10;--semi-amber-8: 120,70,6;--semi-amber-9: 80,43,3;--semi-black: 0,0,0;--semi-blue-0: 234,245,255;--semi-blue-1: 203,231,254;--semi-blue-2: 152,205,253;--semi-blue-3: 101,178,252;--semi-blue-4: 50,149,251;--semi-blue-5: 0,100,250;--semi-blue-6: 0,98,214;--semi-blue-7: 0,79,179;--semi-blue-8: 0,61,143;--semi-blue-9: 0,44,107;--semi-cyan-0: 229,247,248;--semi-cyan-1: 194,239,240;--semi-cyan-2: 138,221,226;--semi-cyan-3: 88,203,211;--semi-cyan-4: 44,184,197;--semi-cyan-5: 5,164,182;--semi-cyan-6: 3,134,152;--semi-cyan-7: 1,105,121;--semi-cyan-8: 0,77,91;--semi-cyan-9: 0,50,61;--semi-green-0: 236,247,236;--semi-green-1: 208,240,209;--semi-green-2: 164,224,167;--semi-green-3: 125,209,130;--semi-green-4: 90,194,98;--semi-green-5: 59,179,70;--semi-green-6: 48,149,59;--semi-green-7: 37,119,47;--semi-green-8: 27,89,36;--semi-green-9: 17,60,24;--semi-grey-0: 249,249,249;--semi-grey-1: 230,232,234;--semi-grey-2: 198,202,205;--semi-grey-3: 167,171,176;--semi-grey-4: 136,141,146;--semi-grey-5: 107,112,117;--semi-grey-6: 85,91,97;--semi-grey-7: 65,70,76;--semi-grey-8: 46,50,56;--semi-grey-9: 28,31,35;--semi-indigo-0: 236,239,248;--semi-indigo-1: 209,216,240;--semi-indigo-2: 167,179,225;--semi-indigo-3: 128,144,211;--semi-indigo-4: 94,111,196;--semi-indigo-5: 63,81,181;--semi-indigo-6: 51,66,161;--semi-indigo-7: 40,52,140;--semi-indigo-8: 31,40,120;--semi-indigo-9: 23,29,99;--semi-light-blue-0: 233,247,253;--semi-light-blue-1: 201,236,252;--semi-light-blue-2: 149,216,248;--semi-light-blue-3: 98,195,245;--semi-light-blue-4: 48,172,241;--semi-light-blue-5: 0,149,238;--semi-light-blue-6: 0,123,202;--semi-light-blue-7: 0,99,167;--semi-light-blue-8: 0,75,131;--semi-light-blue-9: 0,53,95;--semi-light-green-0: 243,248,236;--semi-light-green-1: 227,240,208;--semi-light-green-2: 200,226,165;--semi-light-green-3: 173,211,126;--semi-light-green-4: 147,197,91;--semi-light-green-5: 123,182,60;--semi-light-green-6: 100,152,48;--semi-light-green-7: 78,121,38;--semi-light-green-8: 57,91,27;--semi-light-green-9: 37,61,18;--semi-lime-0: 242,250,230;--semi-lime-1: 227,246,197;--semi-lime-2: 203,237,142;--semi-lime-3: 183,227,91;--semi-lime-4: 167,218,44;--semi-lime-5: 155,209,0;--semi-lime-6: 126,174,0;--semi-lime-7: 99,139,0;--semi-lime-8: 72,104,0;--semi-lime-9: 47,70,0;--semi-orange-0: 255,248,234;--semi-orange-1: 254,238,204;--semi-orange-2: 254,217,152;--semi-orange-3: 253,193,101;--semi-orange-4: 253,166,51;--semi-orange-5: 252,136,0;--semi-orange-6: 210,103,0;--semi-orange-7: 168,74,0;--semi-orange-8: 126,49,0;--semi-orange-9: 84,29,0;--semi-pink-0: 253,236,239;--semi-pink-1: 251,207,216;--semi-pink-2: 246,160,181;--semi-pink-3: 242,115,150;--semi-pink-4: 237,72,123;--semi-pink-5: 233,30,99;--semi-pink-6: 197,19,86;--semi-pink-7: 162,11,72;--semi-pink-8: 126,5,58;--semi-pink-9: 90,1,43;--semi-purple-0: 247,233,247;--semi-purple-1: 239,202,240;--semi-purple-2: 221,155,224;--semi-purple-3: 201,111,209;--semi-purple-4: 180,73,194;--semi-purple-5: 158,40,179;--semi-purple-6: 135,30,158;--semi-purple-7: 113,22,138;--semi-purple-8: 92,15,117;--semi-purple-9: 73,10,97;--semi-red-0: 254,242,237;--semi-red-1: 254,221,210;--semi-red-2: 253,183,165;--semi-red-3: 251,144,120;--semi-red-4: 250,102,76;--semi-red-5: 249,57,32;--semi-red-6: 213,37,21;--semi-red-7: 178,20,12;--semi-red-8: 142,8,5;--semi-red-9: 106,1,3;--semi-teal-0: 228,247,244;--semi-teal-1: 192,240,232;--semi-teal-2: 135,224,211;--semi-teal-3: 84,209,193;--semi-teal-4: 39,194,176;--semi-teal-5: 0,179,161;--semi-teal-6: 0,149,137;--semi-teal-7: 0,119,111;--semi-teal-8: 0,89,85;--semi-teal-9: 0,60,58;--semi-violet-0: 243,237,249;--semi-violet-1: 226,209,244;--semi-violet-2: 196,167,233;--semi-violet-3: 166,127,221;--semi-violet-4: 136,91,210;--semi-violet-5: 106,58,199;--semi-violet-6: 87,47,179;--semi-violet-7: 70,37,158;--semi-violet-8: 54,28,138;--semi-violet-9: 40,20,117;--semi-white: 255,255,255;--semi-yellow-0: 255,253,234;--semi-yellow-1: 254,251,203;--semi-yellow-2: 253,243,152;--semi-yellow-3: 252,232,101;--semi-yellow-4: 251,218,50;--semi-yellow-5: 250,200,0;--semi-yellow-6: 208,170,0;--semi-yellow-7: 167,139,0;--semi-yellow-8: 125,106,0;--semi-yellow-9: 83,72,0;--semi-ai-purple-0: 248,237,255;--semi-ai-purple-1: 242,218,255;--semi-ai-purple-2: 227,181,255;--semi-ai-purple-3: 209,145,255;--semi-ai-purple-4: 189,108,255;--semi-ai-purple-5: 166,71,255;--semi-ai-purple-6: 134,54,219;--semi-ai-purple-7: 105,40,184;--semi-ai-purple-8: 78,28,148;--semi-ai-purple-9: 54,18,112;--semi-ai-general-0-3: 239,247,255;--semi-ai-general-0-2: 244,244,255;--semi-ai-general-0-1: 248,237,255;--semi-ai-general-0-0: 255,242,255;--semi-ai-general-1-3: 213,235,255;--semi-ai-general-1-2: 223,224,255;--semi-ai-general-1-1: 242,218,255;--semi-ai-general-1-0: 255,218,254;--semi-ai-general-2-3: 171,213,255;--semi-ai-general-2-2: 193,192,255;--semi-ai-general-2-1: 227,181,255;--semi-ai-general-2-0: 254,181,255;--semi-ai-general-3-3: 130,190,255;--semi-ai-general-3-2: 163,160,255;--semi-ai-general-3-1: 209,145,255;--semi-ai-general-3-0: 249,143,255;--semi-ai-general-4-3: 88,166,255;--semi-ai-general-4-2: 134,129,255;--semi-ai-general-4-1: 189,108,255;--semi-ai-general-4-0: 242,106,255;--semi-ai-general-5-3: 46,140,255;--semi-ai-general-5-2: 107,97,255;--semi-ai-general-5-1: 166,71,255;--semi-ai-general-5-0: 233,69,255;--semi-ai-general-6-3: 33,114,219;--semi-ai-general-6-2: 88,77,219;--semi-ai-general-6-1: 134,54,219;--semi-ai-general-6-0: 194,53,219;--semi-ai-general-7-3: 22,89,184;--semi-ai-general-7-2: 71,59,184;--semi-ai-general-7-1: 105,40,184;--semi-ai-general-7-0: 157,39,184;--semi-ai-general-8-3: 13,67,148;--semi-ai-general-8-2: 55,43,148;--semi-ai-general-8-1: 78,28,148;--semi-ai-general-8-0: 121,27,148;--semi-ai-general-9-3: 7,47,112;--semi-ai-general-9-2: 40,29,112;--semi-ai-general-9-1: 54,18,112;--semi-ai-general-9-0: 88,17,112;--semi-ai-general-0: linear-gradient(278deg, rgba(var(--semi-ai-general-0-0)) 0%, rgba(var(--semi-ai-general-0-1)) 30%, rgba(var(--semi-ai-general-0-2)) 60%, rgba(var(--semi-ai-general-0-3)) 100%);--semi-ai-general-1: linear-gradient(278deg, rgba(var(--semi-ai-general-1-0)) 0%, rgba(var(--semi-ai-general-1-1)) 30%, rgba(var(--semi-ai-general-1-2)) 60%, rgba(var(--semi-ai-general-1-3)) 100%);--semi-ai-general-2: linear-gradient(278deg, rgba(var(--semi-ai-general-2-0)) 0%, rgba(var(--semi-ai-general-2-1)) 30%, rgba(var(--semi-ai-general-2-2)) 60%, rgba(var(--semi-ai-general-2-3)) 100%);--semi-ai-general-3: linear-gradient(278deg, rgba(var(--semi-ai-general-3-0)) 0%, rgba(var(--semi-ai-general-3-1)) 30%, rgba(var(--semi-ai-general-3-2)) 60%, rgba(var(--semi-ai-general-3-3)) 100%);--semi-ai-general-4: linear-gradient(278deg, rgba(var(--semi-ai-general-4-0)) 0%, rgba(var(--semi-ai-general-4-1)) 30%, rgba(var(--semi-ai-general-4-2)) 60%, rgba(var(--semi-ai-general-4-3)) 100%);--semi-ai-general-5: linear-gradient(278deg, rgba(var(--semi-ai-general-5-0)) 0%, rgba(var(--semi-ai-general-5-1)) 30%, rgba(var(--semi-ai-general-5-2)) 60%, rgba(var(--semi-ai-general-5-3)) 100%);--semi-ai-general-6: linear-gradient(278deg, rgba(var(--semi-ai-general-6-0)) 0%, rgba(var(--semi-ai-general-6-1)) 30%, rgba(var(--semi-ai-general-6-2)) 60%, rgba(var(--semi-ai-general-6-3)) 100%);--semi-ai-general-7: linear-gradient(278deg, rgba(var(--semi-ai-general-7-0)) 0%, rgba(var(--semi-ai-general-7-1)) 30%, rgba(var(--semi-ai-general-7-2)) 60%, rgba(var(--semi-ai-general-7-3)) 100%);--semi-ai-general-8: linear-gradient(278deg, rgba(var(--semi-ai-general-8-0)) 0%, rgba(var(--semi-ai-general-8-1)) 30%, rgba(var(--semi-ai-general-8-2)) 60%, rgba(var(--semi-ai-general-8-3)) 100%);--semi-ai-general-9: linear-gradient(278deg, rgba(var(--semi-ai-general-9-0)) 0%, rgba(var(--semi-ai-general-9-1)) 30%, rgba(var(--semi-ai-general-9-2)) 60%, rgba(var(--semi-ai-general-9-3)) 100%)}body[theme-mode=dark],body .semi-always-dark,:host([theme-mode=dark]),:host .semi-always-dark{--semi-red-0: 108,9,11;--semi-red-1: 144,17,16;--semi-red-2: 180,32,25;--semi-red-3: 215,51,36;--semi-red-4: 251,73,50;--semi-red-5: 252,114,90;--semi-red-6: 253,153,131;--semi-red-7: 253,190,172;--semi-red-8: 254,224,213;--semi-red-9: 255,243,239;--semi-pink-0: 92,7,48;--semi-pink-1: 128,14,65;--semi-pink-2: 164,23,81;--semi-pink-3: 199,34,97;--semi-pink-4: 235,47,113;--semi-pink-5: 239,86,134;--semi-pink-6: 243,126,159;--semi-pink-7: 247,168,188;--semi-pink-8: 251,211,220;--semi-pink-9: 253,238,241;--semi-purple-0: 74,16,97;--semi-purple-1: 94,23,118;--semi-purple-2: 115,31,138;--semi-purple-3: 137,40,159;--semi-purple-4: 160,51,179;--semi-purple-5: 181,83,194;--semi-purple-6: 202,120,209;--semi-purple-7: 221,160,225;--semi-purple-8: 239,206,240;--semi-purple-9: 247,235,247;--semi-violet-0: 64,27,119;--semi-violet-1: 76,36,140;--semi-violet-2: 88,46,160;--semi-violet-3: 100,57,181;--semi-violet-4: 114,70,201;--semi-violet-5: 136,101,212;--semi-violet-6: 162,136,223;--semi-violet-7: 190,173,233;--semi-violet-8: 221,212,244;--semi-violet-9: 241,238,250;--semi-indigo-0: 23,30,101;--semi-indigo-1: 32,41,122;--semi-indigo-2: 41,54,142;--semi-indigo-3: 52,68,163;--semi-indigo-4: 64,83,183;--semi-indigo-5: 95,113,197;--semi-indigo-6: 129,145,212;--semi-indigo-7: 167,180,226;--semi-indigo-8: 209,216,241;--semi-indigo-9: 237,239,248;--semi-blue-0: 5,49,112;--semi-blue-1: 10,70,148;--semi-blue-2: 19,92,184;--semi-blue-3: 29,117,219;--semi-blue-4: 41,144,255;--semi-blue-5: 84,169,255;--semi-blue-6: 127,193,255;--semi-blue-7: 169,215,255;--semi-blue-8: 212,236,255;--semi-blue-9: 239,248,255;--semi-light-blue-0: 0,55,97;--semi-light-blue-1: 0,77,133;--semi-light-blue-2: 3,102,169;--semi-light-blue-3: 10,129,204;--semi-light-blue-4: 19,159,240;--semi-light-blue-5: 64,180,243;--semi-light-blue-6: 110,200,246;--semi-light-blue-7: 157,220,249;--semi-light-blue-8: 206,238,252;--semi-light-blue-9: 235,248,254;--semi-cyan-0: 4,52,61;--semi-cyan-1: 7,79,92;--semi-cyan-2: 10,108,123;--semi-cyan-3: 14,137,153;--semi-cyan-4: 19,168,184;--semi-cyan-5: 56,187,198;--semi-cyan-6: 98,205,212;--semi-cyan-7: 145,223,227;--semi-cyan-8: 198,239,241;--semi-cyan-9: 231,247,248;--semi-teal-0: 2,60,57;--semi-teal-1: 4,90,85;--semi-teal-2: 7,119,111;--semi-teal-3: 10,149,136;--semi-teal-4: 14,179,161;--semi-teal-5: 51,194,176;--semi-teal-6: 94,209,193;--semi-teal-7: 142,225,211;--semi-teal-8: 196,240,232;--semi-teal-9: 230,247,244;--semi-green-0: 18,60,25;--semi-green-1: 28,90,37;--semi-green-2: 39,119,49;--semi-green-3: 50,149,61;--semi-green-4: 62,179,73;--semi-green-5: 93,194,100;--semi-green-6: 127,209,132;--semi-green-7: 166,225,168;--semi-green-8: 208,240,209;--semi-green-9: 236,247,236;--semi-light-green-0: 38,61,19;--semi-light-green-1: 59,92,29;--semi-light-green-2: 81,123,40;--semi-light-green-3: 103,153,52;--semi-light-green-4: 127,184,64;--semi-light-green-5: 151,198,95;--semi-light-green-6: 176,212,129;--semi-light-green-7: 201,227,167;--semi-light-green-8: 228,241,209;--semi-light-green-9: 243,248,237;--semi-lime-0: 49,70,3;--semi-lime-1: 75,105,5;--semi-lime-2: 103,141,9;--semi-lime-3: 132,176,12;--semi-lime-4: 162,211,17;--semi-lime-5: 174,220,58;--semi-lime-6: 189,229,102;--semi-lime-7: 207,237,150;--semi-lime-8: 229,246,201;--semi-lime-9: 243,251,233;--semi-yellow-0: 84,73,3;--semi-yellow-1: 126,108,6;--semi-yellow-2: 168,142,10;--semi-yellow-3: 210,175,15;--semi-yellow-4: 252,206,20;--semi-yellow-5: 253,222,67;--semi-yellow-6: 253,235,113;--semi-yellow-7: 254,245,160;--semi-yellow-8: 254,251,208;--semi-yellow-9: 255,254,236;--semi-amber-0: 81,46,9;--semi-amber-1: 121,75,15;--semi-amber-2: 161,107,22;--semi-amber-3: 202,143,30;--semi-amber-4: 242,183,38;--semi-amber-5: 245,202,80;--semi-amber-6: 247,219,122;--semi-amber-7: 250,234,166;--semi-amber-8: 252,246,210;--semi-amber-9: 254,251,237;--semi-orange-0: 85,31,3;--semi-orange-1: 128,53,6;--semi-orange-2: 170,80,10;--semi-orange-3: 213,111,15;--semi-orange-4: 255,146,20;--semi-orange-5: 255,174,67;--semi-orange-6: 255,199,114;--semi-orange-7: 255,221,161;--semi-orange-8: 255,239,208;--semi-orange-9: 255,249,237;--semi-grey-0: 28,31,35;--semi-grey-1: 46,50,56;--semi-grey-2: 65,70,76;--semi-grey-3: 85,91,97;--semi-grey-4: 107,112,117;--semi-grey-5: 136,141,146;--semi-grey-6: 167,171,176;--semi-grey-7: 198,202,205;--semi-grey-8: 230,232,234;--semi-grey-9: 249,249,249;--semi-white: 255, 255, 255;--semi-black: 0, 0, 0;--semi-ai-purple-0: 58,23,112;--semi-ai-purple-1: 83,35,148;--semi-ai-purple-2: 111,49,184;--semi-ai-purple-3: 141,65,219;--semi-ai-purple-4: 167,68,255;--semi-ai-purple-5: 195,117,255;--semi-ai-purple-6: 213,152,255;--semi-ai-purple-7: 229,186,255;--semi-ai-purple-8: 243,221,255;--semi-ai-purple-9: 251,243,255;--semi-ai-general-0-0: 9,44,100;--semi-ai-general-0-1: 39,29,108;--semi-ai-general-0-2: 58,23,112;--semi-ai-general-0-3: 80,18,101;--semi-ai-general-1-0: 17,64,136;--semi-ai-general-1-1: 54,43,144;--semi-ai-general-1-2: 83,35,148;--semi-ai-general-1-3: 113,28,137;--semi-ai-general-2-0: 26,86,172;--semi-ai-general-2-1: 70,59,180;--semi-ai-general-2-2: 111,49,184;--semi-ai-general-2-3: 148,41,173;--semi-ai-general-3-0: 38,111,207;--semi-ai-general-3-1: 88,78,215;--semi-ai-general-3-2: 141,65,219;--semi-ai-general-3-3: 185,55,208;--semi-ai-general-4-0: 35,127,240;--semi-ai-general-4-1: 94,84,248;--semi-ai-general-4-2: 167,68,255;--semi-ai-general-4-3: 219,56,241;--semi-ai-general-5-0: 91,162,245;--semi-ai-general-5-1: 134,129,252;--semi-ai-general-5-2: 195,117,255;--semi-ai-general-5-3: 234,107,246;--semi-ai-general-6-0: 131,187,248;--semi-ai-general-6-1: 163,160,253;--semi-ai-general-6-2: 213,152,255;--semi-ai-general-6-3: 243,143,248;--semi-ai-general-7-0: 172,210,250;--semi-ai-general-7-1: 192,192,253;--semi-ai-general-7-2: 229,186,255;--semi-ai-general-7-3: 249,180,251;--semi-ai-general-8-0: 213,233,253;--semi-ai-general-8-1: 223,223,254;--semi-ai-general-8-2: 243,221,255;--semi-ai-general-8-3: 253,217,252;--semi-ai-general-9-0: 239,247,254;--semi-ai-general-9-1: 244,244,255;--semi-ai-general-9-2: 251,243,255;--semi-ai-general-9-3: 254,241,254;--semi-ai-general-0: linear-gradient(278deg, rgba(var(--semi-ai-general-0-0)) 0%, rgba(var(--semi-ai-general-0-1)) 30%, rgba(var(--semi-ai-general-0-2)) 60%, rgba(var(--semi-ai-general-0-3)) 100%);--semi-ai-general-1: linear-gradient(278deg, rgba(var(--semi-ai-general-1-0)) 0%, rgba(var(--semi-ai-general-1-1)) 30%, rgba(var(--semi-ai-general-1-2)) 60%, rgba(var(--semi-ai-general-1-3)) 100%);--semi-ai-general-2: linear-gradient(278deg, rgba(var(--semi-ai-general-2-0)) 0%, rgba(var(--semi-ai-general-2-1)) 30%, rgba(var(--semi-ai-general-2-2)) 60%, rgba(var(--semi-ai-general-2-3)) 100%);--semi-ai-general-3: linear-gradient(278deg, rgba(var(--semi-ai-general-3-0)) 0%, rgba(var(--semi-ai-general-3-1)) 30%, rgba(var(--semi-ai-general-3-2)) 60%, rgba(var(--semi-ai-general-3-3)) 100%);--semi-ai-general-4: linear-gradient(278deg, rgba(var(--semi-ai-general-4-0)) 0%, rgba(var(--semi-ai-general-4-1)) 30%, rgba(var(--semi-ai-general-4-2)) 60%, rgba(var(--semi-ai-general-4-3)) 100%);--semi-ai-general-5: linear-gradient(278deg, rgba(var(--semi-ai-general-5-0)) 0%, rgba(var(--semi-ai-general-5-1)) 30%, rgba(var(--semi-ai-general-5-2)) 60%, rgba(var(--semi-ai-general-5-3)) 100%);--semi-ai-general-6: linear-gradient(278deg, rgba(var(--semi-ai-general-6-0)) 0%, rgba(var(--semi-ai-general-6-1)) 30%, rgba(var(--semi-ai-general-6-2)) 60%, rgba(var(--semi-ai-general-6-3)) 100%);--semi-ai-general-7: linear-gradient(278deg, rgba(var(--semi-ai-general-7-0)) 0%, rgba(var(--semi-ai-general-7-1)) 30%, rgba(var(--semi-ai-general-7-2)) 60%, rgba(var(--semi-ai-general-7-3)) 100%);--semi-ai-general-8: linear-gradient(278deg, rgba(var(--semi-ai-general-8-0)) 0%, rgba(var(--semi-ai-general-8-1)) 30%, rgba(var(--semi-ai-general-8-2)) 60%, rgba(var(--semi-ai-general-8-3)) 100%);--semi-ai-general-9: linear-gradient(278deg, rgba(var(--semi-ai-general-9-0)) 0%, rgba(var(--semi-ai-general-9-1)) 30%, rgba(var(--semi-ai-general-9-2)) 60%, rgba(var(--semi-ai-general-9-3)) 100%)}body,body[theme-mode=dark] .semi-always-light,:host,:host .semi-always-light{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;--semi-color-white: rgba(var(--semi-white), 1);--semi-color-black: rgba(var(--semi-black), 1);--semi-color-primary: rgba(var(--semi-blue-5), 1);--semi-color-primary-hover: rgba(var(--semi-blue-6), 1);--semi-color-primary-active: rgba(var(--semi-blue-7), 1);--semi-color-primary-disabled: rgba(var(--semi-blue-2), 1);--semi-color-primary-light-default: rgba(var(--semi-blue-0), 1);--semi-color-primary-light-hover: rgba(var(--semi-blue-1), 1);--semi-color-primary-light-active: rgba(var(--semi-blue-2), 1);--semi-color-secondary: rgba(var(--semi-light-blue-5), 1);--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);--semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);--semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);--semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);--semi-color-secondary-light-active: rgba(var(--semi-light-blue-2), 1);--semi-color-tertiary: rgba(var(--semi-grey-5), 1);--semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);--semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);--semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);--semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);--semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);--semi-color-default: rgba(var(--semi-grey-0), 1);--semi-color-default-hover: rgba(var(--semi-grey-1), 1);--semi-color-default-active: rgba(var(--semi-grey-2), 1);--semi-color-info: rgba(var(--semi-blue-5), 1);--semi-color-info-hover: rgba(var(--semi-blue-6), 1);--semi-color-info-active: rgba(var(--semi-blue-7), 1);--semi-color-info-disabled: rgba(var(--semi-blue-2), 1);--semi-color-info-light-default: rgba(var(--semi-blue-0), 1);--semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);--semi-color-info-light-active: rgba(var(--semi-blue-2), 1);--semi-color-success: rgba(var(--semi-green-5), 1);--semi-color-success-hover: rgba(var(--semi-green-6), 1);--semi-color-success-active: rgba(var(--semi-green-7), 1);--semi-color-success-disabled: rgba(var(--semi-green-2), 1);--semi-color-success-light-default: rgba(var(--semi-green-0), 1);--semi-color-success-light-hover: rgba(var(--semi-green-1), 1);--semi-color-success-light-active: rgba(var(--semi-green-2), 1);--semi-color-danger: rgba(var(--semi-red-5), 1);--semi-color-danger-hover: rgba(var(--semi-red-6), 1);--semi-color-danger-active: rgba(var(--semi-red-7), 1);--semi-color-danger-light-default: rgba(var(--semi-red-0), 1);--semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);--semi-color-danger-light-active: rgba(var(--semi-red-2), 1);--semi-color-warning: rgba(var(--semi-orange-5), 1);--semi-color-warning-hover: rgba(var(--semi-orange-6), 1);--semi-color-warning-active: rgba(var(--semi-orange-7), 1);--semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);--semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);--semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);--semi-color-focus-border: rgba(var(--semi-blue-5), 1);--semi-color-disabled-text: rgba(var(--semi-grey-9), .35);--semi-color-disabled-border: rgba(var(--semi-grey-1), 1);--semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);--semi-color-disabled-fill: rgba(var(--semi-grey-8), .04);--semi-color-shadow: rgba(var(--semi-black), .04);--semi-color-link: rgba(var(--semi-blue-5), 1);--semi-color-link-hover: rgba(var(--semi-blue-6), 1);--semi-color-link-active: rgba(var(--semi-blue-7), 1);--semi-color-link-visited: rgba(var(--semi-blue-5), 1);--semi-color-border: rgba(var(--semi-grey-9), .08);--semi-color-nav-bg: rgba(var(--semi-white), 1);--semi-color-overlay-bg: rgba(22, 22, 26, .6);--semi-color-fill-0: rgba(var(--semi-grey-8), .05);--semi-color-fill-1: rgba(var(--semi-grey-8), .09);--semi-color-fill-2: rgba(var(--semi-grey-8), .13);--semi-color-bg-0: rgba(var(--semi-white), 1);--semi-color-bg-1: rgba(var(--semi-white), 1);--semi-color-bg-2: rgba(var(--semi-white), 1);--semi-color-bg-3: rgba(var(--semi-white), 1);--semi-color-bg-4: rgba(var(--semi-white), 1);--semi-color-text-0: rgba(var(--semi-grey-9), 1);--semi-color-text-1: rgba(var(--semi-grey-9), .8);--semi-color-text-2: rgba(var(--semi-grey-9), .62);--semi-color-text-3: rgba(var(--semi-grey-9), .35);--semi-shadow-elevated: 0 0 1px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .1);--semi-border-radius-extra-small: 3px;--semi-border-radius-small: 3px;--semi-border-radius-medium: 6px;--semi-border-radius-large: 12px;--semi-border-radius-circle: 50%;--semi-border-radius-full: 9999px;--semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);--semi-color-highlight: rgba(var(--semi-black), 1);--semi-color-data-0: rgba(87, 105, 255, 1);--semi-color-data-1: rgba(142, 212, 231, 1);--semi-color-data-2: rgba(245, 135, 0, 1);--semi-color-data-3: rgba(220, 183, 252, 1);--semi-color-data-4: rgba(74, 156, 247, 1);--semi-color-data-5: rgba(243, 204, 53, 1);--semi-color-data-6: rgba(254, 128, 144, 1);--semi-color-data-7: rgba(139, 215, 210, 1);--semi-color-data-8: rgba(131, 176, 35, 1);--semi-color-data-9: rgba(233, 165, 229, 1);--semi-color-data-10: rgba(48, 167, 206, 1);--semi-color-data-11: rgba(249, 192, 100, 1);--semi-color-data-12: rgba(177, 113, 249, 1);--semi-color-data-13: rgba(119, 182, 249, 1);--semi-color-data-14: rgba(200, 143, 2, 1);--semi-color-data-15: rgba(255, 170, 178, 1);--semi-color-data-16: rgba(51, 176, 171, 1);--semi-color-data-17: rgba(182, 215, 129, 1);--semi-color-data-18: rgba(212, 88, 212, 1);--semi-color-data-19: rgba(188, 198, 255, 1);--semi-color-ai-general: var(--semi-ai-general-5);--semi-color-ai-general-hover: var(--semi-ai-general-6);--semi-color-ai-general-active: var(--semi-ai-general-7);--semi-color-ai-general-disabled: var(--semi-ai-general-2);--semi-color-ai-purple: rgba(var(--semi-ai-purple-5));--semi-color-ai-purple-hover: rgba(var(--semi-ai-purple-6));--semi-color-ai-purple-active: rgba(var(--semi-ai-purple-7));--semi-color-ai-purple-disabled: rgba(var(--semi-ai-purple-2));--semi-color-ai-background-bottom: linear-gradient(201.15deg, rgba(255, 255, 255, .04) 6.58%, rgba(255, 226, 138, .04) 32.88%, rgba(231, 45, 255, .04) 67.93%, rgba(0, 115, 255, .04) 94.23%);--semi-color-ai-background-bottom-hover: linear-gradient(201.15deg, rgba(255, 255, 255, .08) 6.58%, rgba(255, 226, 138, .08) 32.88%, rgba(231, 45, 255, .08) 67.93%, rgba(0, 115, 255, .08) 94.23%);--semi-color-ai-background-bottom-active: linear-gradient(201.15deg, rgba(255, 255, 255, .12) 6.58%, rgba(255, 226, 138, .12) 32.88%, rgba(231, 45, 255, .12) 67.93%, rgba(0, 115, 255, .12) 94.23%);--semi-color-ai-background-top: linear-gradient(201.15deg, rgba(83, 56, 255, .16) 6.58%, rgba(176, 48, 240, .096) 32.88%, rgba(231, 45, 255, .048) 59.17%, rgba(255, 255, 255, 0) 94.23%);--semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, .24) 6.58%, rgba(176, 48, 240, .144) 32.88%, rgba(231, 45, 255, .072) 59.17%, rgba(255, 255, 255, 0) 94.23%);--semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, .32) 6.58%, rgba(176, 48, 240, .192) 32.88%, rgba(231, 45, 255, .096) 59.17%, rgba(255, 255, 255, 0) 94.23%)}body[theme-mode=dark],body .semi-always-dark,:host([theme-mode=dark]),:host .semi-always-dark{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;--semi-color-white: rgba(228, 231, 245, 1);--semi-color-black: rgba(var(--semi-black), 1);--semi-color-primary: rgba(var(--semi-blue-5), 1);--semi-color-primary-hover: rgba(var(--semi-blue-6), 1);--semi-color-primary-active: rgba(var(--semi-blue-7), 1);--semi-color-primary-disabled: rgba(var(--semi-blue-2), 1);--semi-color-primary-light-default: rgba(var(--semi-blue-5), .2);--semi-color-primary-light-hover: rgba(var(--semi-blue-5), .3);--semi-color-primary-light-active: rgba(var(--semi-blue-5), .4);--semi-color-secondary: rgba(var(--semi-light-blue-5), 1);--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);--semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);--semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), .2);--semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), .3);--semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), .4);--semi-color-tertiary: rgba(var(--semi-grey-5), 1);--semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);--semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);--semi-color-tertiary-light-default: rgba(var(--semi-grey-5), .2);--semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), .3);--semi-color-tertiary-light-active: rgba(var(--semi-grey-5), .4);--semi-color-default: rgba(var(--semi-grey-0), 1);--semi-color-default-hover: rgba(var(--semi-grey-1), 1);--semi-color-default-active: rgba(var(--semi-grey-2), 1);--semi-color-info: rgba(var(--semi-blue-5), 1);--semi-color-info-hover: rgba(var(--semi-blue-6), 1);--semi-color-info-active: rgba(var(--semi-blue-7), 1);--semi-color-info-disabled: rgba(var(--semi-blue-2), 1);--semi-color-info-light-default: rgba(var(--semi-blue-5), .2);--semi-color-info-light-hover: rgba(var(--semi-blue-5), .3);--semi-color-info-light-active: rgba(var(--semi-blue-5), .4);--semi-color-success: rgba(var(--semi-green-5), 1);--semi-color-success-hover: rgba(var(--semi-green-6), 1);--semi-color-success-active: rgba(var(--semi-green-7), 1);--semi-color-success-disabled: rgba(var(--semi-green-2), 1);--semi-color-success-light-default: rgba(var(--semi-green-5), .2);--semi-color-success-light-hover: rgba(var(--semi-green-5), .3);--semi-color-success-light-active: rgba(var(--semi-green-5), .4);--semi-color-danger: rgba(var(--semi-red-5), 1);--semi-color-danger-hover: rgba(var(--semi-red-6), 1);--semi-color-danger-active: rgba(var(--semi-red-7), 1);--semi-color-danger-light-default: rgba(var(--semi-red-5), .2);--semi-color-danger-light-hover: rgba(var(--semi-red-5), .3);--semi-color-danger-light-active: rgba(var(--semi-red-5), .4);--semi-color-warning: rgba(var(--semi-orange-5), 1);--semi-color-warning-hover: rgba(var(--semi-orange-6), 1);--semi-color-warning-active: rgba(var(--semi-orange-7), 1);--semi-color-warning-light-default: rgba(var(--semi-orange-5), .2);--semi-color-warning-light-hover: rgba(var(--semi-orange-5), .3);--semi-color-warning-light-active: rgba(var(--semi-orange-5), .4);--semi-color-focus-border: rgba(var(--semi-blue-5), 1);--semi-color-disabled-text: rgba(var(--semi-grey-9), .35);--semi-color-disabled-border: rgba(var(--semi-grey-1), 1);--semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);--semi-color-disabled-fill: rgba(var(--semi-grey-8), .04);--semi-color-link: rgba(var(--semi-blue-5), 1);--semi-color-link-hover: rgba(var(--semi-blue-6), 1);--semi-color-link-active: rgba(var(--semi-blue-7), 1);--semi-color-link-visited: rgba(var(--semi-blue-5), 1);--semi-color-nav-bg: rgba(35, 36, 41, 1);--semi-shadow-elevated: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 4px 14px rgba(0, 0, 0, .25);--semi-color-overlay-bg: rgba(22, 22, 26, .6);--semi-color-fill-0: rgba(var(--semi-white), .12);--semi-color-fill-1: rgba(var(--semi-white), .16);--semi-color-fill-2: rgba(var(--semi-white), .2);--semi-color-border: rgba(var(--semi-white), .08);--semi-color-shadow: rgba(var(--semi-black), .04);--semi-color-bg-0: rgba(22, 22, 26, 1);--semi-color-bg-1: rgba(35, 36, 41, 1);--semi-color-bg-2: rgba(53, 54, 60, 1);--semi-color-bg-3: rgba(67, 68, 74, 1);--semi-color-bg-4: rgba(79, 81, 89, 1);--semi-color-text-0: rgba(var(--semi-grey-9), 1);--semi-color-text-1: rgba(var(--semi-grey-9), .8);--semi-color-text-2: rgba(var(--semi-grey-9), .6);--semi-color-text-3: rgba(var(--semi-grey-9), .35);--semi-border-radius-extra-small: 3px;--semi-border-radius-small: 3px;--semi-border-radius-medium: 6px;--semi-border-radius-large: 12px;--semi-border-radius-circle: 50%;--semi-border-radius-full: 9999px;--semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);--semi-color-highlight: rgba(var(--semi-white), 1);--semi-color-data-0: rgba(94, 109, 194, 1);--semi-color-data-1: rgba(8, 104, 120, 1);--semi-color-data-2: rgba(250, 173, 63, 1);--semi-color-data-3: rgba(76, 43, 156, 1);--semi-color-data-4: rgba(16, 125, 248, 1);--semi-color-data-5: rgba(248, 202, 16, 1);--semi-color-data-6: rgba(195, 30, 87, 1);--semi-color-data-7: rgba(5, 119, 115, 1);--semi-color-data-8: rgba(154, 207, 13, 1);--semi-color-data-9: rgba(117, 29, 138, 1);--semi-color-data-10: rgba(16, 162, 180, 1);--semi-color-data-11: rgba(208, 110, 11, 1);--semi-color-data-12: rgba(113, 66, 197, 1);--semi-color-data-13: rgba(7, 100, 212, 1);--semi-color-data-14: rgba(251, 232, 110, 1);--semi-color-data-15: rgba(160, 19, 73, 1);--semi-color-data-16: rgba(11, 179, 167, 1);--semi-color-data-17: rgba(98, 138, 6, 1);--semi-color-data-18: rgba(162, 48, 179, 1);--semi-color-data-19: rgba(40, 51, 138, 1);--semi-color-ai-general: var(--semi-ai-general-5);--semi-color-ai-general-hover: var(--semi-ai-general-6);--semi-color-ai-general-active: var(--semi-ai-general-7);--semi-color-ai-general-disabled: var(--semi-ai-general-2);--semi-color-ai-purple: rgba(var(--semi-ai-purple-5));--semi-color-ai-purple-hover: rgba(var(--semi-ai-purple-6));--semi-color-ai-purple-active: rgba(var(--semi-ai-purple-7));--semi-color-ai-purple-disabled: rgba(var(--semi-ai-purple-2));--semi-color-ai-background-bottom: linear-gradient(201.15deg, rgba(255, 226, 138, .2) 6.58%, rgba(231, 45, 255, .2) 50.4%, rgba(0, 115, 255, .2) 94.23%);--semi-color-ai-background-bottom-hover: linear-gradient(201.15deg, rgba(255, 226, 138, .3) 6.58%, rgba(231, 45, 255, .3) 50.4%, rgba(0, 115, 255, .3) 94.23%);--semi-color-ai-background-bottom-active: linear-gradient(201.15deg, rgba(255, 226, 138, .4) 6.58%, rgba(231, 45, 255, .4) 50.4%, rgba(0, 115, 255, .4) 94.23%);--semi-color-ai-background-top: linear-gradient(201.15deg, rgba(83, 56, 255, .36) 6.58%, rgba(176, 48, 240, .216) 32.88%, rgba(154, 0, 174, .108) 59.17%, rgba(0, 0, 0, 0) 94.23%);--semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, .54) 6.58%, rgba(176, 48, 240, .324) 32.88%, rgba(154, 0, 174, .162) 59.17%, rgba(0, 0, 0, 0) 94.23%);--semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, .72) 6.58%, rgba(176, 48, 240, .432) 32.88%, rgba(154, 0, 174, .216) 59.17%, rgba(0, 0, 0, 0) 94.23%)}.semi-light-scrollbar::-webkit-scrollbar,.semi-light-scrollbar *::-webkit-scrollbar{width:8px;height:8px}.semi-light-scrollbar::-webkit-scrollbar-track,.semi-light-scrollbar *::-webkit-scrollbar-track{background:#0000}.semi-light-scrollbar::-webkit-scrollbar-corner,.semi-light-scrollbar *::-webkit-scrollbar-corner{background-color:#0000}.semi-light-scrollbar::-webkit-scrollbar-thumb,.semi-light-scrollbar *::-webkit-scrollbar-thumb{border-radius:6px;background:transparent;transition:all 1s}.semi-light-scrollbar:hover::-webkit-scrollbar-thumb,.semi-light-scrollbar *:hover::-webkit-scrollbar-thumb{background:var(--semi-color-fill-2)}.semi-light-scrollbar::-webkit-scrollbar-thumb:hover,.semi-light-scrollbar *::-webkit-scrollbar-thumb:hover{background:var(--semi-color-fill-1)}:root{font-family:PingFang SC,Noto Sans SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;--font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-editorial: "Fraunces", "Noto Serif SC", serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color:#f3f4f6;background:#1a1a2e;font-synthesis:none;--bg: #1a1a2e;--bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--panel: rgba(255, 255, 255, .05);--panel-soft: rgba(15, 23, 42, .72);--border: rgba(255, 255, 255, .1);--border-strong: rgba(96, 165, 250, .55);--text: #f3f4f6;--muted: #cbd5e1;--primary: #3b82f6;--primary-deep: #1d4ed8;--primary-soft: #60a5fa;--primary-glow: rgba(59, 130, 246, .2);--danger: #f87171;--warning: #fbbf24;--page-width: 1400px;--radius: 18px;--radius-sm: 12px;--shadow-card: 0 10px 40px rgba(0, 0, 0, .3);--shadow-glow: 0 16px 40px rgba(59, 130, 246, .16);--transition: .3s ease}*{box-sizing:border-box}html,body,#root{min-width:1120px;min-height:100%;margin:0}body{min-height:100vh;position:relative;overflow-x:hidden;background:var(--bg-gradient)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 50%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(168,85,247,.1) 0%,transparent 40%);animation:gradient-shift 20s ease infinite}@keyframes gradient-shift{0%,to{opacity:1}50%{opacity:.8}}#root{position:relative;z-index:1}button,input,select{font:inherit}button{color:inherit}::selection{background:#3b82f65c;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.app-shell{min-height:calc(100vh - 80px)}.static-app-header{position:relative;z-index:1;zoom:.8;max-width:1400px;margin:0 auto;padding:30px 20px 0;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;animation:fade-in-down .6s ease}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.static-app-header .logo-wrapper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding:20px 40px;border-radius:24px}.static-app-header .logo-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:18px;font-size:36px;background:linear-gradient(135deg,#3b82f638,#60a5fa14);border:1px solid rgba(147,197,253,.22);box-shadow:0 10px 30px #3b82f64d}.static-app-header .logo-content{text-align:left}.static-app-header .logo-content h1{margin:0 0 5px;font-size:2.2em;font-weight:700;line-height:1.3;background:linear-gradient(90deg,#3b82f6,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.static-app-header .logo-content p{margin:0;color:#fff;font-size:.95em;font-weight:400}.static-app-header .mode-tabs{display:inline-flex;align-items:center;gap:10px;width:min(100%,860px);padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#ffffff0f;box-shadow:0 16px 40px #0000002e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.static-app-header .mode-tab{display:inline-flex;align-items:center;justify-content:center;flex:1;min-width:0;padding:12px 44px;border:0;border-radius:12px;color:#fff;background:transparent;font:inherit;font-weight:600;line-height:1.35;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease}.static-app-header .mode-tab:hover{color:#f3f4f6;background:#ffffff14}.static-app-header .mode-tab.is-active{color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-soft) 100%);box-shadow:0 10px 24px #3b82f647}.static-app-header .mode-summary{display:block;width:min(720px,100%);max-width:720px;margin:0 auto;padding:16px 20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none;text-align:center}.static-app-header .mode-summary-text{margin:0;color:#fff;font-size:.9rem;line-height:1.7}@media(max-width:768px){.static-app-header .logo-wrapper{padding:15px 25px;gap:15px}.static-app-header .logo-content{text-align:center}.static-app-header .mode-tabs{display:flex;width:100%;max-width:840px;gap:8px}.static-app-header .mode-tab{flex:1;min-width:0;padding:11px 12px;white-space:normal}.static-app-header .mode-summary{padding:14px 16px}}.topbar{height:68px;padding:0 30px;border-bottom:1px solid var(--border);background:#070b12b8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:sticky;top:0;z-index:50}.topbar-inner{width:100%;max-width:var(--page-width);height:100%;margin:0 auto;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-family:var(--font-display);font-weight:900;font-size:16px;color:#03111e;background:linear-gradient(135deg,#85ddff,var(--primary));box-shadow:0 6px 24px #25b8ff59,inset 0 1px #ffffff4d;transition:var(--transition)}.brand:hover .brand-mark{transform:scale(1.05) rotate(-3deg);box-shadow:0 8px 30px #25b8ff73}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.02em;font-weight:600}.brand small{margin-top:2px;color:var(--muted);font-size:11px;letter-spacing:.03em}.main-nav{display:flex;align-items:center;gap:4px;flex:1}.nav-link{color:#8295a8;text-decoration:none;padding:9px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;letter-spacing:.02em;transition:var(--transition);position:relative}.nav-link:hover{color:#c8d6e4;background:#ffffff08}.nav-link.active{color:#fff;background:linear-gradient(135deg,#25b8ff24,#147ad60f);box-shadow:inset 0 0 0 1px #25b8ff33,0 4px 16px #25b8ff0f}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.privacy-pill{color:#8edfff;font-size:11px;font-weight:500;letter-spacing:.04em;padding:7px 14px;border:1px solid rgba(37,184,255,.18);border-radius:999px;background:linear-gradient(135deg,#25b8ff0f,#147ad608);display:flex;align-items:center;gap:6px}.privacy-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#50d890;box-shadow:0 0 8px #50d89099;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.app-main{min-height:calc(100vh - 80px)}.route-loading{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.tool-page{position:relative;z-index:1;padding:30px 20px 40px;animation:fade-up .5s ease-out}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.workbench{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(360px,.75fr);gap:24px;max-width:var(--page-width);margin:0 auto;min-height:calc(100vh - 180px);align-items:stretch}.workspace-card,.control-panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.workspace-card:hover,.control-panel:hover{border-color:#ffffff2e;box-shadow:0 20px 60px #0000003d}.workspace-card{min-width:0;min-height:620px;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:#0f172ac7}.control-panel{border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 150px);overflow:auto;background:#0f172ac7}.control-panel::-webkit-scrollbar{width:5px}.control-panel::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:99px}.panel-section{display:flex;flex-direction:column;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--border)}.panel-section h2{color:var(--text);font-size:1.05em;margin:0;letter-spacing:.01em;font-weight:600}.section-title-row,.region-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.inline-control{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#dbeafe}.status-dot{width:8px;height:8px;border-radius:50%;background:#607284;box-shadow:0 0 0 4px #6072841a;transition:var(--transition)}.status-dot.good{background:#50d890;box-shadow:0 0 0 4px #50d8901f,0 0 10px #50d8904d}.helper-text{color:#cbd5e1;font-size:12px;line-height:1.65;margin:0}.advanced-mode-toggle{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.advanced-mode-toggle:hover{border-color:#60a5fa80;background:#ffffff14}.advanced-mode-toggle:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.advanced-mode-chevron{width:7px;height:7px;border-right:1.5px solid #8393a5;border-bottom:1.5px solid #8393a5;transform:rotate(45deg) translate(-2px,2px);transition:transform .28s cubic-bezier(.4,0,.2,1)}.advanced-mode-toggle.open .advanced-mode-chevron{transform:rotate(225deg) translate(-2px,2px)}.advanced-mode-options{display:flex;flex-direction:column;gap:9px;padding:10px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0a}.advanced-mode-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:#0f172a8c;cursor:pointer;transition:var(--transition)}.advanced-mode-switch>span:first-child{display:flex;min-width:0;flex-direction:column;gap:3px}.advanced-mode-switch strong{color:#e5edf6;font-size:12px}.advanced-mode-switch small{color:var(--muted);font-size:10px;line-height:1.4}.advanced-mode-switch.selected{border-color:#60a5fa8c;background:linear-gradient(135deg,#3b82f633,#1d4ed81f);box-shadow:inset 0 0 0 1px #60a5fa14,0 8px 20px #1d4ed81f}.advanced-mode-switch.selected strong{color:#dbeafe}.advanced-mode-switch.selected small{color:#bfdbfe}.region-action-row{display:flex;align-items:center;gap:8px}.region-action-row .inline-control{color:#c0c8d4}.region-action-row .region-add-button{margin-left:auto}.drop-zone{margin:24px;flex:1;min-height:520px;border:2px dashed rgba(148,163,184,.38);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#cbd5e1;background:linear-gradient(180deg,#0f172aeb,#0f172adb),repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 16px);transition:var(--transition);outline:none}.drop-zone:hover,.drop-zone.dragging{border-color:#93c5fd;background:linear-gradient(180deg,#1e40af61,#0f172ae0),repeating-linear-gradient(135deg,rgba(147,197,253,.08) 0 1px,transparent 1px 16px);transform:translateY(-2px);box-shadow:0 20px 50px -10px #3b82f640}.drop-zone.dragging{border-style:solid;border-width:2px}.video-remove-workbench .drop-zone{border:2px dashed rgba(148,163,184,.38)}.drop-zone-icon{width:68px;height:68px;border-radius:999px;display:grid;place-items:center;margin-bottom:16px;color:#fff;font-size:38px;font-weight:300;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 100%);border:2px solid rgba(255,255,255,.15);box-shadow:0 18px 42px #3b82f647;transition:var(--transition)}.drop-zone:hover .drop-zone-icon,.drop-zone.dragging .drop-zone-icon{transform:scale(1.08);box-shadow:0 20px 48px #3b82f66b;border-color:#ffffff47}.drop-zone h2{margin:0 0 8px;color:var(--text);font-size:1.45em;font-weight:700}.drop-zone p{margin:0;color:#cbd5e1;font-size:.95em;line-height:1.6;letter-spacing:.01em}.media-stage{flex:1;min-width:0;min-height:560px;position:relative;overflow:hidden;background:#0b0d12;display:grid;place-items:center}.media-stage>video,.media-stage>img{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;display:block}.video-remove-workbench .workspace-card{height:620px;min-height:620px;max-height:620px}.video-remove-workbench .media-stage{flex:1 1 0;min-height:0}.image-stage img{-webkit-user-select:none;user-select:none}.media-meta-bar{min-height:46px;display:flex;align-items:center;gap:22px;padding:0 20px;color:#cbd5e1;background:#111827eb;border-top:1px solid var(--border);font-size:12px}.media-meta-bar span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3f4f6}.video-preview-controls{min-height:36px}.processing-overlay{position:absolute;inset:0;z-index:30;display:flex;gap:12px;align-items:center;justify-content:center;background:#0f172ad1;color:#f3f4f6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.spinner{width:26px;height:26px;border:2.5px solid rgba(255,255,255,.18);border-top-color:var(--primary-soft);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 20px #3b82f638}@keyframes spin{to{transform:rotate(360deg)}}.region-editor{position:absolute;z-index:12;cursor:crosshair;touch-action:none}.region-box{position:absolute;border:1.5px solid #ff5c6c;background:#ff4b5e1f;box-shadow:0 0 0 1px #0006,0 4px 16px #ff4b5e26;cursor:move;transition:box-shadow .2s ease}.region-box.selected{border-color:#ff8793;box-shadow:0 0 0 2px #ff5c6c33,0 0 24px #ff5c6c4d}.region-box.draft{pointer-events:none;border-style:dashed}.region-box span{position:absolute;left:-1px;top:-22px;padding:3px 7px;border-radius:4px 4px 0 0;background:#e74657;color:#fff;font-size:10px;white-space:nowrap;font-weight:500}.region-handle{position:absolute;z-index:3;width:10px;height:10px;margin:-5px 0 0 -5px;border:2px solid #fff;border-radius:50%;background:#ff5364;box-shadow:0 1px 6px #00000080;transition:transform .15s ease}.region-handle:hover{transform:scale(1.3)}.region-handle.nw,.region-handle.se{cursor:nwse-resize}.region-handle.ne,.region-handle.sw{cursor:nesw-resize}.region-list{display:flex;flex-direction:column;gap:8px}.region-list-item{position:relative;display:flex;flex-direction:column;padding:9px 11px;border:1px solid transparent;border-radius:8px;background:#1a1f2e99;color:#c0c8d4;cursor:pointer;transition:var(--transition)}.region-list-item:hover{border-color:#60a5fa66;background:#ffffff12}.region-list-item.selected{border-color:#60a5fa99;background:#3b82f624;box-shadow:0 8px 22px #1d4ed824}.region-list-head{justify-content:flex-start}.region-list-item strong{font-size:13px;font-weight:500}.region-list-item small{color:var(--muted)}.region-empty{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.region-list-spacer{flex:1}.region-mode-switch{display:inline-flex;align-items:center}.region-selected-duration{color:var(--muted);font-size:10px;line-height:18px;white-space:nowrap}.region-add-button,.region-icon-button{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 auto;padding:2px;border:0;border-radius:4px;background:transparent;color:#93c5fd;cursor:pointer;line-height:1;transition:var(--transition)}.region-add-button svg,.region-icon-button svg,.region-keyframe-toolbar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.region-icon-button.danger{color:#e74c5f}.region-add-button:hover,.region-icon-button:hover{background:#3b82f62e;transform:scale(1.1)}.region-add-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.region-keyframe-toolbar{display:flex;align-items:center;gap:3px;margin-top:6px}.region-keyframe-toolbar button{min-width:18px;height:18px;display:inline-grid;place-items:center;padding:2px;border:0;border-radius:4px;background:transparent;color:#93c5fd;cursor:pointer;font-size:13px;line-height:1;transition:var(--transition)}.region-keyframe-toolbar button:hover{background:#3b82f62e}.region-keyframe-toolbar button.clear{width:18px;color:var(--muted)}.region-keyframe-toolbar button:disabled,.region-icon-button:disabled{cursor:not-allowed;opacity:.45}.region-keyframe-toolbar>span:not(.region-list-spacer){min-width:24px;color:var(--muted);text-align:center;font-size:10px}.region-timeline{margin-top:6px}.region-timeline-track{position:relative;height:20px;overflow:hidden;border-radius:4px;background:#05080c99}.region-timeline-active{position:absolute;top:0;height:100%;background:#3b82f64d;pointer-events:none}.region-timeline-playhead{position:absolute;top:0;width:2px;height:100%;background:#ffffff80;transform:translate(-50%);pointer-events:none}.region-keyframe-dot{position:absolute;top:50%;z-index:4;width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#e74c3c;transform:translate(-50%,-50%);cursor:pointer;transition:var(--transition)}.region-keyframe-dot:hover{transform:translate(-50%,-50%) scale(1.4)}.region-keyframe-dot.selected{width:10px;height:10px;border:2px solid #e74c3c;background:#fff}.region-trim-handle{position:absolute;top:0;z-index:5;width:8px;height:100%;padding:0;border:0;background:var(--primary);transform:translate(-50%);cursor:col-resize;touch-action:none;transition:var(--transition)}.region-trim-handle:hover{background:var(--primary-soft);box-shadow:0 0 10px #3b82f680}.region-trim-handle.start{border-radius:4px 0 0 4px}.region-trim-handle.end{border-radius:0 4px 4px 0}.region-trim-handle:disabled{cursor:not-allowed;opacity:.5}.region-timeline-labels{display:flex;justify-content:space-between;margin-top:2px;color:var(--muted);font-size:10px}.button-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.button-row button,.history-list button,.keyframe-strip button{border:1px solid var(--border);background:#ffffff0d;border-radius:8px;padding:5px 9px;color:#dbeafe;cursor:pointer;font-size:11px;transition:var(--transition)}.button-row button:hover,.history-list button:hover,.keyframe-strip button:hover{border-color:#60a5fa80;background:#3b82f629}.button-row span,.range-label{color:var(--muted);font-size:10px}.range-label{display:block;margin-top:7px}.danger-link{border:0;background:transparent;color:var(--danger);padding:2px;cursor:pointer;font-size:11px}.keyframe-strip{display:flex;gap:5px;flex-wrap:wrap}.progress-card,.result-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-radius:14px;background:#ffffff0d}.progress-card>span{color:#cbd5e1;font-size:11px}.result-card strong{color:#86efac;font-size:13px}.result-card video{width:100%;max-height:180px;background:#000;border-radius:12px}.error-box,.warning-box{padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.45}.error-box{color:#ffc5ca;border:1px solid rgba(255,90,108,.22);background:#ff465a0f}.warning-box{color:#ffe2ad;border:1px solid rgba(249,186,91,.22);background:#f9ba5b0f}.history-list{display:flex;flex-direction:column;gap:6px}.history-list button{text-align:left;padding:8px}.wide-form label,.panel-section>label{color:var(--muted);font-size:11px;display:flex;flex-direction:column;gap:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{color:var(--muted);font-size:11px;display:flex;flex-direction:column;gap:5px}.form-grid .full-field{grid-column:1 / -1}.form-grid .switch-field{flex-direction:row;align-items:center;justify-content:space-between}input:not([type=range]):not([type=file]),select{width:100%;min-height:38px;border:1px solid var(--border);border-radius:10px;background:#0f172ac7;color:var(--text);padding:7px 11px;outline:none;transition:var(--transition)}input:focus,select:focus{border-color:#60a5facc;box-shadow:0 0 0 3px #3b82f633;background:#0f172aeb}input[type=color]{padding:3px!important}input[type=range]{accent-color:var(--primary)}.segmented-control{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#ffffff0d;border:1px solid var(--border)}.segmented-control button{border:0;background:transparent;border-radius:9px;padding:8px;color:#cbd5e1;cursor:pointer;font-size:12px;transition:var(--transition)}.segmented-control button:hover{color:#fff;background:#ffffff0f}.segmented-control button.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-deep));box-shadow:0 6px 18px #3b82f647}.upload-watermark{padding:10px;border:1px dashed var(--border-strong);border-radius:12px;background:#3b82f614;transition:var(--transition)}.upload-watermark:hover{background:#3b82f624}.font-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.font-gallery button{min-width:0;height:46px;padding:4px;overflow:hidden;cursor:pointer;border:1px solid var(--border);border-radius:10px;background:#0f172ab8;transition:var(--transition)}.font-gallery button:hover,.font-gallery button.selected{border-color:var(--border-strong);background:#3b82f624;transform:translateY(-1px)}.font-gallery img{width:100%;height:100%;object-fit:contain;display:block}.addwater-workbench{grid-template-columns:minmax(0,1.75fr) minmax(360px,.75fr)}.addwater-control-panel{position:relative;max-height:none;overflow:visible;gap:14px;padding:24px}.addwater-settings-title{margin:0 0 2px;color:var(--text);font-size:1.2em;line-height:1.3;font-family:var(--font-display);font-weight:700}.addwater-fieldset{min-width:0;margin:0;padding:0;border:0}.addwater-fieldset legend,.addwater-field>span:first-child,.addwater-range-field>span:first-child,.addwater-height-range>span:first-child{display:block;margin-bottom:6px;color:#aeb9c6;font-size:11px;line-height:1.4}.addwater-radio-row{display:flex;align-items:center;gap:22px}.addwater-radio-row label{display:inline-flex;align-items:center;gap:7px;color:#d5dde7;font-size:12px;cursor:pointer}.addwater-radio-row input{width:15px;height:15px;min-height:15px;margin:0;accent-color:var(--primary)}.addwater-text-settings{display:flex;flex-direction:column;gap:11px}.addwater-field{position:relative;display:flex;flex-direction:column;min-width:0}.addwater-field input:not([type=file]),.addwater-field select,.font-picker-trigger{min-height:34px}.font-picker{z-index:12}.font-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border:1px solid var(--border);border-radius:10px;background:#0f172ac7;color:#bfdbfe;cursor:pointer;transition:var(--transition)}.font-picker-trigger:hover{border-color:#60a5fa8c;background:#1e40af38}.font-picker-chevron{width:7px;height:7px;border-right:1.5px solid #9aa8b8;border-bottom:1.5px solid #9aa8b8;transform:rotate(45deg) translate(-2px,2px)}.font-gallery-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:100%;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#1a1a2efa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 45px #00000080}.addwater-switch-row{display:flex;align-items:center;gap:18px}.addwater-switch-row label{display:inline-flex;flex-direction:row;align-items:center;gap:6px;color:#c9d2dd;font-size:11px}.addwater-range-field{display:flex;flex-direction:column;color:#aeb9c6;font-size:11px}.addwater-range-field input[type=range],.addwater-height-range input[type=range]{width:100%;margin:2px 0 0}.addwater-color-field{display:flex;flex-direction:column;gap:6px;color:#aeb9c6;font-size:11px}.addwater-color-control{display:flex;align-items:center;gap:10px;color:#d6dee8}.addwater-color-control input[type=color]{width:28px;height:24px;min-height:24px;padding:1px!important;border-radius:4px}.addwater-height-range{display:flex;flex-direction:column;color:#aeb9c6;font-size:11px}.addwater-height-range input+input{margin-top:-7px}.addwater-mode-description{margin:-2px 0 0;color:#cbd5e1;font-size:10px;line-height:1.5}.addwater-control-panel .upload-watermark{min-height:38px;display:grid;place-items:center;padding:8px 10px;border-style:solid;color:#bfdbfe;cursor:pointer}.addwater-control-panel .upload-watermark input{display:none}.watermark-editor-canvas{position:absolute;z-index:15}.semi-button{border-radius:12px!important;font-weight:600!important;transition:var(--transition)!important}.semi-button-primary{background:linear-gradient(135deg,var(--primary),var(--primary-deep))!important;border:none!important;box-shadow:0 4px 15px #3b82f64d;transition:var(--transition)!important}.semi-button-primary:hover{box-shadow:0 6px 20px #3b82f66b!important;transform:translateY(-2px)}.start-processing-button.semi-button-primary,.start-processing-button.semi-button-primary-disabled{background:linear-gradient(135deg,var(--primary),var(--primary-deep))!important;border:none!important;color:#fff!important}.start-processing-button.semi-button-disabled{opacity:.5;box-shadow:0 4px 12px #3b82f61a}.semi-progress-track{background:#ffffff1a!important}.semi-progress-line-inner{background:linear-gradient(90deg,var(--primary),var(--primary-soft))!important}@media(max-height:820px){.media-stage{min-height:470px}.drop-zone{min-height:430px}.workspace-card{min-height:530px}.video-remove-workbench .workspace-card{height:530px;min-height:530px;max-height:530px}.video-remove-workbench .media-stage{min-height:0}}.seo-guide{--seo-rule: rgba(238, 246, 255, .08);--seo-rule-strong: rgba(238, 246, 255, .18);--seo-text: #c9d4e0;--seo-text-dim: #7d92a8;--seo-accent: #8edfff;max-width:1180px;margin:0 auto;padding:88px 40px 104px;color:var(--seo-text);position:relative;counter-reset:seo-section;animation:fade-up .7s cubic-bezier(.2,.7,.2,1) .05s both}.seo-guide:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:720px;max-width:96%;height:480px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(37,184,255,.08),transparent 70%),radial-gradient(ellipse 40% 30% at 80% 20%,rgba(20,122,214,.05),transparent 70%)}.seo-guide:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.6 0 0 0 0 0.7 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.seo-hero{margin-bottom:96px;padding:8px 0 32px;text-align:center;position:relative}.seo-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:32px;padding:7px 18px 7px 14px;border:1px solid var(--seo-rule-strong);border-radius:999px;background:#25b8ff0a;color:var(--seo-accent);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.seo-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--seo-accent);box-shadow:0 0 8px var(--seo-accent);animation:seoPulse 2.4s ease-in-out infinite}@keyframes seoPulse{0%,to{opacity:1}50%{opacity:.35}}.seo-guide h1{font-size:clamp(40px,6vw,64px);margin:0 0 28px;line-height:1.08;font-family:var(--font-editorial);font-weight:600;background:linear-gradient(180deg,#fff,#a8c8e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.seo-guide .seo-hero>p{font-size:17px;line-height:1.85;color:var(--seo-text);margin:0 auto 28px;max-width:720px;font-family:var(--font-editorial);font-weight:300}.seo-note{display:inline-block;max-width:640px;padding:14px 22px;border-left:2px solid var(--seo-accent);background:linear-gradient(90deg,rgba(37,184,255,.05),transparent 60%);border-radius:0 6px 6px 0;color:var(--seo-text-dim);font-size:13px;line-height:1.7;text-align:left;font-family:var(--font-mono);letter-spacing:.01em}.seo-guide .seo-section{margin:88px 0;position:relative;animation:seoSectionIn .7s cubic-bezier(.2,.7,.2,1) both}.seo-guide .seo-section:nth-of-type(2){animation-delay:.1s}.seo-guide .seo-section:nth-of-type(3){animation-delay:.15s}.seo-guide .seo-section:nth-of-type(4){animation-delay:.2s}.seo-guide .seo-section:nth-of-type(5){animation-delay:.25s}.seo-guide .seo-section:nth-of-type(6){animation-delay:.3s}@keyframes seoSectionIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.seo-guide h2{font-size:clamp(26px,3.4vw,36px);margin:0 0 40px;color:#fff;font-family:var(--font-editorial);font-weight:600;letter-spacing:-.02em;line-height:1.2;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:20px;counter-increment:seo-section}.seo-guide h2:before{content:counter(seo-section,decimal-leading-zero);font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--seo-accent);letter-spacing:.1em;align-self:center}.seo-guide h2:after{content:"";display:block;height:1px;align-self:center;background:linear-gradient(90deg,var(--seo-rule-strong),transparent 80%)}.seo-guide h3{font-size:17px;margin:0 0 10px;color:#fff;font-family:var(--font-editorial);font-weight:600;letter-spacing:-.01em}.seo-guide p{line-height:1.8;color:var(--seo-text);margin:0;font-size:14.5px;font-family:var(--font-editorial);font-weight:300}.seo-guide ul{padding-left:0;color:var(--seo-text);margin:0;list-style:none}.seo-guide li{margin:12px 0;line-height:1.65;font-size:14px;padding-left:22px;position:relative}.seo-guide li:before{content:"";position:absolute;left:0;top:.7em;width:12px;height:1px;background:var(--seo-accent);opacity:.6}.seo-guide a{color:var(--seo-accent);text-decoration:none;transition:var(--transition);border-bottom:1px solid rgba(142,223,255,.2)}.seo-guide a:hover{color:#fff;border-bottom-color:var(--seo-accent)}.seo-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0;border-top:1px solid var(--seo-rule)}.seo-feature{padding:32px 28px;border-bottom:1px solid var(--seo-rule);border-right:1px solid var(--seo-rule);background:transparent;transition:var(--transition);position:relative;overflow:hidden}.seo-feature:nth-child(3n){border-right:none}.seo-feature:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--seo-accent);transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.seo-feature:hover{background:linear-gradient(180deg,rgba(37,184,255,.04),transparent 80%)}.seo-feature:hover:before{transform:scaleY(1)}.seo-feature-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;margin-bottom:20px;font-size:18px;font-weight:700;color:#03111e;background:linear-gradient(135deg,#a8e8ff,var(--primary));box-shadow:0 6px 20px #25b8ff40,inset 0 1px #fff6;font-family:var(--font-editorial);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.seo-feature:hover .seo-feature-icon{transform:translateY(-2px) rotate(-3deg)}.seo-feature h3{color:#fff;font-size:16px;margin-bottom:8px;font-family:var(--font-editorial);font-weight:600}.seo-feature p{font-size:13.5px;line-height:1.7;color:var(--seo-text-dim)}.seo-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;position:relative;border-top:1px solid var(--seo-rule)}.seo-step{padding:36px 28px 32px;border-bottom:1px solid var(--seo-rule);border-right:1px solid var(--seo-rule);background:transparent;transition:var(--transition);position:relative}.seo-step:nth-child(4n){border-right:none}.seo-step:hover{background:#25b8ff08}.seo-step-num{width:auto;height:auto;border-radius:0;display:block;margin-bottom:20px;padding:0;font-family:var(--font-editorial);font-weight:300;font-size:44px;color:var(--seo-accent);line-height:1;background:none;box-shadow:none;letter-spacing:-.04em;transition:color .3s ease}.seo-step:hover .seo-step-num{color:#fff}.seo-step h3{font-size:15px;margin-bottom:6px;color:#fff;font-family:var(--font-editorial);font-weight:600}.seo-step p{font-size:13px;color:var(--seo-text-dim)}.seo-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;border:1px solid var(--seo-rule);border-radius:4px;overflow:hidden}.seo-compare-col{padding:32px 28px;border-right:1px solid var(--seo-rule);background:transparent;transition:var(--transition)}.seo-compare-col:last-child{border-right:none}.seo-compare-col:hover{background:#25b8ff06}.seo-compare-good{border-right-color:var(--seo-rule)}.seo-compare-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;border-radius:0;background:none;border:0}.seo-compare-tag:before{content:"";width:8px;height:8px;border-radius:50%}.seo-compare-good .seo-compare-tag{color:#76ddaa}.seo-compare-good .seo-compare-tag:before{background:#76ddaa;box-shadow:0 0 8px #76ddaa80}.seo-compare-fair .seo-compare-tag{color:#f9ba5b}.seo-compare-fair .seo-compare-tag:before{background:#f9ba5b;box-shadow:0 0 8px #f9ba5b80}.seo-compare-col ul{margin-top:4px}.seo-compare-col li{font-size:13.5px}.seo-faq-wrap{display:grid;grid-template-columns:140px 1fr;gap:40px;align-items:start;max-width:980px;margin:0 auto;position:relative}.seo-faq-monument{position:sticky;top:24px;display:flex;flex-direction:column;align-items:flex-start;padding:4px 0 0 2px;-webkit-user-select:none;user-select:none}.seo-faq-glyph{display:block;font-family:var(--font-editorial);font-weight:300;font-size:128px;line-height:.8;color:transparent;background:linear-gradient(155deg,#fff,#8edfff,#25b8ff26);-webkit-background-clip:text;background-clip:text;letter-spacing:-.06em;filter:drop-shadow(0 4px 24px rgba(37,184,255,.15));animation:seoGlyphFloat 6s ease-in-out infinite}@keyframes seoGlyphFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(.5deg)}}.seo-faq-count{display:flex;flex-direction:column;gap:2px;margin-top:10px;border-left:1px solid var(--seo-rule-strong);padding-left:12px}.seo-faq-count b{font-family:var(--font-editorial);font-weight:600;font-size:20px;line-height:1;color:#fff;letter-spacing:-.02em}.seo-faq-count i{font-style:normal;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.18em;color:var(--seo-accent)}.seo-faq{border-top:1px solid var(--seo-rule-strong)}.seo-faq-item{border:0;border-bottom:1px solid var(--seo-rule);border-radius:0;background:transparent;transition:background .4s ease;overflow:hidden;position:relative}.seo-faq-item:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 160px at var(--mx, 50%) 50%,rgba(37,184,255,.07),transparent 70%);opacity:0;transition:opacity .4s ease}.seo-faq-item:hover:before{opacity:1}.seo-faq-item:hover{background:#25b8ff05}.seo-faq-item[open]{background:linear-gradient(180deg,rgba(37,184,255,.04),transparent 70%)}.seo-faq-item>summary{list-style:none;cursor:pointer;padding:20px 6px 20px 0;display:flex;align-items:baseline;gap:18px;-webkit-user-select:none;user-select:none;transition:color .3s ease;color:#fff;position:relative;z-index:1}.seo-faq-item>summary::-webkit-details-marker{display:none}.seo-faq-num{flex-shrink:0;font-family:var(--font-editorial);font-weight:300;font-size:32px;line-height:.9;color:var(--seo-text-dim);letter-spacing:-.03em;min-width:44px;transition:all .4s cubic-bezier(.2,.7,.2,1)}.seo-faq-item:hover .seo-faq-num{color:var(--seo-accent);transform:translateY(-1px)}.seo-faq-item[open] .seo-faq-num{color:var(--seo-accent);font-weight:400}.seo-faq-q{font-family:var(--font-editorial);font-weight:500;font-size:15px;line-height:1.5;letter-spacing:-.005em;flex:1;padding-top:7px;transition:color .3s ease}.seo-faq-item[open] .seo-faq-q{color:var(--seo-accent)}.seo-faq-item>summary:after{content:"";flex-shrink:0;align-self:center;width:14px;height:14px;position:relative;margin-top:10px;background:linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat;color:var(--seo-text-dim);transition:transform .45s cubic-bezier(.2,.7,.2,1),color .3s ease}.seo-faq-item:hover>summary:after{color:var(--seo-accent)}.seo-faq-item[open]>summary:after{transform:rotate(135deg);color:var(--seo-accent)}.seo-faq-a{padding:0 6px 22px 62px;position:relative;animation:seoCurtainRise .5s cubic-bezier(.2,.7,.2,1)}.seo-faq-a:before{content:"";position:absolute;left:44px;top:2px;bottom:22px;width:1px;background:linear-gradient(180deg,var(--seo-accent),transparent);opacity:.5}.seo-faq-a p{font-family:var(--font-editorial);font-weight:300;font-size:13.5px;line-height:1.8;color:var(--seo-text);margin:0;position:relative}.seo-faq-a p:before{content:"— ";color:var(--seo-accent);opacity:.7;margin-right:4px}@keyframes seoCurtainRise{0%{opacity:0;transform:translateY(-8px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}.seo-footer{margin-top:96px;padding-top:40px;border-top:1px solid var(--seo-rule-strong);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.seo-footer-links{display:flex;gap:32px}.seo-footer-links a{font-size:13px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-bottom:0}.seo-footer p{margin:0;color:var(--seo-text-dim);font-size:12px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}@media(max-width:880px){.seo-guide{padding:64px 24px 72px}.seo-guide h1{font-size:38px}.seo-guide .seo-hero>p{font-size:15px}.seo-guide .seo-section{margin:64px 0}.seo-guide h2{font-size:24px;margin-bottom:32px}.seo-feature,.seo-step{border-right:none}.seo-feature:nth-child(3n){border-right:none}.seo-step:nth-child(4n){border-right:none}.seo-faq-wrap{grid-template-columns:1fr;gap:20px}.seo-faq-monument{position:static;flex-direction:row;align-items:baseline;gap:16px;padding:0}.seo-faq-glyph{font-size:72px}.seo-faq-count{margin-top:0}.seo-faq-num{font-size:26px;min-width:36px}.seo-faq-q{font-size:14px;padding-top:4px}.seo-faq-a{padding:0 6px 18px 52px}.seo-faq-a:before{left:38px}}@media(max-width:560px){.seo-guide{padding:48px 18px 56px}.seo-guide h1{font-size:32px}.seo-hero{margin-bottom:64px}.seo-badge{font-size:10px;padding:6px 14px 6px 10px}.seo-guide h2{grid-template-columns:1fr;gap:8px}.seo-guide h2:after{display:none}.seo-footer{flex-direction:column;align-items:flex-start}.seo-faq-glyph{font-size:56px}.seo-faq-count b{font-size:16px}.seo-faq-item>summary{gap:12px;padding:16px 4px 16px 0}.seo-faq-num{font-size:22px;min-width:30px}.seo-faq-q{font-size:13px}.seo-faq-a{padding:0 4px 16px 42px}.seo-faq-a:before{left:30px}.seo-faq-a p{font-size:12.5px}}.site-top-nav{--site-nav-primary-color: #3b82f6;--site-nav-primary-dark: #1d4ed8;--site-nav-secondary-color: #60a5fa;--site-nav-text-primary: #f3f4f6;--site-nav-text-secondary: #fff;position:sticky;top:0;z-index:1000;width:100%;min-width:1120px;background:#1a1a2ef2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:0 20px;box-sizing:border-box;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.site-top-nav *,.site-top-nav *:before,.site-top-nav *:after{box-sizing:border-box}.site-top-nav .nav-container{max-width:1400px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.site-top-nav .nav-brand{display:flex;align-items:center;gap:12px;color:var(--site-nav-text-primary);text-decoration:none}.site-top-nav .nav-logo{font-size:32px}.site-top-nav .nav-title{font-size:1.5em;font-weight:600;background:linear-gradient(135deg,var(--site-nav-primary-color) 0%,var(--site-nav-secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-top-nav .nav-links{display:flex;align-items:center;gap:12px}.site-top-nav .nav-link{position:static;padding:12px 20px;border-radius:8px;color:var(--site-nav-text-secondary);font-size:1.05em;font-weight:500;letter-spacing:normal;text-decoration:none;transition:all .3s ease}.site-top-nav .nav-link:after{content:none}.site-top-nav .nav-link:hover{color:var(--site-nav-text-primary);background:#ffffff1a}.site-top-nav .nav-link.active{color:#fff;background:linear-gradient(135deg,var(--site-nav-primary-color) 0%,var(--site-nav-primary-dark) 100%);box-shadow:none}.site-top-nav .nav-dropdown{position:relative}.site-top-nav .nav-dropdown-toggle{cursor:pointer}.site-top-nav .nav-dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;min-width:180px;padding:8px 0;opacity:0;visibility:hidden;color:var(--site-nav-text-secondary);background:#1a1a2efa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #0000004d;transform:translateY(-10px);transition:all .3s ease}.site-top-nav .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.site-top-nav .nav-dropdown-link{display:block;padding:10px 20px;color:var(--site-nav-text-secondary);font-size:.9em;text-decoration:none;transition:all .3s ease}.site-top-nav .nav-dropdown-link:hover{color:var(--site-nav-text-primary);background:#ffffff1a}@media(max-width:768px){.site-top-nav{padding:0 12px}.site-top-nav .nav-container{height:auto;min-height:72px;padding:10px 0;flex-wrap:wrap;justify-content:center;gap:8px}.site-top-nav .nav-brand{justify-content:center;width:100%}.site-top-nav .nav-links{width:100%;min-width:0;justify-content:center;flex-wrap:wrap;gap:4px}.site-top-nav .nav-link{padding:6px 10px;font-size:.85em;white-space:normal;text-align:center}.site-top-nav .nav-title{font-size:1em}.site-top-nav .nav-dropdown-menu{position:static;opacity:1;visibility:visible;padding:0;margin-top:8px;background:transparent;border:none;box-shadow:none;transform:none}.site-top-nav .nav-dropdown-link{padding:6px 10px;font-size:.85em}}