body,body[theme-mode=dark] .semi-always-light,:host,:host .semi-always-light{--semi-black: 0,0,0;--semi-red-0: 254,243,237;--semi-red-1: 254,223,210;--semi-red-2: 253,188,165;--semi-red-3: 252,150,120;--semi-red-4: 251,110,76;--semi-red-5: 249,68,32;--semi-red-6: 214,46,21;--semi-red-7: 178,28,12;--semi-red-8: 142,14,5;--semi-red-9: 107,4,1;--semi-white: 255,255,255;--semi-blue-0: 234,245,255;--semi-blue-1: 203,230,254;--semi-blue-2: 152,204,253;--semi-blue-3: 101,176,252;--semi-blue-4: 50,146,251;--semi-blue-5: 0,115,251;--semi-blue-6: 0,95,215;--semi-blue-7: 0,76,179;--semi-blue-8: 0,59,143;--semi-blue-9: 0,42,108;--semi-cyan-0: 229,247,248;--semi-cyan-1: 194,238,240;--semi-cyan-2: 138,220,226;--semi-cyan-3: 88,200,211;--semi-cyan-4: 44,181,197;--semi-cyan-5: 5,161,182;--semi-cyan-6: 3,131,152;--semi-cyan-7: 1,103,122;--semi-cyan-8: 0,75,91;--semi-cyan-9: 0,49,61;--semi-grey-0: 249,249,249;--semi-grey-1: 234,234,230;--semi-grey-2: 205,205,198;--semi-grey-3: 176,175,167;--semi-grey-4: 146,146,136;--semi-grey-5: 117,116,107;--semi-grey-6: 98,97,88;--semi-grey-7: 78,77,70;--semi-grey-8: 59,58,52;--semi-grey-9: 39,39,34;--semi-lime-0: 241,250,230;--semi-lime-1: 224,246,197;--semi-lime-2: 198,237,142;--semi-lime-3: 177,228,91;--semi-lime-4: 159,219,44;--semi-lime-5: 145,209,0;--semi-lime-6: 118,175,0;--semi-lime-7: 92,140,0;--semi-lime-8: 67,105,0;--semi-lime-9: 44,70,0;--semi-pink-0: 253,236,238;--semi-pink-1: 251,207,212;--semi-pink-2: 246,161,174;--semi-pink-3: 242,116,139;--semi-pink-4: 238,72,109;--semi-pink-5: 233,30,82;--semi-pink-6: 198,20,71;--semi-pink-7: 162,11,60;--semi-pink-8: 126,5,48;--semi-pink-9: 91,1,36;--semi-teal-0: 228,247,246;--semi-teal-1: 192,240,236;--semi-teal-2: 135,224,219;--semi-teal-3: 84,209,203;--semi-teal-4: 39,194,189;--semi-teal-5: 0,179,176;--semi-teal-6: 0,148,149;--semi-teal-7: 0,116,119;--semi-teal-8: 0,86,89;--semi-teal-9: 0,56,60;--semi-amber-0: 254,252,235;--semi-amber-1: 252,248,206;--semi-amber-2: 249,238,158;--semi-amber-3: 246,225,111;--semi-amber-4: 243,209,65;--semi-amber-5: 240,191,20;--semi-amber-6: 200,150,15;--semi-amber-7: 160,112,10;--semi-amber-8: 120,78,6;--semi-amber-9: 80,48,3;--semi-green-0: 236,247,237;--semi-green-1: 208,240,211;--semi-green-2: 164,224,171;--semi-green-3: 125,209,136;--semi-green-4: 90,194,105;--semi-green-5: 59,179,78;--semi-green-6: 48,149,65;--semi-green-7: 37,119,53;--semi-green-8: 27,89,40;--semi-green-9: 17,60,27;--semi-indigo-0: 236,239,248;--semi-indigo-1: 209,215,240;--semi-indigo-2: 167,177,226;--semi-indigo-3: 128,141,211;--semi-indigo-4: 94,108,196;--semi-indigo-5: 63,77,181;--semi-indigo-6: 51,62,161;--semi-indigo-7: 40,49,141;--semi-indigo-8: 31,37,120;--semi-indigo-9: 23,27,100;--semi-orange-0: 255,249,234;--semi-orange-1: 255,240,204;--semi-orange-2: 254,222,152;--semi-orange-3: 254,200,101;--semi-orange-4: 253,176,51;--semi-orange-5: 253,148,0;--semi-orange-6: 210,112,0;--semi-orange-7: 168,82,0;--semi-orange-8: 126,55,0;--semi-orange-9: 84,32,0;--semi-purple-0: 247,233,247;--semi-purple-1: 240,202,238;--semi-purple-2: 224,155,224;--semi-purple-3: 207,111,209;--semi-purple-4: 187,73,194;--semi-purple-5: 166,40,179;--semi-purple-6: 142,30,158;--semi-purple-7: 119,22,138;--semi-purple-8: 98,15,117;--semi-purple-9: 77,10,97;--semi-violet-0: 244,237,249;--semi-violet-1: 227,209,244;--semi-violet-2: 199,167,233;--semi-violet-3: 171,127,222;--semi-violet-4: 142,91,211;--semi-violet-5: 114,58,199;--semi-violet-6: 94,47,179;--semi-violet-7: 76,37,159;--semi-violet-8: 60,28,138;--semi-violet-9: 45,20,118;--semi-yellow-0: 254,255,234;--semi-yellow-1: 253,254,203;--semi-yellow-2: 253,253,152;--semi-yellow-3: 253,247,101;--semi-yellow-4: 252,238,50;--semi-yellow-5: 251,225,0;--semi-yellow-6: 209,191,0;--semi-yellow-7: 167,156,0;--semi-yellow-8: 126,119,0;--semi-yellow-9: 84,81,0;--semi-light-blue-0: 233,247,253;--semi-light-blue-1: 201,235,252;--semi-light-blue-2: 149,213,248;--semi-light-blue-3: 98,191,245;--semi-light-blue-4: 48,167,242;--semi-light-blue-5: 0,142,238;--semi-light-blue-6: 0,118,203;--semi-light-blue-7: 0,94,167;--semi-light-blue-8: 0,72,131;--semi-light-blue-9: 0,51,96;--semi-light-green-0: 243,248,236;--semi-light-green-1: 226,240,208;--semi-light-green-2: 198,226,165;--semi-light-green-3: 171,211,126;--semi-light-green-4: 145,197,91;--semi-light-green-5: 120,182,60;--semi-light-green-6: 98,152,49;--semi-light-green-7: 76,122,38;--semi-light-green-8: 56,91,27;--semi-light-green-9: 36,61,18}body[theme-mode=dark],body .semi-always-dark,:host([theme-mode=dark]),:host .semi-always-dark{--semi-black: 0,0,0;--semi-red-0: 108,11,9;--semi-red-1: 144,23,16;--semi-red-2: 180,39,25;--semi-red-3: 215,59,36;--semi-red-4: 251,82,50;--semi-red-5: 252,122,90;--semi-red-6: 253,159,131;--semi-red-7: 253,193,172;--semi-red-8: 254,225,213;--semi-red-9: 255,244,239;--semi-white: 255,255,255;--semi-blue-0: 5,47,112;--semi-blue-1: 10,68,148;--semi-blue-2: 19,90,184;--semi-blue-3: 29,114,219;--semi-blue-4: 41,141,255;--semi-blue-5: 84,166,255;--semi-blue-6: 127,191,255;--semi-blue-7: 169,213,255;--semi-blue-8: 212,235,255;--semi-blue-9: 239,248,255;--semi-cyan-0: 4,51,61;--semi-cyan-1: 7,78,92;--semi-cyan-2: 10,105,123;--semi-cyan-3: 14,134,153;--semi-cyan-4: 19,164,184;--semi-cyan-5: 56,184,198;--semi-cyan-6: 98,203,212;--semi-cyan-7: 145,221,227;--semi-cyan-8: 198,239,241;--semi-cyan-9: 231,247,248;--semi-grey-0: 39,39,34;--semi-grey-1: 59,58,52;--semi-grey-2: 78,77,70;--semi-grey-3: 88,94,100;--semi-grey-4: 117,116,107;--semi-grey-5: 146,146,136;--semi-grey-6: 176,175,167;--semi-grey-7: 205,205,198;--semi-grey-8: 234,234,230;--semi-grey-9: 249,249,249;--semi-lime-0: 46,70,3;--semi-lime-1: 71,105,5;--semi-lime-2: 97,141,9;--semi-lime-3: 131,177,12;--semi-lime-4: 154,211,17;--semi-lime-5: 167,220,58;--semi-lime-6: 183,229,102;--semi-lime-7: 203,237,150;--semi-lime-8: 227,246,201;--semi-lime-9: 243,251,233;--semi-pink-0: 92,7,42;--semi-pink-1: 128,14,56;--semi-pink-2: 164,23,70;--semi-pink-3: 199,34,84;--semi-pink-4: 235,47,98;--semi-pink-5: 239,86,122;--semi-pink-6: 243,126,150;--semi-pink-7: 247,168,182;--semi-pink-8: 251,211,216;--semi-pink-9: 253,238,240;--semi-teal-0: 2,58,60;--semi-teal-1: 4,88,90;--semi-teal-2: 7,119,119;--semi-teal-3: 10,149,147;--semi-teal-4: 14,179,174;--semi-teal-5: 51,194,187;--semi-teal-6: 94,209,202;--semi-teal-7: 142,225,218;--semi-teal-8: 196,240,236;--semi-teal-9: 230,247,246;--semi-amber-0: 81,50,9;--semi-amber-1: 121,81,15;--semi-amber-2: 161,115,22;--semi-amber-3: 202,153,30;--semi-amber-4: 242,195,38;--semi-amber-5: 245,203,80;--semi-amber-6: 247,227,122;--semi-amber-7: 250,239,166;--semi-amber-8: 252,248,210;--semi-amber-9: 254,252,237;--semi-green-0: 18,60,27;--semi-green-1: 28,90,41;--semi-green-2: 39,119,54;--semi-green-3: 50,149,67;--semi-green-4: 62,179,80;--semi-green-5: 93,194,106;--semi-green-6: 127,209,137;--semi-green-7: 166,225,172;--semi-green-8: 208,240,211;--semi-green-9: 236,247,237;--semi-indigo-0: 23,28,101;--semi-indigo-1: 32,38,122;--semi-indigo-2: 41,51,142;--semi-indigo-3: 52,64,163;--semi-indigo-4: 64,79,183;--semi-indigo-5: 95,109,197;--semi-indigo-6: 129,142,212;--semi-indigo-7: 167,178,226;--semi-indigo-8: 209,215,241;--semi-indigo-9: 237,239,248;--semi-orange-0: 85,34,3;--semi-orange-1: 128,58,6;--semi-orange-2: 170,86,10;--semi-orange-3: 213,119,15;--semi-orange-4: 255,156,20;--semi-orange-5: 255,182,67;--semi-orange-6: 255,205,114;--semi-orange-7: 255,225,161;--semi-orange-8: 255,241,208;--semi-orange-9: 255,250,237;--semi-purple-0: 78,16,97;--semi-purple-1: 99,23,118;--semi-purple-2: 120,31,138;--semi-purple-3: 143,40,159;--semi-purple-4: 166,51,179;--semi-purple-5: 187,83,194;--semi-purple-6: 206,120,209;--semi-purple-7: 225,160,225;--semi-purple-8: 240,206,239;--semi-purple-9: 247,235,247;--semi-violet-0: 50,27,119;--semi-violet-1: 65,36,140;--semi-violet-2: 82,46,160;--semi-violet-3: 100,57,181;--semi-violet-4: 120,70,201;--semi-violet-5: 147,101,212;--semi-violet-6: 174,136,223;--semi-violet-7: 202,173,233;--semi-violet-8: 229,212,244;--semi-violet-9: 244,238,250;--semi-yellow-0: 84,74,3;--semi-yellow-1: 126,109,6;--semi-yellow-2: 168,144,10;--semi-yellow-3: 210,176,15;--semi-yellow-4: 252,208,20;--semi-yellow-5: 253,224,67;--semi-yellow-6: 253,236,113;--semi-yellow-7: 254,246,160;--semi-yellow-8: 254,252,208;--semi-yellow-9: 255,254,236;--semi-light-blue-0: 0,52,97;--semi-light-blue-1: 0,74,133;--semi-light-blue-2: 3,98,169;--semi-light-blue-3: 10,124,204;--semi-light-blue-4: 19,153,240;--semi-light-blue-5: 64,175,243;--semi-light-blue-6: 110,197,246;--semi-light-blue-7: 157,217,249;--semi-light-blue-8: 206,237,252;--semi-light-blue-9: 235,248,254;--semi-light-green-0: 37,61,19;--semi-light-green-1: 58,92,29;--semi-light-green-2: 79,123,40;--semi-light-green-3: 106,154,58;--semi-light-green-4: 123,182,60;--semi-light-green-5: 148,198,95;--semi-light-green-6: 174,212,129;--semi-light-green-7: 200,227,167;--semi-light-green-8: 227,241,209;--semi-light-green-9: 243,248,237}body,body[theme-mode=dark] .semi-always-light,:host,:host .semi-always-light{--semi-color-bg-0: var(--semi-color-white);--semi-color-bg-1: var(--semi-color-white);--semi-color-bg-2: var(--semi-color-white);--semi-color-bg-3: var(--semi-color-white);--semi-color-bg-4: var(--semi-color-white);--semi-color-info: rgba(0,100,250, 1);--semi-color-link: rgba(var(--semi-yellow-5),1);--semi-color-nav-bg: var(--semi-color-bg-1);--semi-color-black: 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-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-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-color-white: rgba(var(--semi-white),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-overlay-bg: rgba(22, 22, 26, .6);--semi-color-border: rgba(var(--semi-grey-1),1);--semi-color-danger: rgba(var(--semi-red-5),1);--semi-color-shadow: rgba(0,0,0,.04);--semi-color-border-1: rgba(var(--semi-grey-2),1);--semi-color-border-2: rgba(var(--semi-grey-3),1);--semi-color-border-3: rgba(var(--semi-grey-5),1);--semi-color-default: rgba(var(--semi-grey-0),1);--semi-color-info-hover: rgba(0,82,214, 1);--semi-color-link-hover: rgba(var(--semi-yellow-6),1);--semi-color-primary: rgba(var(--semi-yellow-5),1);--semi-color-success: rgba(var(--semi-green-5),1);--semi-color-warning: rgba(var(--semi-orange-5),1);--semi-color-info-active: rgba(0,65,179, 1);--semi-color-link-active: rgba(var(--semi-yellow-7),1);--semi-color-link-visited: rgba(var(--semi-yellow-5),1);--semi-color-tertiary: rgba(var(--semi-grey-5),1);--semi-color-focus-border: rgba(var(--semi-yellow-5),1);--semi-color-info-disabled: rgba(152,197,253, 1);--semi-color-danger-hover: rgba(var(--semi-red-6),1);--semi-color-highlight: rgba(var(--semi-black), 1);--semi-color-secondary: rgba(var(--semi-yellow-5),1);--semi-color-danger-active: rgba(var(--semi-red-7),1);--semi-color-disabled-bg: rgba(var(--semi-grey-2),1);--semi-color-default-hover: rgba(var(--semi-grey-1),1);--semi-color-primary-hover: rgba(var(--semi-yellow-6),1);--semi-color-success-hover: rgba(var(--semi-green-6),1);--semi-color-warning-hover: rgba(var(--semi-orange-6),1);--semi-color-default-active: rgba(var(--semi-grey-2),1);--semi-color-disabled-fill: rgba(var(--semi-grey-8),.04);--semi-color-disabled-text: rgba(var(--semi-grey-9),.35);--semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);--semi-color-primary-active: rgba(var(--semi-yellow-7),1);--semi-color-success-active: rgba(var(--semi-green-7),1);--semi-color-warning-active: rgba(var(--semi-orange-7),1);--semi-color-tertiary-hover: rgba(var(--semi-grey-6),1);--semi-color-disabled-border: rgba(var(--semi-grey-9),.04);--semi-color-primary-disabled: rgba(var(--semi-yellow-2),1);--semi-color-success-disabled: rgba(var(--semi-green-2),1);--semi-color-tertiary-active: rgba(var(--semi-grey-7),1);--semi-color-secondary-hover: rgba(var(--semi-yellow-6),1);--semi-color-secondary-active: rgba(var(--semi-yellow-7),1);--semi-color-info-light-hover: rgba(203,227,254, 1);--semi-color-primary-light-hover: rgba(var(--semi-yellow-1),1);--semi-color-info-light-active: rgba(152,197,253, 1);--semi-color-primary-light-active: rgba(var(--semi-yellow-2),1);--semi-color-secondary-disabled: rgba(var(--semi-yellow-2),1);--semi-color-info-light-default: rgba(234,244,255, 1);--semi-color-primary-light-default: rgba(var(--semi-yellow-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-danger-light-default: rgba(var(--semi-red-0),1);--semi-color-success-light-hover: rgba(var(--semi-green-1),1);--semi-color-warning-light-hover: rgba(var(--semi-orange-1),1);--semi-color-success-light-active: rgba(var(--semi-green-2),1);--semi-color-warning-light-active: rgba(var(--semi-orange-3),1);--semi-color-success-light-default: rgba(var(--semi-green-0),1);--semi-color-tertiary-light-hover: rgba(var(--semi-grey-1),1);--semi-color-warning-light-default: rgba(var(--semi-orange-0),1);--semi-color-tertiary-light-active: rgba(var(--semi-grey-2),1);--semi-color-secondary-light-hover: rgba(var(--semi-yellow-1),1);--semi-color-tertiary-light-default: rgba(var(--semi-grey-0),1);--semi-color-secondary-light-active: rgba(var(--semi-yellow-2),1);--semi-color-secondary-light-default: rgba(var(--semi-yellow-0),1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;--semi-shadow-elevated: 0px 0px 1px rgba(0,0,0,.3),0px 4px 14px rgba(0,0,0,.1);--semi-shadow-0: none;--semi-shadow-1: none;--semi-shadow-2: 0px 2px 4px rgba(0,0,0,.14),0px 0px 1px rgba(0,0,0,.16);--semi-shadow-knob: 0 4px 6px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.3);--semi-border-radius-large: 12px;--semi-border-radius-small: 12px;--semi-border-radius-circle: 10000px;--semi-border-radius-medium: 6px;--semi-border-radius-extra-small: 3px}body[theme-mode=dark],body .semi-always-dark,:host([theme-mode=dark]),:host .semi-always-dark{--semi-color-bg-0: rgb(22,22,26);--semi-color-bg-1: rgb(35,36,41);--semi-color-bg-2: rgb(53,54,60);--semi-color-bg-3: rgb(67,68,74);--semi-color-bg-4: rgb(79,81,89);--semi-color-info: rgba(var(--semi-blue-5), 1);--semi-color-link: var(--semi-color-primary);--semi-color-nav-bg: var(--semi-color-bg-1);--semi-color-black: rgba(var(--semi-black),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-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-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-color-white: #E4E7F5;--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-overlay-bg: rgba(22, 22, 26, .6);--semi-color-border: rgba(var(--semi-grey-1),1);--semi-color-danger: rgba(var(--semi-red-5),1);--semi-color-shadow: rgba(0,0,0,.04);--semi-color-border-1: rgba(var(--semi-grey-2),1);--semi-color-border-2: rgba(var(--semi-grey-3),1);--semi-color-border-3: rgba(var(--semi-grey-5),1);--semi-color-default: rgba(var(--semi-grey-0),1);--semi-color-info-hover: rgba(var(--semi-blue-6), 1);--semi-color-link-hover: var(--semi-color-primary-hover);--semi-color-primary: rgba(var(--semi-lime-5),1);--semi-color-success: rgba(var(--semi-green-5),1);--semi-color-warning: rgba(var(--semi-orange-5),1);--semi-color-info-active: rgba(var(--semi-blue-7), 1);--semi-color-link-active: var(--semi-color-primary-active);--semi-color-link-visited: var(--semi-color-primary);--semi-color-tertiary: rgba(var(--semi-grey-5),1);--semi-color-focus-border: rgba(var(--semi-brand-5), 1);--semi-color-info-disabled: rgba(var(--semi-blue-2), 1);--semi-color-danger-hover: rgba(var(--semi-red-6),1);--semi-color-highlight: rgba(var(--semi-white), 1);--semi-color-secondary: rgba(var(--semi-yellow-5),1);--semi-color-danger-active: rgba(var(--semi-red-7),1);--semi-color-disabled-bg: rgba(var(--semi-grey-2),1);--semi-color-default-hover: rgba(var(--semi-grey-1),1);--semi-color-primary-hover: rgba(var(--semi-lime-6), 1);--semi-color-success-hover: rgba(var(--semi-green-6),1);--semi-color-warning-hover: rgba(var(--semi-orange-6),1);--semi-color-default-active: rgba(var(--semi-grey-2),1);--semi-color-disabled-fill: rgba(var(--semi-grey-8),.04);--semi-color-disabled-text: rgba(var(--semi-grey-9),.35);--semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);--semi-color-primary-active: rgba(var(--semi-lime-7), 1);--semi-color-success-active: rgba(var(--semi-green-7),1);--semi-color-warning-active: rgba(var(--semi-orange-7),1);--semi-color-tertiary-hover: rgba(var(--semi-grey-6),1);--semi-color-disabled-border: rgba(var(--semi-grey-9),.04);--semi-color-primary-disabled: rgba(var(--semi-lime-2), 1);--semi-color-success-disabled: rgba(var(--semi-green-2),1);--semi-color-tertiary-active: rgba(var(--semi-grey-7),1);--semi-color-secondary-hover: rgba(var(--semi-yellow-6),1);--semi-color-secondary-active: rgba(var(--semi-yellow-7),1);--semi-color-info-light-hover: rgba(var(--semi-blue-5), .3);--semi-color-info-light-active: rgba(var(--semi-blue-5), .4);--semi-color-secondary-disabled: rgba(var(--semi-yellow-2),1);--semi-color-info-light-default: rgba(var(--semi-blue-5), .2);--semi-color-danger-light-focus: rgba(var(--semi-red-6),.65);--semi-color-danger-light-hover: rgba(var(--semi-red-6),.35);--semi-color-danger-light-active: rgba(var(--semi-red-6),.5);--semi-color-danger-light-default: rgba(var(--semi-red-6),.2);--semi-color-primary-light-hover: rgba(var(--semi-yellow-1),1);--semi-color-success-light-hover: rgba(var(--semi-green-1),1);--semi-color-warning-light-focus: rgba(var(--semi-orange-6),.65);--semi-color-warning-light-hover: rgba(var(--semi-orange-6),.35);--semi-color-primary-light-active: rgba(var(--semi-yellow-2),1);--semi-color-success-light-active: rgba(var(--semi-green-2),1);--semi-color-warning-light-active: rgba(var(--semi-orange-6),5);--semi-color-primary-light-default: rgba(var(--semi-yellow-0),1);--semi-color-success-light-default: rgba(var(--semi-green-0),1);--semi-color-tertiary-light-hover: rgba(var(--semi-grey-1),1);--semi-color-warning-light-default: rgba(var(--semi-orange-6),.2);--semi-color-tertiary-light-active: rgba(var(--semi-grey-2),1);--semi-color-secondary-light-hover: rgba(var(--semi-yellow-1),1);--semi-color-tertiary-light-default: rgba(var(--semi-grey-0),1);--semi-color-secondary-light-active: rgba(var(--semi-yellow-2),1);--semi-color-secondary-light-default: rgba(var(--semi-yellow-0),1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;--semi-shadow-elevated: 0px 0px 1px rgba(0,0,0,.3),0px 4px 14px rgba(0,0,0,.1);--semi-shadow-0: none;--semi-shadow-1: none;--semi-shadow-2: 0px 2px 4px rgba(0,0,0,.14),0px 0px 1px rgba(0,0,0,.16);--semi-shadow-knob: 0 4px 6px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.3);--semi-border-radius-large: 12px;--semi-border-radius-small: 12px;--semi-border-radius-circle: 10000px;--semi-border-radius-medium: 6px;--semi-border-radius-extra-small: 3px}:root{--accent: #d9ff43;--accent-rgb: 217,255,67;--accent-dark: #29320f;--text-on-accent: #11130d;--semi-yellow-4: var(--accent-rgb);--semi-yellow-5: var(--accent-rgb);--semi-yellow-6: 194,230,58;--semi-yellow-7: 168,204,46;--semi-lime-4: var(--accent-rgb);--semi-lime-5: var(--accent-rgb);--bg: #0a0b0e;--panel: #0f1013;--panel2: #141518;--panel-hover: #181a1e;--bg-alt: #0d0e11;--line: #25272b;--line-light: #2e3035;--line-alt: #2a2c30;--text: #e4e5e1;--text-dim: #6b6e73;--muted: #7f8288;--danger: #ff5b5b;--danger-light: #ff665c;--danger-hover: #ff756c;--info: #3da4ff;--font-ui: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--fs-xxs: 9px;--fs-xs: 10px;--fs-sm: 10px;--fs-md: 12px;--fs-lg: 14px;--fs-xl: 18px;--fs-2xl: 24px;--fs-3xl: 32px;--fs-4xl: 48px;--sp-2: 2px;--sp-4: 4px;--sp-8: 8px;--sp-12: 12px;--sp-16: 16px;--sp-24: 24px;--sp-32: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--shadow-xl: 0 12px 48px rgba(0,0,0,.6);--ease-fast: .12s ease;--ease-normal: .15s ease;--ease-slow: .2s ease;--bp-mobile: 520px;--bp-tablet: 760px;--bp-desktop-sm: 980px;--bp-desktop: 1200px;--focus-ring: 0 0 0 2px var(--accent);--scrollbar-width: 6px;--scrollbar-thumb: #2a2c30}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text);background:var(--bg);font-synthesis:none}button,input,select{font:inherit}button{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:var(--scrollbar-width, 6px)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #303238);border-radius:3px}::-webkit-scrollbar-track{background:transparent}body{margin:0}.app{height:100vh;background:var(--bg);display:grid;grid-template:56px 1fr/374px 1fr;overflow:hidden}.topbar{grid-column:1/-1;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--panel);z-index:3}.top-actions{display:flex;align-items:center;gap:5px}.divider{width:1px;height:20px;background:var(--line);margin:0 5px}.icon-button,.text-button,.primary-button{border:0;background:transparent;height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;cursor:pointer;border-radius:var(--radius-sm)}.icon-button:hover,.text-button:hover{background:var(--panel)}.icon-button:disabled,.text-button:disabled{opacity:.25;cursor:default}.text-button{font-size:12px;color:#b9bbc0;font-weight:500}.primary-button{background:var(--accent);color:var(--text-on-accent);font-weight:700;margin-left:8px;padding:0 18px}.primary-button:disabled{opacity:.4}.sidebar{grid-row:2;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.tabs{height:46px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);flex:none}.tabs button{border:0;background:transparent;color:#777a81;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;position:relative}.tabs button.active{color:#edf0e8}.tabs button.active:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;background:var(--accent)}.upload-section{padding:13px;border-bottom:1px solid var(--line)}.dropzone{height:88px;border:1px dashed #3d4046;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:10px;color:#7f8288;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent);background:#1b1f15}.dropzone>strong{font-size:12px;color:var(--text)}.dropzone>span{font:9px var(--mono);position:absolute;bottom:10px}.dropzone>button{border:1px solid var(--line);background:#202226;padding:6px 10px;font-size:10px;border-radius:var(--radius-sm)}.dropzone img{width:68px;height:68px;object-fit:cover;margin-left:8px}.asset-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.asset-info strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;color:#ddd}.asset-info span{font:10px var(--mono);color:#767980}.dropzone .replace{display:flex;align-items:center;gap:4px;margin-right:8px}.section-title{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);flex:none;font-size:12px;font-weight:600}.section-title b{font:10px var(--mono);color:#15170c;background:var(--accent);border-radius:var(--radius-lg);padding:2px 6px;margin-left:5px}.section-title button{border:0;background:transparent;color:var(--accent);display:flex;align-items:center;gap:4px;font-size:10px;cursor:pointer}.effect-stack{overflow:auto;flex:1;padding:10px}.effect-stack::-webkit-scrollbar-thumb,.effect-library::-webkit-scrollbar-thumb{background:var(--line-alt)}.empty-stack{text-align:center;color:var(--text-dim);padding:42px 30px}.empty-stack p{font-size:12px;line-height:1.7}.empty-stack button,.canvas-empty button{border:1px solid #41444a;background:var(--panel2);padding:8px 13px;color:#d6d8d2;cursor:pointer}.effect-card{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:8px}.effect-card.disabled{opacity:.45}.effect-head{height:48px;display:flex;align-items:center;padding:0 7px;border-bottom:1px solid transparent}.effect-card:not(:has(.params)) .effect-head{border-bottom:0}.grip{color:#4e5158;cursor:grab}.bare{border:0;background:transparent;padding:5px;color:#898c92;display:flex;cursor:pointer}.bare:hover{color:#fff}.bare.danger:hover{color:#ff7369}.effect-index{font:9px var(--mono);color:#666970;margin:0 8px 0 4px}.effect-name{display:flex;flex-direction:column;gap:2px;flex:1}.effect-name strong{font-size:12px}.effect-name span{font-size:10px;color:var(--text-dim)}.params{padding:12px;border-top:1px solid #2a2c31}.param{margin-bottom:13px}.param>label{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.range-row,.color-row{display:flex;align-items:center;gap:8px}.param input[type=range],.export-group input[type=range]{appearance:none;height:2px;background:var(--line);flex:1}.param input[type=range]::-webkit-slider-thumb,.export-group input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer}.param .number{width:60px}.param input[type=number],.param input[type=text],.param select{height:28px;border:1px solid var(--line-light);background:var(--bg-alt);color:var(--text);padding:0 7px;font:10px var(--mono);width:100%;outline:none}.param input:focus,.param select:focus{border-color:#747a61}.color-row input[type=color]{width:30px;height:28px;padding:0;border:1px solid #3a3c42;background:transparent}.color-row input[type=text]{flex:1}.switch{width:32px;height:17px;border:0;border-radius:var(--radius-xl);background:#3a3c41;padding:2px;cursor:pointer}.switch span{display:block;width:13px;height:13px;border-radius:50%;background:#85888d;transition:.15s}.switch.on{background:var(--accent-dark)}.switch.on span{transform:translate(15px);background:var(--accent)}.reset-effect{border:0;background:transparent;color:#6f7278;font-size:9px;display:flex;align-items:center;gap:4px;padding:2px 0;cursor:pointer}.reset-all{margin:0 10px 10px;border:1px solid var(--line-alt);background:transparent;color:#70737a;height:32px;font-size:10px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.export-panel{overflow:auto;padding:15px}.export-preview{height:150px;background:var(--bg);border:1px solid #292c30;display:flex;align-items:center;justify-content:center;position:relative;color:#4e5158}.export-preview img{max-width:100%;max-height:100%;object-fit:contain}.export-preview span{position:absolute;bottom:6px;right:7px;background:#090a0ccc;padding:4px 6px;font:9px var(--mono);color:#aaa}.export-group{margin-top:20px}.export-group>label{display:flex;justify-content:space-between;font-size:10px;color:#a3a6ab;margin-bottom:8px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid #32353a}.segmented button{height:31px;border:0;border-right:1px solid #32353a;background:var(--panel);color:#777b80;font:10px var(--mono);cursor:pointer}.segmented button:last-child{border:0}.segmented button.active{background:var(--accent-dark);color:var(--accent)}.export-main{width:100%;height:42px;margin-top:24px;border:0;background:var(--accent);color:#12140d;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.export-main:disabled{opacity:.4}.svg-card{border:1px solid #2f3236;padding:12px;margin-top:10px;display:flex;align-items:center;gap:10px}.svg-card div{flex:1}.svg-card strong{font-size:10px}.svg-card p{font-size:9px;color:#74777d;line-height:1.5;margin:3px 0 0}.svg-card button{border:1px solid #44474c;background:#1c1e21;color:#ccc;font-size:10px;padding:7px;cursor:pointer}.svg-card button:disabled{opacity:.3}.privacy-note{font-size:9px;color:#666970;line-height:1.6;margin-top:18px;border-left:2px solid #39431b;padding-left:9px}.workspace{grid-column:2;grid-row:2;background:var(--panel);display:grid;grid-template-rows:45px 1fr;min-width:0}.canvas-toolbar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.canvas-meta{display:flex;align-items:center;gap:9px;font-size:10px}.canvas-meta span{font:9px var(--mono);color:var(--text-dim)}.canvas-meta i{font-style:normal;font-size:9px;color:var(--accent)}.view-controls{display:flex;align-items:center;gap:3px}.view-controls button{border:0;background:transparent;color:#999ca2;height:28px;padding:0 7px;display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.view-controls button:hover{background:#222429;color:#fff}.view-controls span{font:9px var(--mono);color:#7d8086;min-width:38px;text-align:center}.view-controls .divider{min-width:0;flex:none;margin:0 4px}.symbol-woodcut{background-image:repeating-linear-gradient(-15deg,var(--accent) 0 3px,transparent 3px 4px,#1a1c20 4px 7px,transparent 7px 8px)}.symbol-dissolve{background-image:radial-gradient(circle at 50% 50%,var(--accent) 0 15px,transparent 16px),radial-gradient(circle at 30% 70%,var(--accent) 3px,transparent 4px),radial-gradient(circle at 70% 30%,var(--accent) 2px,transparent 3px)}.symbol-knit{background-image:repeating-radial-gradient(ellipse at 50% 0,var(--accent) 0 3px,transparent 4px 8px);background-size:11px 11px}.symbol-crosshatch{background-image:linear-gradient(45deg,transparent 40%,var(--accent) 40% 46%,transparent 46% 54%,var(--accent) 54% 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--accent) 40% 46%,transparent 46% 54%,var(--accent) 54% 60%,transparent 60%)}.quick-actions{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.quick-actions button{border:1px solid var(--line-light);background:var(--bg-alt);color:#8c8f95;height:28px;padding:0 7px;font-size:9px;display:flex;align-items:center;gap:4px;cursor:pointer}.quick-actions button:hover,.quick-actions button.active{border-color:#788536;color:var(--accent);background:#202615}.quick-actions .palette-off{border:0;background:transparent;color:#686b71}.symbol-outlinefill{background-image:linear-gradient(135deg,transparent 30%,var(--accent) 31% 65%,#202226 66%);box-shadow:inset 0 0 0 3px var(--accent)}.symbol-contourdistort{background-image:radial-gradient(ellipse at 30% 40%,transparent 25%,var(--accent) 26% 32%,transparent 33% 55%,var(--accent) 56% 62%,transparent 63%),radial-gradient(ellipse at 70% 60%,transparent 25%,var(--accent) 26% 32%,transparent 33%)}.symbol-symbolmatrix{background-image:repeating-conic-gradient(from 0deg at 50% 50%,var(--accent) 0 2deg,transparent 2deg 8deg),radial-gradient(circle at 50% 50%,var(--accent) 5px,transparent 6px)}.symbol-formgrid{background-image:linear-gradient(var(--accent) 2px,transparent 2px),linear-gradient(90deg,var(--accent) 2px,transparent 2px);background-size:10px 10px}.symbol-contourbrush{background-image:radial-gradient(circle at 50% 50%,transparent 0 14px,var(--accent) 14px 16px,transparent 16px 18px,var(--accent) 18px 19px,transparent 19px)}.symbol-contourtype{background-image:none;color:var(--accent);border:1px dotted #596722;border-radius:45%}.symbol-contourtype:after{content:"A0B9";font:9px var(--mono);display:block;padding:16px 5px;transform:rotate(-12deg)}.symbol-topocontour{background-image:repeating-radial-gradient(circle at 50% 50%,var(--accent) 0 2px,transparent 2px 5px,var(--accent) 5px 6px,transparent 6px 10px,var(--accent) 10px 11px)}.workspace-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr)}.workspace-body.gallery-visible{grid-template-columns:minmax(0,1fr) 286px}.workspace-body .canvas-area{min-width:0;min-height:0}.view-controls button.active{background:var(--accent-dark);color:var(--accent)}.preview-gallery{border-left:1px solid var(--line);background:var(--bg-alt);min-width:0;display:grid;grid-template-rows:55px 39px 1fr 52px;overflow:hidden}.gallery-scroll{overflow-y:auto;display:flex;flex-direction:column;gap:0;min-height:0}.gallery-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 14px;border-bottom:1px solid var(--line)}.gallery-head div{display:flex;flex-direction:column;gap:3px}.gallery-head span{font:9px var(--mono);color:#68702f}.gallery-head strong{font-size:12px}.gallery-head button{border:0;background:transparent;color:var(--text-dim);display:flex;cursor:pointer}.gallery-tools{display:flex;align-items:center;gap:4px;padding:0 9px;border-bottom:1px solid #24262a}.gallery-tools button{border:0;background:transparent;color:#85888e;font-size:9px;display:flex;align-items:center;gap:3px;cursor:pointer}.gallery-tools button:disabled{opacity:.3}.gallery-tools span{margin-left:auto;font:9px var(--mono);color:#62656b}.gallery-grid{overflow:visible;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.gallery-grid::-webkit-scrollbar-thumb{background:var(--line-alt)}.gallery-empty{grid-column:1/-1;color:#62656b;text-align:center;padding:55px 18px}.gallery-empty p{font-size:10px;line-height:1.7}.saved-preview{border:1px solid #2d3035;background:var(--panel2);cursor:pointer;min-width:0}.saved-preview.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) 33}.saved-image{height:92px;background-color:#141518;background-image:linear-gradient(45deg,#1b1c20 25%,transparent 25%),linear-gradient(-45deg,#1b1c20 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1b1c20 75%),linear-gradient(-45deg,transparent 75%,#1b1c20 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;position:relative;display:flex;align-items:center;justify-content:center}.saved-image img{max-width:100%;max-height:100%;object-fit:contain}.saved-check{position:absolute;left:5px;top:5px;width:16px;height:16px;border:1px solid #666970;background:var(--bg-alt)cc;color:var(--text-on-accent);font-size:10px;display:flex;align-items:center;justify-content:center}.selected .saved-check{background:var(--accent);border-color:var(--accent)}.saved-image b{position:absolute;right:4px;bottom:4px;background:var(--bg-alt)dd;color:var(--accent);font:9px var(--mono);padding:3px}.saved-meta{height:38px;padding:5px 6px;display:grid;grid-template-columns:1fr auto;position:relative}.saved-meta strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-meta span{font:9px var(--mono);color:#65686e;grid-row:2}.saved-meta button{grid-column:2;grid-row:1/3;border:0;background:transparent;color:#5e6167;padding:2px;cursor:pointer}.saved-meta button:hover{color:#ff7168}.gallery-export{border-top:1px solid var(--line);padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.gallery-export button{border:1px solid #3a3d42;background:var(--panel2);color:#b9bbc0;font-size:9px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.gallery-export button:first-child{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);font-weight:700}.gallery-export button:disabled{opacity:.3;cursor:default}.dropzone video{width:68px;height:68px;object-fit:cover;margin-left:8px}.media-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;max-width:100%;max-height:100%}.media-controls{height:38px;min-width:min(620px,65vw);display:flex;align-items:center;gap:8px;padding:0 9px;background:#0d0e10e8;border:1px solid var(--line-alt);box-shadow:0 8px 25px #0008}.media-controls button{width:27px;height:28px;border:0;background:transparent;color:#a7aab0;display:flex;align-items:center;justify-content:center;cursor:pointer}.media-controls button:hover,.media-controls button.active{background:var(--accent-dark);color:var(--accent)}.media-controls>span{font:9px var(--mono);color:#82858b;min-width:37px;text-align:center}.media-controls input[type=range]{appearance:none;height:2px;background:var(--line);flex:1}.media-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer}.media-controls select{height:28px;border:1px solid var(--line-light);background:var(--bg);color:#aeb0b5;font:9px var(--mono);padding:0 5px}.dynamic-export-badge{display:flex;align-items:center;gap:7px;margin-top:14px;padding:9px 10px;border:1px solid var(--line-light);background:var(--panel2);color:#b8babf;font-size:10px}.dynamic-export-badge svg{color:var(--accent)}.export-progress{height:22px;margin-top:16px;border:1px solid var(--line-light);background:var(--bg-alt);position:relative;overflow:hidden}.export-progress span{display:block;height:100%;background:var(--accent)33;transition:width .12s}.export-progress b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:9px var(--mono);color:var(--accent)}.tabs{grid-template-columns:repeat(3,1fr)}.music-panel{overflow:auto;padding:14px 14px 22px}.music-panel::-webkit-scrollbar-thumb{background:var(--line-alt)}.music-hero{border:1px solid #30333a;background:linear-gradient(145deg,#1a1d1d,var(--panel));padding:14px}.music-kicker{display:flex;align-items:center;gap:6px;color:var(--accent);font:9px var(--mono);letter-spacing:.1em}.music-hero h2{font-size:14px;margin:9px 0 5px}.music-hero p{font-size:9px;color:#7e8187;line-height:1.6;margin:0}.waveform{height:54px;display:flex;align-items:center;gap:2px;margin:15px 0 12px;border-block:1px solid #292c30;padding:7px 0}.waveform i{display:block;flex:1;min-height:3px;background:#484c43;transition:.2s}.waveform.ready i{background:var(--accent)}.music-actions{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:5px}.music-actions button{height:30px;border:1px solid #3a3d43;background:var(--panel2);color:#a8abb0;font-size:9px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.music-actions .music-generate{background:var(--accent-dark);border-color:#596526;color:var(--accent)}.music-actions button:disabled,.music-export:disabled{opacity:.35;cursor:default}.music-progress{height:19px;margin-top:9px;border:1px solid var(--line-light);background:var(--bg-alt);position:relative}.music-progress span{display:block;height:100%;background:var(--accent)33}.music-progress b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:9px var(--mono);color:var(--accent)}.music-form{padding-top:14px}.music-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.music-param{margin-bottom:12px}.music-param>label{display:flex;justify-content:space-between;font-size:10px;color:#989ba1;margin-bottom:6px}.music-param>label b{color:var(--text);font:9px var(--mono)}.music-param>div{display:flex;align-items:center;gap:8px}.music-param input[type=range]{appearance:none;height:2px;background:var(--line);flex:1}.music-param input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent)}.music-param input[type=number],.music-param select{width:100%;height:28px;border:1px solid var(--line-light);background:var(--bg-alt);color:var(--text);padding:0 7px;font:10px var(--mono)}.music-param>div input[type=number]{width:62px}.music-export{width:100%;height:41px;border:0;background:var(--accent);color:var(--text-on-accent);font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;margin-top:4px}.locked-duration{border:1px solid #30333a;background:var(--panel);padding:9px}.locked-duration p{margin:0;color:#6f7278;font-size:9px;line-height:1.5}.source-timeline-note{margin-top:15px;border:1px solid #3b4421;background:#1a1e15;padding:10px;display:flex;flex-direction:column;gap:4px}.source-timeline-note b{font-size:10px;color:var(--accent)}.source-timeline-note span{font-size:9px;color:#818579;line-height:1.5}.sync-preview{width:100%;height:35px;margin-top:7px;border:1px solid #637128;background:#202615;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:600;cursor:pointer}.sync-preview.active{background:var(--accent);color:var(--text-on-accent)}.sync-preview:disabled{opacity:.35;cursor:default}.music-footer{position:sticky;bottom:0;z-index:3;margin:8px -14px -22px;padding:10px 14px 16px;background:linear-gradient(180deg,var(--panel)00,var(--panel) 14px);border-top:1px solid #292c30}.music-footer .privacy-note{margin-top:10px}.music-panel{min-height:0;flex:1}.music-form{padding-bottom:2px}.canvas-area{padding:clamp(18px,4.5vw,70px)}.media-stage{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:clamp(12px,3vh,35px)}.canvas-frame{align-self:center;min-width:0;min-height:0}.canvas-frame canvas{max-width:min(100%,1000px);max-height:calc(100vh - 205px)}.media-controls{width:min(620px,100%);min-width:0;max-width:100%;display:grid;grid-template-columns:27px 40px minmax(90px,1fr) 40px 27px auto;flex:none}.media-controls input[type=range]{width:100%;min-width:0}.workspace-body{position:relative}.preview-gallery,.gallery-grid{min-height:0}.gallery-export{min-height:52px;background:var(--bg-alt);z-index:2}.gallery-export button{min-height:34px}.sidebar>*{min-width:0}.export-panel{min-height:0;flex:1}.music-export{margin-top:0}@media(max-width:1200px){.app{grid-template-columns:330px minmax(0,1fr)}.workspace-body.gallery-visible{grid-template-columns:minmax(0,1fr)}.preview-gallery{position:absolute;z-index:8;inset:0 0 0 auto;width:min(286px,62%);box-shadow:-18px 0 45px #000a}.canvas-toolbar{padding-inline:8px}.view-controls button{padding-inline:5px;font-size:0;gap:0}.view-controls button svg{width:15px;height:15px}.top-actions .text-button{padding-inline:6px;font-size:0;gap:0}.top-actions .text-button svg{width:16px;height:16px}.canvas-frame canvas{max-height:calc(100vh - 190px)}}@media(max-width:899px)and (min-width:720px){body{min-width:720px}.app{grid-template-columns:300px minmax(0,1fr)}.app>.topbar{display:flex}.app>.sidebar{display:flex}.app>.workspace{display:grid}.app>.toasts{display:flex}.app>input[hidden]{display:none!important}.app>.mobile-message{display:none}.topbar{padding-inline:9px}.top-actions{gap:1px}.primary-button{margin-left:2px;padding-inline:11px;font-size:10px}.canvas-meta span{display:none}.canvas-area{padding:18px 12px}.media-controls{grid-template-columns:27px 34px minmax(70px,1fr) 34px 27px}.media-controls select{display:none}.preview-gallery{width:min(270px,70%)}.music-row{grid-template-columns:1fr}}@media(max-height:760px){.canvas-area{padding-block:16px}.media-stage{gap:10px}.canvas-frame canvas{max-height:calc(100vh - 165px)}.music-panel{padding-top:9px}.music-hero{padding:10px}.music-hero h2{margin-block:5px;font-size:14px}.waveform{height:40px;margin-block:8px}.music-form{padding-top:9px}.music-param{margin-bottom:9px}.preview-gallery{grid-template-rows:46px 34px minmax(0,1fr) 50px}.gallery-head{padding-inline:9px}.gallery-grid{padding:6px;gap:6px}.saved-image{height:70px}}.app{width:100%;height:100dvh;grid-template-columns:clamp(280px,26vw,374px) minmax(0,1fr);min-width:0;min-height:0}.topbar,.sidebar,.workspace,.workspace-body,.canvas-area,.media-stage,.preview-gallery,.music-panel,.export-panel,.effect-stack{min-width:0;min-height:0}.effect-stack,.music-panel,.export-panel{overscroll-behavior:contain}.canvas-toolbar{min-width:0;gap:8px}.canvas-meta{min-width:0;white-space:nowrap}.view-controls{min-width:0;justify-content:flex-end}.view-controls button{flex:none;white-space:nowrap}.workspace-body.gallery-visible{grid-template-columns:minmax(0,1fr) clamp(220px,20vw,286px)}.preview-gallery{grid-template-rows:auto auto minmax(0,1fr) auto}.gallery-export{position:sticky;bottom:0}.canvas-area{padding:clamp(10px,3.5vmin,70px)}.media-stage{width:100%;height:100%;max-width:none;max-height:none}.canvas-frame{max-width:100%;max-height:100%}.canvas-frame canvas{max-width:min(100%,1000px);max-height:calc(100dvh - clamp(150px,22vh,220px))}.media-controls{width:min(620px,100%);min-width:0}.music-panel{display:flex;flex-direction:column;padding-bottom:0}.music-hero,.music-form{flex:none}.music-footer{margin-top:auto}.export-panel{padding-bottom:24px}@media(max-width:1200px){.app{grid-template-columns:clamp(270px,29vw,330px) minmax(0,1fr)}}@media(max-width:980px){.top-actions .text-button{font-size:0;padding-inline:7px}.top-actions .text-button svg{width:16px;height:16px}.view-controls button{font-size:0;padding-inline:5px}.view-controls button svg{width:15px;height:15px}.workspace-body.gallery-visible{grid-template-columns:minmax(0,1fr)}.preview-gallery{position:absolute;inset:0 0 0 auto;width:clamp(230px,42vw,286px);z-index:8;box-shadow:-18px 0 45px #000b}}@media(max-width:760px){html,body{overflow-x:hidden;width:100%}body{overflow:auto}.app{height:auto;min-height:100dvh;display:grid;grid-template:52px minmax(360px,46dvh) minmax(430px,54dvh)/minmax(0,1fr);overflow:visible;max-width:100vw}.app>.topbar{display:flex;grid-column:1;grid-row:1;max-width:100vw}.app>.sidebar{display:flex;grid-column:1;grid-row:2;border-right:0;border-bottom:1px solid var(--line);max-width:100vw}.app>.workspace{display:grid;grid-column:1;grid-row:3}.app>.toasts{display:flex}.app>.mobile-message{display:none}.topbar{height:52px;padding-inline:8px}.top-actions{gap:0}.top-actions .divider{display:none}.icon-button,.text-button{padding-inline:5px}.primary-button{height:32px;margin-left:2px;padding-inline:10px;font-size:10px}.tabs{height:42px}.upload-section{padding:8px}.dropzone{height:68px}.dropzone img,.dropzone video{width:52px;height:52px}.section-title{height:42px}.effect-stack{padding:7px}.reset-all{height:30px;margin-bottom:7px}.workspace{grid-template-rows:auto minmax(0,1fr)}.canvas-toolbar{min-height:42px;height:auto;padding:5px 7px;flex-wrap:wrap}.canvas-meta{min-width:80px}.view-controls{flex:1}.canvas-area{padding:12px 8px}.canvas-frame canvas{max-height:calc(54dvh - 120px)}.media-stage{gap:8px}.media-controls{grid-template-columns:27px 34px minmax(54px,1fr) 34px 27px}.media-controls select{display:none}.preview-gallery{position:absolute;width:min(82vw,286px)}.music-row{grid-template-columns:1fr 1fr}.music-footer{bottom:0}.gallery-grid,.saved-preview{min-width:0}.saved-meta strong{font-size:9px}.preview-gallery{max-width:calc(100vw - 8px)}.gallery-export{min-width:0}.media-controls{max-width:100%}.media-stage{width:100%;max-width:100%}.canvas-frame{max-width:100%}}@media(max-width:520px){html,body{overflow-x:hidden}.app{grid-template-rows:48px minmax(390px,50dvh) minmax(390px,50dvh);max-width:100vw}.brand>span:not(.brand-mark){display:none}.top-actions .icon-button:nth-child(2),.top-actions .text-button{display:none}.canvas-meta{display:none}.view-controls{justify-content:space-between;width:100%}.view-controls .divider{display:none}.media-controls{height:auto;min-height:38px;padding:5px;gap:4px;display:flex;flex-wrap:wrap;max-width:100%}.media-controls>span{min-width:0;font-size:9px}.music-row{grid-template-columns:1fr}.library-modal{width:calc(100vw - 16px);max-height:88dvh}.library-grid{grid-template-columns:1fr}}@media(max-height:620px)and (min-width:761px){.app{grid-template-rows:48px minmax(0,1fr)}.topbar{height:48px}.tabs{height:40px}.upload-section{padding:7px}.dropzone{height:62px}.dropzone img,.dropzone video{width:48px;height:48px}.section-title,.canvas-toolbar{height:40px}.canvas-frame canvas{max-height:calc(100dvh - 135px)}.music-hero{padding:8px}.waveform{height:32px}.music-actions button{height:28px}.sync-preview{height:31px}}.tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.tabs button{min-width:0}.segmented button:disabled{opacity:.32;cursor:not-allowed}.transparent-preview canvas,.export-preview.overlay{background-color:#e8e8e8;background-image:linear-gradient(45deg,#c9c9c9 25%,transparent 25%),linear-gradient(-45deg,#c9c9c9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c9c9c9 75%),linear-gradient(-45deg,transparent 75%,#c9c9c9 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.overlay-panel{min-height:0;flex:1;overflow:auto;padding:14px 14px 0;overscroll-behavior:contain}.overlay-panel::-webkit-scrollbar,.overlay-layers::-webkit-scrollbar{width:6px}.overlay-panel::-webkit-scrollbar-thumb,.overlay-layers::-webkit-scrollbar-thumb{background:var(--line-alt)}.overlay-hero{border:1px solid #30333a;background:linear-gradient(145deg,#1a1d1d,var(--panel));padding:14px}.overlay-hero h2{font-size:14px;margin:9px 0 5px}.overlay-hero p{font-size:9px;color:#7e8187;line-height:1.6;margin:0}.overlay-background{padding:14px 0;border-bottom:1px solid #292c30}.overlay-background>label{display:block;font-size:10px;color:#989ba1;margin-bottom:7px}.overlay-color{margin-top:8px}.overlay-color input[type=text]{height:28px;border:1px solid var(--line-light);background:var(--bg-alt);color:var(--text);padding:0 7px;font:10px var(--mono)}.overlay-tools{height:38px;display:flex;align-items:center;gap:5px}.overlay-tools button{border:1px solid var(--line-light);background:var(--panel2);color:#95989e;font-size:9px;padding:5px 7px;cursor:pointer}.overlay-tools button:disabled{opacity:.3}.overlay-tools span{margin-left:auto;font:9px var(--mono);color:#6c6f75}.overlay-layers{display:flex;flex-direction:column;gap:7px}.overlay-layer{border:1px solid #2d3035;background:var(--panel2)}.overlay-layer.enabled{border-color:#4c552a}.overlay-layer-head{min-height:42px;display:flex;align-items:center;gap:7px;padding:6px 8px;color:var(--text-dim)}.overlay-layer-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}.overlay-layer-head strong{font-size:10px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-layer-head span{font-size:9px;color:var(--text-dim)}.overlay-layer-controls{border-top:1px solid #292c30;padding:9px}.overlay-layer-controls label{display:flex;justify-content:space-between;font-size:9px;color:#8e9197;margin-bottom:6px}.overlay-layer-controls input[type=range]{appearance:none;width:100%;height:2px;background:var(--line);margin-bottom:11px}.overlay-layer-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent)}.overlay-layer-controls select{width:100%;height:28px;border:1px solid var(--line-light);background:var(--bg-alt);color:var(--text);font:10px var(--mono);padding-inline:7px}.overlay-empty{text-align:center;color:#676a70;padding:35px 20px}.overlay-empty p{font-size:10px;line-height:1.6}.overlay-footer{position:sticky;bottom:0;margin:12px -14px 0;padding:11px 14px 16px;background:linear-gradient(180deg,var(--panel)00,var(--panel) 12px);border-top:1px solid #292c30}.overlay-export{width:100%;height:39px;border:0;background:var(--accent);color:var(--text-on-accent);font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.overlay-export:disabled{opacity:.35}.overlay-footer p{font-size:9px;color:#676a70;line-height:1.5;margin:7px 0 0}.export-modes button{font-size:9px;white-space:normal;padding-inline:3px}.export-status{margin:6px 0 0;color:var(--muted);font-size:9px;text-align:center}.export-cancel{width:100%;height:30px;margin-top:7px;border:1px solid #4a3a3a;background:#211719;color:#d4a7a7;font-size:10px;cursor:pointer}@media(max-width:760px){.overlay-panel{padding-top:9px}.overlay-hero{padding:10px}.overlay-hero h2{margin-block:5px;font-size:14px}}@media(max-width:520px){.tabs button{font-size:10px;gap:4px}.tabs button svg{width:14px;height:14px}}.tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.text-panel{min-width:0;min-height:0;flex:1;overflow:auto;padding:14px 14px 0;overscroll-behavior:contain}.text-panel::-webkit-scrollbar{width:6px}.text-panel::-webkit-scrollbar-thumb{background:var(--line-alt)}.text-hero{border:1px solid #30333a;background:linear-gradient(145deg,#1a1d1d,var(--panel));padding:14px}.text-hero h2{font-size:14px;margin:9px 0 5px}.text-hero p{font-size:9px;color:#7e8187;line-height:1.6;margin:0}.source-switch{padding:14px 0;border-bottom:1px solid #292c30}.source-switch>label,.text-inline-label{display:block;font-size:10px;color:#989ba1;margin-bottom:7px}.text-section{padding:13px 0;border-bottom:1px solid #292c30}.text-section h3{margin:0 0 9px;font-size:10px;color:var(--accent);font-weight:600;letter-spacing:.08em}.text-section textarea{display:block;width:100%;height:112px;resize:vertical;border:1px solid var(--line-light);background:#0f1012;color:#e4e5e1;padding:9px;font:12px/1.55 var(--mono);outline:none}.text-section textarea:focus,.text-section input:focus,.text-section select:focus{border-color:#6f7d33}.text-section>select,.text-field input,.text-field select,.font-search,.local-font-list{width:100%;height:28px;border:1px solid var(--line-light);background:var(--bg-alt);color:var(--text);padding:0 7px;font:10px var(--mono);outline:none}.text-overflow{margin-top:7px;border:1px solid #65473a;background:#281b17;color:#efaa8b;padding:7px;display:flex;align-items:flex-start;gap:6px;font-size:9px;line-height:1.5}.text-overflow svg{flex:none}.text-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.text-field label{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.text-inline-label{margin-top:11px}.text-color-row{display:flex;gap:7px;margin-top:8px}.text-color-row input[type=color],.text-toggle-color input[type=color]{width:31px;height:28px;padding:0;border:1px solid #3a3c42;background:transparent}.text-color-row input[type=text],.text-toggle-color input[type=text]{min-width:0;flex:1;height:28px;border:1px solid var(--line-light);background:var(--bg-alt);color:var(--text);padding:0 7px;font:10px var(--mono)}.font-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.font-actions button{height:30px;border:1px solid #3a3d43;background:var(--panel2);color:#a8abb0;font-size:9px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.font-actions button:disabled{opacity:.35}.font-search{margin-top:7px}.local-font-list{height:auto;min-height:58px;margin-top:6px;padding:3px}.text-control{margin-top:12px}.text-control>label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#989ba1;margin-bottom:6px}.text-control>label b{font:9px var(--mono);color:var(--text)}.text-control>div{display:flex;align-items:center;gap:8px}.text-control input[type=range]{appearance:none;height:2px;background:var(--line);flex:1;min-width:0}.text-control input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent)}.text-control input[type=number]{width:66px;height:28px;border:1px solid var(--line-light);background:var(--bg-alt);color:var(--text);padding:0 6px;font:10px var(--mono)}.text-toggle-color{display:grid;grid-template-columns:minmax(48px,1fr) 34px 31px minmax(76px,1.5fr);align-items:center;gap:6px;margin-top:10px}.text-toggle-color>label{font-size:10px;color:#989ba1}.text-toggle-color input:disabled{opacity:.3}.text-footer{position:sticky;bottom:0;margin:12px -14px 0;padding:12px 14px 15px;background:linear-gradient(180deg,var(--panel)00,var(--panel) 12px);border-top:1px solid #292c30;color:#70737a;font-size:9px;line-height:1.5;display:flex;gap:6px;align-items:flex-start}.text-footer svg{flex:none;color:var(--accent)}.empty-actions{display:flex;justify-content:center;gap:7px}.empty-actions button{margin:0}@media(max-width:760px){.text-panel{padding-top:9px}.text-hero{padding:10px}.text-hero h2{font-size:14px;margin-block:5px}}@media(max-width:520px){.tabs button{font-size:9px;gap:2px}.tabs button svg{width:13px;height:13px}.text-two-columns{grid-template-columns:1fr 1fr}.font-actions{grid-template-columns:1fr}.empty-actions{flex-direction:column;align-items:center}}.app-v4{grid-template:56px 46px minmax(0,1fr)/minmax(0,1fr) clamp(520px,42vw,650px)}.app-v4.no-sidebar{grid-template:56px 46px minmax(0,1fr)/minmax(0,1fr)}.app-v4.tab-music,.app-v4.tab-export,.app-v4.tab-user{grid-template:56px 46px minmax(0,1fr)/minmax(0,1fr) clamp(310px,30vw,374px)}.app-v4 .workspace{grid-column:1;grid-row:3}.app-v4 .sidebar{grid-column:2;grid-row:3;border-right:0;border-left:1px solid var(--line)}.editor-command-bar{grid-column:1/-1;grid-row:2;min-width:0;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px}.editor-command-group{display:flex;align-items:center;gap:4px;min-width:0}.editor-command-group-end{margin-left:auto}.editor-command-bar .text-button{white-space:nowrap}.editor-command-bar .primary-button{margin-left:0}.app-v4 .tabs{grid-template-columns:repeat(4,minmax(0,1fr));height:46px}.app-v4 .tabs button span{white-space:nowrap}.editor-panels{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(270px,1.1fr);background:var(--bg)}.mobile-panel-tabs{display:none}.dock-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--panel)}.dock-panel+.dock-panel{border-left:1px solid var(--line)}.dock-panel>header{height:42px;flex:none;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--panel)}.dock-panel>header>div{display:flex;align-items:center;gap:7px}.dock-panel>header strong{font-size:10px;font-weight:600}.dock-panel>header>span{font:9px var(--mono);color:var(--text-dim)}.panel-head-right{margin-left:auto}.panel-head-right>span{font:9px var(--mono);color:var(--text-dim)}.property-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent) 88}.panel-actions{height:40px;flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;border-bottom:1px solid #26282d}.desktop-layer-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-layer-tabs,.mobile-layer-actions{display:none}.layer-tab-section{display:contents}.panel-actions button{border:1px solid var(--line-alt);background:var(--panel-hover);color:#9b9ea4;font-size:9px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;min-width:0}.panel-actions button:hover{color:var(--accent);border-color:#566027}.panel-actions button:disabled{opacity:.3}.layer-group-title{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:var(--text-dim);border-bottom:1px solid #24262a;flex:none}.layer-group-title span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.layer-group-title b{font:9px var(--mono)}.layer-group-title button{border:0;background:transparent;color:var(--text-dim);padding:2px;display:flex;cursor:pointer}.layer-tab-section.effects .layer-group-title{height:36px;border-top:1px solid var(--line);border-bottom-width:2px;background:var(--bg-alt);margin-top:6px}.unified-layer-list{flex:1;min-height:0;overflow:auto;padding:5px;overscroll-behavior:contain}.unified-layer-list.effects{flex:1;min-height:60px}.unified-layer{min-height:43px;margin-bottom:4px;border:1px solid var(--line);background:var(--panel2);display:grid;grid-template-columns:14px 24px minmax(0,1fr) 24px 24px 24px;align-items:center;gap:4px;padding:4px 5px;color:#64676d;cursor:pointer}.unified-layer.selected{border-color:#819036;background:#202518;box-shadow:inset 2px 0 var(--accent)}.unified-layer>div{display:flex;flex-direction:column;gap:2px;min-width:0}.unified-layer strong{font-size:10px;color:var(--text);white-space:nowrap;text-overflow:ellipsis}.unified-layer small{font-size:7px;color:#676a70}.unified-layer>button{border:0;background:transparent;color:var(--text-dim);padding:4px;display:flex;cursor:pointer}.unified-layer>button:disabled{opacity:.28;cursor:default}.unified-layer .layer-effect-toggle.active:not(:disabled){color:var(--accent)}.layer-kind{width:23px;height:23px;display:flex;align-items:center;justify-content:center;background:#222429;color:#a0a3a8}.effect-mini{width:23px;height:23px;background:var(--bg);background-image:radial-gradient(circle,var(--accent) 1px,transparent 2px);background-size:6px 6px}.unified-layer-list.effects .unified-layer{grid-template-columns:14px 24px minmax(0,1fr) 24px}.add-effect-empty{width:100%;height:38px;border:1px dashed #383b40;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;cursor:pointer}.properties-scroll{overflow:auto;min-height:0;overscroll-behavior:contain}.property-section{padding:12px;border-bottom:1px solid var(--line)}.property-section h3{font-size:12px;margin:0;color:var(--text);font-weight:600}.property-section h4{font-size:10px;color:var(--text-dim);margin:14px 0 8px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.property-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.property-title-row>div{display:flex}.property-title-row button{border:0;background:transparent;color:var(--text-dim);padding:4px;cursor:pointer}.property-name,.property-section>select,.font-property-row select{width:100%;height:28px;border:1px solid var(--line-light);background:var(--bg);color:var(--text);padding:0 7px;font:10px var(--mono);outline:none}.property-name{margin-top:9px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inspector-field{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;border:1px solid var(--line-alt);background:var(--bg);min-width:0}.inspector-field span{font-size:9px;color:var(--text-dim);padding-left:7px}.inspector-field input{width:100%;height:28px;border:0;border-left:1px solid var(--line-alt);background:var(--panel2);color:var(--text);padding:0 6px;font:9px var(--mono);min-width:0}.property-label{display:block;font-size:9px;color:var(--text-dim);margin:11px 0 6px}.inspector-color{display:grid;grid-template-columns:34px minmax(42px,1fr) 28px minmax(70px,1.4fr);gap:5px;align-items:center;margin-top:8px}.inspector-color label{font-size:9px;color:#8d9096}.inspector-color input[type=color]{width:28px;height:28px;padding:0;border:1px solid #3a3c42;background:transparent}.inspector-color input[type=text]{height:28px;min-width:0;border:1px solid var(--line-light);background:var(--bg);color:var(--text);padding:0 5px;font:9px var(--mono)}.inspector-color.single{grid-template-columns:30px 1fr}.inspector-color.single input[type=text]{height:28px}.text-properties textarea{width:100%;height:92px;resize:vertical;border:1px solid var(--line-light);background:var(--panel);color:#e4e5e1;padding:8px;font:10px/1.5 var(--mono);outline:none}.range-notice{margin-top:6px;padding:6px;border-left:2px solid var(--accent);background:#202518;color:#b6bf91;font-size:9px}.font-property-row{display:grid;grid-template-columns:minmax(0,1fr) 31px;gap:5px}.font-property-row button{border:1px solid var(--line-light);background:var(--panel-hover);color:#999ca2;display:flex;align-items:center;justify-content:center;cursor:pointer}.align-buttons,.split-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.align-buttons button,.split-actions button{height:28px;border:1px solid var(--line-light);background:var(--panel2);color:#91949a;cursor:pointer;font-size:9px;display:flex;align-items:center;justify-content:center;gap:3px}.align-buttons button.active{background:var(--accent-dark);color:var(--accent);border-color:#566027}.split-actions{grid-template-columns:repeat(2,1fr)}.effect-param-list{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.effect-properties>select{margin-bottom:4px}.canvas-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0}.canvas-presets button,.media-fit-actions button,.local-font-tools button{height:28px;border:1px solid var(--line-light);background:var(--panel2);color:#95989e;font-size:9px;cursor:pointer;transition:background .15s,border-color .15s}.canvas-presets button:hover,.media-fit-actions button:hover,.local-font-tools button:hover{border-color:#566027;background:#1c1f14;color:var(--accent)}.inspector-range-field{display:block;margin-top:8px}.inspector-range-field>span{display:block;margin-bottom:4px;color:#8d9096;font-size:9px}.inspector-range-field>div{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:6px;align-items:center}.inspector-range-field input[type=range]{width:100%;appearance:none;height:2px;background:var(--line);cursor:pointer}.inspector-range-field input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line)}.inspector-range-field input[type=range]::-moz-range-track{height:2px;background:var(--line)}.inspector-range-field input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:-4px}.inspector-range-field input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--accent);cursor:pointer}.inspector-range-field input[type=number]{width:100%;height:28px;border:1px solid var(--line-light);background:var(--bg);color:var(--text);padding:0 5px;font:9px var(--mono)}.media-fit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.asset-summary{font:9px/1.5 var(--mono);color:var(--text-dim);word-break:break-all}.local-font-tools{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;margin-top:6px}.local-font-tools input{min-width:0;height:28px;border:1px solid var(--line-light);background:var(--bg);color:var(--text);padding:0 7px;font-size:9px}.local-font-list{max-height:150px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:5px;border:1px solid var(--line);padding:4px;background:var(--bg)}.local-font-list button{min-width:0;min-height:35px;border:1px solid #2d3035;background:var(--panel2);color:#c7c9c4;text-align:left;padding:4px 6px;cursor:pointer;display:flex;flex-direction:column}.local-font-list strong{font-size:9px;text-overflow:ellipsis;white-space:nowrap}.local-font-list small{font-size:7px;color:#70737a}.effect-target-checks{display:grid;gap:4px;margin-top:7px;max-height:180px;overflow:auto}.effect-target-checks label,.check-row{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);padding:6px 7px;color:#a6a9ae;font-size:9px}.effect-target-checks input,.check-row input{accent-color:var(--accent)}.preview-gallery{grid-template-rows:55px auto 1fr 52px}.gallery-tools{min-height:39px;flex-wrap:wrap;padding-block:5px}.gallery-tools span{margin-left:auto}.scene-frame{position:relative;touch-action:none}.scene-frame canvas{pointer-events:none}.scene-overlay{position:absolute;inset:0;z-index:3;overflow:visible}.scene-object{position:absolute;transform-origin:center;cursor:move;border:1px solid transparent;container-type:inline-size}.scene-object.selected{border-color:var(--accent);box-shadow:0 0 0 1px #1118}.canvas-label{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:9px;color:var(--text-dim);white-space:nowrap;pointer-events:none;z-index:4}.scene-object.locked{cursor:not-allowed;border-style:dashed}.resize-handle,.rotate-handle{position:absolute;width:9px;height:9px;padding:0;border:1px solid #111;background:var(--accent);z-index:5}.resize-handle.n{left:50%;top:-5px;transform:translate(-50%);cursor:ns-resize}.resize-handle.s{left:50%;bottom:-5px;transform:translate(-50%);cursor:ns-resize}.resize-handle.e{right:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.resize-handle.w{left:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.resize-handle.ne{right:-5px;top:-5px;cursor:nesw-resize}.resize-handle.nw{left:-5px;top:-5px;cursor:nwse-resize}.resize-handle.se{right:-5px;bottom:-5px;cursor:nwse-resize}.resize-handle.sw{left:-5px;bottom:-5px;cursor:nesw-resize}.rotate-handle{left:50%;top:-27px;transform:translate(-50%);border-radius:50%;cursor:grab}.rotate-handle:after{content:"";position:absolute;left:3px;top:8px;width:1px;height:18px;background:var(--accent)}.alignment-guide{position:absolute;z-index:20;background:#46c9ff;pointer-events:none;box-shadow:0 0 4px #46c9ff}.alignment-guide.vertical{top:-20px;bottom:-20px;width:1px}.alignment-guide.horizontal{left:-20px;right:-20px;height:1px}.selection-marquee{position:absolute;border:1px solid #46c9ff;background:#46c9ff1f;z-index:30;pointer-events:none}.inline-text-editor-wrap{position:absolute;inset:0;display:flex;flex-direction:column}.inline-block-tabs{display:flex;gap:2px;padding:2px;background:var(--bg)e8;border-bottom:1px solid var(--line-alt);z-index:1}.inline-block-tabs button{width:22px;height:22px;border:1px solid var(--line-light);background:var(--panel2);color:var(--muted);font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.inline-block-tabs button.active{background:var(--accent-dark);border-color:#819036;color:var(--accent)}.inline-block-tabs .add-block-btn{font-size:12px;font-weight:700;color:var(--text-dim)}.inline-block-tabs .add-block-btn:hover{color:var(--accent);border-color:#687536}.inline-text-editor{flex:1;position:relative;inset:auto;width:100%;resize:none;border:0;outline:1px solid #46c9ff;background:#1115;color:inherit;container-type:inline-size}.app-v4 .canvas-frame canvas{max-width:min(100%,1200px);max-height:calc(100dvh - 180px)}.app-v4 .workspace-body.gallery-visible{grid-template-columns:minmax(0,1fr) clamp(220px,20vw,286px)}@media(max-width:1100px){.app-v4{grid-template-columns:minmax(0,1fr) clamp(430px,48vw,520px)}.editor-panels{grid-template-columns:minmax(180px,.85fr) minmax(235px,1.15fr)}.view-controls button{font-size:0}}@media(max-width:760px){.app-v4,.app-v4.tab-music,.app-v4.tab-export,.app-v4.tab-user{height:100dvh;min-height:0;grid-template:48px 40px minmax(0,1.15fr) minmax(0,.85fr)/minmax(0,1fr)}.app-v4 .topbar{grid-column:1;grid-row:1}.app-v4>.editor-command-bar{display:flex}.app-v4 .workspace{grid-column:1;grid-row:3}.app-v4 .sidebar{grid-column:1;grid-row:4;border-left:0;border-top:1px solid var(--line)}.editor-command-bar{grid-column:1;grid-row:2;padding:0 7px;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch}.editor-command-group{flex:none}.editor-command-bar .text-button{font-size:0;padding-inline:6px}.editor-command-bar .text-button svg{width:15px;height:15px}.editor-command-bar .primary-button{height:31px;padding-inline:9px;font-size:10px}.editor-command-bar .primary-button svg{width:15px;height:15px}.app-v4>.modal-backdrop{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080}.library-modal{width:min(820px,75vw);max-height:80vh;background:#141518;border:1px solid #34363b;box-shadow:0 25px 80px #000;display:flex;flex-direction:column}.app-v4>.toasts{display:flex}.app-v4>input[hidden]{display:none!important}.app-v4 .tabs{height:38px}.editor-panels{grid-template-columns:minmax(170px,.8fr) minmax(250px,1.2fr)}.dock-panel>header{height:34px}.panel-actions{height:35px}.app-v4 .canvas-toolbar{min-height:38px}.app-v4 .canvas-frame canvas{max-height:calc(56dvh - 105px)}.app-v4 .preview-gallery{width:min(78vw,286px)}.app-v4 .library-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 64px)}.app-v4 .saved-preview{min-width:0}.app-v4 .media-stage,.app-v4 .canvas-frame{max-width:100%}}@media(max-width:520px){.app-v4,.app-v4.tab-music,.app-v4.tab-export,.app-v4.tab-user{grid-template-rows:48px 40px minmax(0,1.08fr) minmax(0,.92fr)}.app-v4 .sidebar{grid-row:4}.editor-panels{display:grid;grid-template:34px minmax(0,1fr)/minmax(0,1fr)}.mobile-panel-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.mobile-panel-tabs button{border:0;border-right:1px solid var(--line);background:var(--panel);color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px}.mobile-panel-tabs button.active{background:#202518;color:var(--accent)}.dock-panel{display:none;grid-row:2;grid-column:1}.dock-panel.mobile-active{display:flex}.mobile-layer-tabs{height:34px;flex:none;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.mobile-layer-tabs button{border:0;border-right:1px solid var(--line);background:#111316;color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px}.mobile-layer-tabs button:last-child{border-right:0}.mobile-layer-tabs button.active{background:#202518;color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.desktop-layer-actions{display:none}.layer-tab-section{display:none;min-height:0;flex:1}.layer-tab-section.mobile-active{display:flex;flex-direction:column}.mobile-layer-actions{display:grid;height:38px}.mobile-layer-actions.content-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-layer-actions.effect-actions{grid-template-columns:minmax(0,1fr)}.layer-tab-section .content-layers,.layer-tab-section .effects{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(22px,env(safe-area-inset-bottom))}.dock-panel+.dock-panel{border-left:0}.app-v4 .canvas-toolbar{padding-inline:5px}.app-v4 .view-controls{overflow-x:auto;justify-content:flex-start}.app-v4 .view-controls button{display:flex;min-width:29px}.app-v4 .canvas-area{padding:10px 6px}.app-v4 .canvas-frame canvas{max-height:calc(52dvh - 104px)}.app-v4 .media-controls{grid-template-columns:27px 28px minmax(40px,1fr) 28px 27px}.property-grid{grid-template-columns:1fr 1fr}.top-actions .primary-button{font-size:0;width:34px;padding:0;justify-content:center}.top-actions .user-top-button{display:flex!important;width:34px;padding:0;justify-content:center}.top-actions .user-top-button span{display:none}}.app-v4 .export-panel{display:flex;flex-direction:column;min-height:0;overflow:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}.app-v4 .export-main{flex:none;position:sticky;bottom:0;z-index:3;box-shadow:0 -14px 24px var(--panel)}.app-v4 .export-panel{overflow-y:auto;overflow-x:hidden;min-width:0}.app-v4 .export-modes{min-width:0}.app-v4 .export-modes button{white-space:normal;font-size:9px;padding:4px}.app-v4 .music-panel{min-height:0;overflow:auto}.app-v4 .music-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.app-v4 .gallery-export{grid-template-columns:repeat(2,minmax(0,1fr))}.app-v4 .gallery-export button{min-width:0;white-space:normal}.canvas-start{margin:0 auto;max-width:620px;padding:48px;text-align:center;border:1px solid var(--line-alt);background:var(--bg-alt)cc}.canvas-start>span{font:9px var(--mono);letter-spacing:.14em;color:var(--accent)}.canvas-start h1{font-size:24px;margin:13px 0 8px}.canvas-start p{font-size:10px;color:var(--muted);line-height:1.7}.canvas-start>div{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px}.canvas-start button{height:38px;border:1px solid #3a3d43;background:var(--panel-hover);color:#c8cac5;padding:0 16px;display:flex;align-items:center;gap:7px;cursor:pointer;transition:background .15s,border-color .15s}.canvas-start button:hover{background:#25282e;border-color:#565a61;color:#e8e8e8}.canvas-start button:active{background:#1a1c20}.canvas-start .primary-button{background:var(--accent);color:var(--text-on-accent);border:0;margin:0}.canvas-start .primary-button:hover{background:#c2e63a;color:var(--text-on-accent)}.canvas-start .primary-button:active{background:#a8cc2e}.tabs button:disabled{opacity:.3;cursor:not-allowed}@media(max-width:760px){.app-v4 .media-controls{width:100%;max-width:100%}.app-v4 .preview-gallery{max-width:calc(100vw - 8px)}.app-v4 .gallery-export{padding-bottom:max(8px,env(safe-area-inset-bottom))}.app-v4 .music-footer{position:sticky;bottom:0}}@media(max-width:520px){.app-v4 .media-controls{grid-template-columns:27px 30px minmax(0,1fr) 30px 27px;padding-inline:4px;gap:3px}.app-v4 .media-controls>span{font-size:9px}.app-v4 .gallery-export{grid-template-columns:1fr}.app-v4 .export-modes{grid-auto-flow:row;grid-auto-columns:auto}.app-v4 .export-modes button{min-height:34px}.app-v4 .preview-gallery{overflow-y:auto}.app-v4 .gallery-grid,.app-v4 .saved-preview{min-width:0}.app-v4 .saved-image{max-width:100%}.app-v4 .media-controls{gap:2px;padding-inline:3px}.app-v4 .media-stage,.app-v4 .canvas-frame{max-width:100%}.app-v4 .gallery-export button{font-size:9px;padding:6px}}.geometry-toolbar{display:flex;align-items:center;gap:4px;min-width:0;padding:0 6px;border-inline:1px solid var(--line)}.geometry-toolbar>button,.geometry-toolbar>label{height:28px;min-width:28px;border:1px solid var(--line-light);background:var(--panel);color:#989ba1;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.geometry-toolbar>button.active,.geometry-toolbar>label.active{border-color:#71802d;background:var(--accent-dark);color:var(--accent)}.geometry-toolbar>button:hover,.geometry-toolbar>label:hover{border-color:#566027;background:#1c1f14;color:#d4d6d1}.geometry-toolbar>label{position:relative;padding:0 5px}.geometry-paint-editor>.property-label{margin-top:0}.geometry-paint-editor>select{width:100%;height:28px;border:1px solid var(--line-light);background:var(--bg);color:var(--text);font:9px var(--mono)}.gradient-stops{display:grid;gap:5px;margin-top:7px}.gradient-stops>div{display:grid;grid-template-columns:28px minmax(0,1fr) 48px 24px;gap:5px;align-items:center}.gradient-stops input[type=color]{width:28px;height:25px;padding:0;border:1px solid var(--line-light);background:transparent}.gradient-stops input[type=range]{width:100%;accent-color:var(--accent)}.gradient-stops input[type=number]{width:100%;height:25px;border:1px solid var(--line-light);background:var(--bg);color:var(--text);font:9px var(--mono)}.gradient-stops>div>button,.gradient-add-stop{height:25px;border:1px solid var(--line-light);background:var(--panel2);color:#8f9298;cursor:pointer}.gradient-stops>div>button:disabled{opacity:.25}.gradient-add-stop{width:100%;font-size:9px}.geometry-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.geometry-button-grid button,.anchor-type-actions button,.align-object-grid button,.wide-action{min-height:28px;border:1px solid var(--line-light);background:var(--panel2);color:#95989e;font-size:9px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.geometry-button-grid button.active{background:var(--accent-dark);border-color:#596526;color:var(--accent)}.anchor-type-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.align-object-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:5px}.wide-action{width:100%;margin-top:7px;color:var(--accent)}.geometry-anchor-editor{position:absolute;inset:0;z-index:8;cursor:crosshair}.geometry-anchor{position:absolute;width:9px;height:9px;padding:0;transform:translate(-50%,-50%);border:1px solid var(--bg);background:#eef0e9;z-index:12;cursor:move}.geometry-anchor.smooth{border-radius:50%}.geometry-anchor.symmetric{transform:translate(-50%,-50%) rotate(45deg)}.geometry-anchor.selected{background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.bezier-handle{position:absolute;width:7px;height:7px;padding:0;transform:translate(-50%,-50%);border:1px solid var(--bg);border-radius:50%;background:#47cfff;z-index:12;cursor:move}.mobile-save-backdrop{position:fixed;inset:0;z-index:80;background:#070809ed;display:flex;align-items:center;justify-content:center;padding:16px}.mobile-save-sheet{width:min(680px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:#141518;border:1px solid #3a3d43;box-shadow:0 22px 80px #000;padding-bottom:max(14px,env(safe-area-inset-bottom))}.mobile-save-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.mobile-save-sheet>header span{font:9px var(--mono);color:var(--accent);letter-spacing:.1em}.mobile-save-sheet>header h2{font-size:18px;margin:5px 0 0}.mobile-save-sheet>header button{border:0;background:transparent;color:#9a9da2;padding:4px}.mobile-save-sheet>p{font-size:10px;line-height:1.7;color:#a1a4a9;padding:0 18px;margin:14px 0}.mobile-save-list{display:grid;gap:14px;padding:0 18px}.mobile-save-list article{border:1px solid var(--line-light);background:#0d0e10;padding:8px}.mobile-save-list img{display:block;width:100%;max-height:65dvh;object-fit:contain;background-color:#fff;background-image:linear-gradient(45deg,#e9e9e9 25%,transparent 25%),linear-gradient(-45deg,#e9e9e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e9e9 75%),linear-gradient(-45deg,transparent 75%,#e9e9e9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;-webkit-touch-callout:default;user-select:auto}.mobile-save-list article>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px}.mobile-save-list span{font:9px var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.mobile-save-list button,.mobile-save-done{height:34px;border:1px solid #485020;background:var(--accent-dark);color:var(--accent);padding:0 12px;white-space:nowrap}.mobile-save-done{display:block;width:calc(100% - 36px);margin:15px 18px 0;background:var(--accent);color:#10120d;font-weight:700}.anchor-handle-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.anchor-handle-line line{stroke:#47cfff;stroke-width:1;vector-effect:non-scaling-stroke}@media(max-width:1100px){.geometry-toolbar small{display:none}.geometry-toolbar select{width:56px}}@media(max-width:760px){.app-v4 .canvas-toolbar{flex-wrap:wrap;height:auto;padding-block:4px}.geometry-toolbar{order:3;width:100%;overflow-x:auto;border-inline:0;border-top:1px solid var(--line);padding-top:4px}.geometry-toolbar>button,.geometry-toolbar>label{flex:none}}@media(max-width:520px){.geometry-toolbar select{width:62px}.geometry-button-grid,.align-object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.user-top-button.signed-in{color:var(--accent)}.feedback-top-button{color:#b9bbc0}.feedback-top-button:hover{color:var(--accent)}.account-backdrop{position:fixed;z-index:10000;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;background:#00000080}.account-modal{width:min(400px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#1a1d23;border:1px solid #2a2d33;border-radius:12px;box-shadow:0 8px 32px #00000080}.account-modal>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2a2d33}.account-modal>header span{font:9px var(--mono);letter-spacing:.12em;color:var(--accent)}.account-modal>header h2{font-size:14px;margin:4px 0 0;color:#e8e8e8}.account-modal>header button{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:6px}.account-modal>header button:hover{background:#2a2d33;color:#e8e8e8}.account-body{display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px}.account-body>label{font-size:10px;color:#999ca2;margin-top:4px}.account-body>input{width:100%;height:42px;border:1px solid #2a2d33;background:#23262b;color:#e2e4df;padding:0 12px;font-size:12px;outline:0;border-radius:8px}.account-body>input:focus{border-color:var(--accent)}.account-body>p{font-size:9px;line-height:1.6;color:#73767c}.account-body>h3{font-size:10px;margin:10px 0 0;color:#9da0a6}.account-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2a2d33;border-radius:8px;overflow:hidden;margin-bottom:4px}.account-switch button{height:36px;border:0;border-right:1px solid #2a2d33;background:#23262b;color:#999;cursor:pointer;font-size:12px}.account-switch button:last-child{border:0}.account-switch button.active{background:var(--accent-dark);color:var(--accent)}.account-primary{width:100%;height:42px;margin-top:9px;border:0;border-radius:8px;background:var(--accent);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;cursor:pointer;font-size:14px}.account-primary:disabled{opacity:.35;cursor:default}.turnstile-host{min-height:65px;margin-top:7px;display:flex;justify-content:center}.account-card{position:relative;padding:15px;border:1px solid #3b4421;background:#1a1e15;display:flex;flex-direction:column;gap:4px}.account-card b{font-size:14px}.account-card span,.account-card small{font:9px var(--mono);color:var(--muted)}.account-card em{position:absolute;right:10px;top:10px;color:var(--accent);font:7px var(--mono);font-style:normal}.account-danger{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-alt)}.account-danger button{height:34px;border:1px solid #3a3d43;background:var(--panel2);color:#a7aaaf;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.account-danger button:last-child{color:var(--danger-hover)}.user-panel{flex:1;min-height:0;overflow:auto;padding:12px;overscroll-behavior:contain}.user-panel-head{display:flex;align-items:center;justify-content:space-between;padding:5px 2px 13px}.user-panel-head>div{display:flex;flex-direction:column;gap:3px}.user-panel-head span{font:7px var(--mono);color:var(--accent);letter-spacing:.12em}.user-panel-head strong{font-size:14px}.user-panel-head button{width:29px;height:28px;border:1px solid var(--line-light);background:var(--panel2);color:#8d9096;display:flex;align-items:center;justify-content:center}.cloud-summary{padding:12px;border:1px solid #3a4320;background:#191d15;margin-bottom:10px}.cloud-summary>div{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:10px}.cloud-summary>small{display:block;margin:5px 0 9px;color:#777b72;font-size:9px;line-height:1.5}.cloud-summary>p{font-size:9px;color:#ff8178;line-height:1.5}.cloud-summary>button,.cloud-section-action,.account-settings-button{width:100%;height:34px;border:1px solid #596526;background:var(--accent-dark);color:var(--accent);display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;cursor:pointer}.cloud-summary>button:disabled{opacity:.35}.user-panel details{border:1px solid #2f3237;background:var(--panel);margin-bottom:8px}.user-panel summary{height:38px;padding:0 9px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#c3c5c1;font-size:10px;list-style:none}.user-panel summary::-webkit-details-marker{display:none}.user-panel summary b{margin-left:auto;font:9px var(--mono);color:#6f7278}.cloud-section-action{width:calc(100% - 12px);margin:0 6px 6px;height:28px}.cloud-list{display:flex;flex-direction:column;gap:4px;padding:0 6px 6px}.cloud-list>p{font-size:9px;line-height:1.6;color:#6f7278;padding:4px 7px 9px;margin:0}.cloud-list article{min-height:44px;border:1px solid var(--line);background:var(--panel2);display:grid;grid-template-columns:34px minmax(0,1fr) 27px 27px;gap:4px;align-items:center;padding:4px}.cloud-list article.active{border-color:#71802d;background:#202518}.cloud-list article>img,.cloud-thumb{width:34px;height:34px;object-fit:cover;background:var(--bg);display:flex;align-items:center;justify-content:center;color:#788334}.cloud-list article>div{min-width:0;display:flex;flex-direction:column;gap:2px}.cloud-list article strong{font-size:9px;white-space:nowrap;text-overflow:ellipsis}.cloud-list article small{font-size:7px;color:var(--text-dim)}.cloud-list article em{font:7px var(--mono);font-style:normal;color:#56595f}.cloud-list article>button{width:27px;height:28px;border:0;background:transparent;color:#7d8086;display:flex;align-items:center;justify-content:center;cursor:pointer}.cloud-list article>button:hover{color:var(--accent)}.cloud-list article>button:last-child:hover{color:var(--danger-hover)}.cloud-list article>button:disabled{opacity:.25}.account-settings-button{margin-top:10px;background:var(--panel2);border-color:var(--line-light);color:#aaa}.account-settings-button svg:last-child{margin-left:auto}@media(max-width:760px){.account-backdrop{align-items:flex-end;padding:0}.account-modal{width:100%;max-height:92dvh;border-inline:0;border-bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.user-panel{padding-bottom:max(22px,env(safe-area-inset-bottom))}}.password-field{position:relative;width:100%}.password-field input{width:100%;height:36px;border:1px solid #36393f;background:#0f1012;color:#e2e4df;padding:0 42px 0 10px;font:10px var(--mono);outline:0}.password-field input:focus{border-color:#71802d}.password-field button{position:absolute;right:1px;top:1px;width:36px;height:34px;border:0;background:var(--panel);color:#777b82;display:flex;align-items:center;justify-content:center;cursor:pointer}.password-field button:hover{color:var(--accent)}.form-error{color:var(--danger-hover)!important}.user-workspace{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.user-workspace-heading{flex:none;padding:16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.user-workspace-heading>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.user-workspace-heading .eyebrow{font:7px var(--mono);letter-spacing:.14em;color:var(--accent)}.user-workspace-heading h2{font-size:14px;margin:2px 0;white-space:nowrap;text-overflow:ellipsis}.user-workspace-heading p{margin:0;font:9px var(--mono);color:#777b82;white-space:nowrap;text-overflow:ellipsis}.cloud-account-state{flex:none;display:flex;align-items:center;gap:5px;color:var(--accent);font-size:9px}.user-heading-actions{flex:none;display:flex;align-items:center;gap:7px}.user-projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line);flex:none}.user-projects-col{background:var(--panel);min-height:0;overflow:hidden;display:flex;flex-direction:column}.user-projects-col .cloud-collection{flex:1;min-height:0;display:flex;flex-direction:column}.user-projects-col .cloud-item-list{flex:1;overflow-y:auto;max-height:280px}@media(max-width:980px){.user-projects-grid{grid-template-columns:repeat(2,1fr)}.user-projects-col .cloud-item-list{max-height:200px}}@media(max-width:600px){.user-projects-grid{grid-template-columns:1fr}}.user-feedback-button{height:32px;padding:0 9px;border:1px solid #526022;background:#242b16;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;cursor:pointer}.user-feedback-button:hover{background:#303a19}.user-section-tabs{flex:none;display:flex;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none;overscroll-behavior-x:contain}.user-section-tabs::-webkit-scrollbar{display:none}.user-section-tabs button{flex:0 0 auto;min-width:92px;height:43px;padding:0 10px;border:0;border-right:1px solid var(--line);background:var(--panel);color:#777b82;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;cursor:pointer}.user-section-tabs button.active{background:#202518;color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.user-section-content{flex:1;min-height:0;overflow:auto;padding:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.cloud-collection-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.cloud-collection-heading>div{display:flex;align-items:baseline;gap:8px;min-width:0}.cloud-collection-heading h3{font-size:12px;margin:0}.cloud-collection-heading small{font:7px var(--mono);color:#686b71}.cloud-collection-heading span{flex:none;min-width:42px;padding:3px 6px;border:1px solid #46501f;background:#202518;text-align:center;font:9px var(--mono);color:var(--accent)}.cloud-search{width:100%;height:32px;margin:0 0 8px;border:1px solid var(--line-light);background:var(--bg);color:#dfe2dc;padding:0 10px;font-size:9px;outline:0}.cloud-search:focus{border-color:#566329}.cloud-empty{padding:24px 16px;border:1px dashed var(--line-light);color:#777b82;font-size:9px;line-height:1.7;text-align:center}.cloud-item-list{display:flex;flex-direction:column;gap:6px}.cloud-item{min-height:72px;padding:7px;border:1px solid var(--line-alt);background:var(--panel2);display:flex;align-items:center;gap:8px}.cloud-item-thumbnail{width:76px;height:58px;flex:none;display:block;object-fit:cover;border:1px solid var(--line-light);background-color:var(--bg);background-image:linear-gradient(45deg,var(--panel-hover) 25%,transparent 25%),linear-gradient(-45deg,var(--panel-hover) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--panel-hover) 75%),linear-gradient(-45deg,transparent 75%,var(--panel-hover) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.cloud-item-thumbnail.placeholder{display:flex;align-items:center;justify-content:center;color:#697078}.cloud-item-thumbnail.placeholder.preset{padding:6px}.effect-symbol,.cloud-item-thumbnail.placeholder.preset .effect-symbol{width:43px;height:43px;display:block;flex:none;border-radius:4px;background-color:#1a1c20;background-image:radial-gradient(circle,var(--accent) 2px,transparent 2px);background-size:9px 9px}.symbol-mosaic{background-image:linear-gradient(45deg,var(--accent) 25%,transparent 25%,transparent 75%,var(--accent) 75%),linear-gradient(45deg,var(--accent) 25%,transparent 25%,transparent 75%,var(--accent) 75%);background-size:10px 10px;background-position:0 0,5px 5px}.symbol-ascii{background-image:none;color:var(--accent)}.symbol-ascii:after{content:"A#9";font:12px var(--mono);display:block;padding:14px 8px}.symbol-edges{background-image:linear-gradient(90deg,transparent 0 30%,var(--accent) 30% 38%,transparent 38% 62%,var(--accent) 62% 70%,transparent 70% 100%)}.symbol-sketch{background-image:repeating-linear-gradient(15deg,var(--accent) 0 1px,transparent 1px 5px),repeating-linear-gradient(-20deg,transparent 0 3px,var(--accent) 3px 4px,transparent 4px 7px),repeating-linear-gradient(50deg,transparent 0 5px,var(--accent) 5px 6px)}.symbol-posterize{background-image:linear-gradient(0deg,var(--accent) 0 33%,#222 33% 66%,var(--accent) 66% 100%)}.symbol-colorblocks{background-image:linear-gradient(135deg,var(--accent) 0 15%,transparent 15% 50%,var(--accent) 50% 65%,transparent 65% 85%,var(--accent) 85% 100%)}.symbol-blur{filter:blur(3px)}.symbol-slices{background-image:linear-gradient(0deg,transparent 0 40%,var(--accent) 40% 48%,transparent 48% 52%,var(--accent) 52% 60%,transparent 60% 100%)}.symbol-wave{background-image:repeating-linear-gradient(0deg,transparent 0 4px,var(--accent) 4px 5px,transparent 5px 6px),repeating-linear-gradient(0deg,transparent 0 2px,var(--accent) 6px 7px,transparent 7px 8px);background-size:100% 16px}.symbol-halftone{background-image:radial-gradient(circle at 20% 25%,var(--accent) 5px,transparent 6px),radial-gradient(circle at 75% 30%,var(--accent) 3px,transparent 4px),radial-gradient(circle at 50% 70%,var(--accent) 2px,transparent 3px),radial-gradient(circle at 80% 80%,var(--accent) 1px,transparent 2px)}.symbol-geometry{background-image:linear-gradient(60deg,transparent 0 45%,var(--accent) 45% 55%,transparent 55% 100%),linear-gradient(-60deg,transparent 0 45%,var(--accent) 45% 55%,transparent 55% 100%),linear-gradient(0deg,transparent 0 45%,var(--accent) 45% 55%,transparent 55% 100%)}.symbol-particles{background-image:radial-gradient(circle at 15% 20%,var(--accent) 2px,transparent 3px),radial-gradient(circle at 70% 35%,var(--accent) 1px,transparent 2px),radial-gradient(circle at 40% 70%,var(--accent) 2px,transparent 3px),radial-gradient(circle at 85% 65%,var(--accent) 1px,transparent 2px),radial-gradient(circle at 20% 85%,var(--accent) 1px,transparent 2px),radial-gradient(circle at 60% 15%,var(--accent) 1px,transparent 2px);background-size:20px 20px}.symbol-network{background-image:linear-gradient(var(--accent) 1px,transparent 1px),linear-gradient(90deg,var(--accent) 1px,transparent 1px),radial-gradient(circle,var(--accent) 3px,transparent 3px);background-size:12px 12px}.symbol-raster{background-image:repeating-linear-gradient(0deg,transparent 0 3px,var(--accent) 3px 4px,transparent 4px 5px)}.cloud-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cloud-item-main strong{font-size:10px;white-space:nowrap;text-overflow:ellipsis}.cloud-item-main span{font:7px var(--mono);color:#777b82}.cloud-item-actions{display:flex;align-items:center;gap:3px}.cloud-item-actions button{min-width:40px;height:28px;border:1px solid #3a3d43;background:#1d2023;color:#b8bab6;padding:0 8px;font-size:9px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cloud-item-actions .icon-button{min-width:29px;width:29px;padding:0;color:#777b82}.cloud-item-actions .danger:hover{color:var(--danger-hover)}.profile-panel,.feedback-panel,.admin-feedback{display:flex;flex-direction:column;gap:10px}.profile-identity,.profile-card,.feedback-form,.my-feedback,.admin-feedback-detail{border:1px solid var(--line-alt);background:var(--panel);padding:13px}.profile-identity{display:flex;flex-direction:column;gap:3px;position:relative}.profile-identity>span,.feedback-head span,.admin-feedback header span{font:7px var(--mono);letter-spacing:.12em;color:var(--accent)}.profile-identity strong{font-size:14px}.profile-identity small{font:9px var(--mono);color:#777b82}.profile-identity em{position:absolute;right:12px;top:12px;padding:3px 5px;background:#282b20;color:#c6dc68;font:7px var(--mono);font-style:normal}.profile-card h3,.my-feedback h3{font-size:10px;margin:0 0 5px}.profile-card p{font-size:9px;line-height:1.6;color:#777b82;margin:0 0 10px}.profile-card>label,.profile-collapse-body>label,.feedback-form>label,.admin-feedback-detail>label{display:block;margin:9px 0 5px;font-size:9px;color:#9da0a6}.profile-card>input,.feedback-form>input,.feedback-form textarea,.admin-feedback select,.admin-feedback-detail select,.admin-feedback-detail textarea{width:100%;border:1px solid #36393f;background:#0f1012;color:#e2e4df;outline:0}.profile-card>input,.feedback-form>input,.admin-feedback select,.admin-feedback-detail select{height:36px;padding:0 10px}.feedback-form textarea,.admin-feedback-detail textarea{min-height:116px;padding:10px;resize:vertical;line-height:1.55}.profile-card>button:not(.profile-collapse-head),.profile-collapse-body>button,.profile-action-row button,.account-session-actions>button,.delete-account-confirm>button,.admin-feedback-detail>div:last-child button{min-height:34px;margin-top:9px;border:1px solid #4e5828;background:var(--accent-dark);color:var(--accent);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:9px;cursor:pointer}.profile-card button:disabled{opacity:.35;cursor:default}.profile-action-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.unverified-badge{font-size:7px;color:#d6bd68;font-weight:400}.profile-card.collapsible{padding:0}.profile-collapse-head{width:100%;height:42px;padding:0 12px;border:0;background:transparent;color:#c6c8c3;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.profile-collapse-head span{display:flex;align-items:center;gap:7px;font-size:10px}.profile-collapse-body{padding:0 12px 12px;border-top:1px solid #2b2e33}.account-session-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.account-session-actions>button{margin:0;background:var(--panel2);border-color:#383b40;color:#a9acb1}.account-session-actions>button.danger{color:var(--danger-hover)}.delete-account-confirm{grid-column:1/-1;padding-top:8px}.delete-account-confirm p{color:#c98781}.delete-account-confirm>button{width:100%;color:var(--danger-hover);border-color:#703d3a;background:#2b1919}.feedback-head,.admin-feedback>header{display:flex;align-items:center;justify-content:space-between}.feedback-head>div,.admin-feedback>header>div{display:flex;flex-direction:column;gap:4px}.feedback-head strong,.admin-feedback header strong{font-size:14px}.feedback-head>button,.admin-feedback header>button{width:31px;height:31px;border:1px solid var(--line-light);background:var(--panel2);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.feedback-identity{position:relative;padding:10px;border:1px solid #394320;background:#1a1e15;display:flex;flex-direction:column;gap:3px}.feedback-identity strong{font-size:10px}.feedback-identity span{font:9px var(--mono);color:var(--muted)}.feedback-identity em{position:absolute;right:9px;top:9px;color:#d6bd68;font:7px var(--mono);font-style:normal}.feedback-counter{text-align:right;margin-top:3px;color:#666970;font:7px var(--mono)}.feedback-attachments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.feedback-attachments figure,.feedback-add-image{height:84px;margin:0;border:1px solid #36393f;background:var(--bg);position:relative}.feedback-attachments img{width:100%;height:100%;object-fit:cover}.feedback-attachments figure button{position:absolute;right:4px;top:4px;width:24px;height:24px;border:0;background:#08090bcf;color:var(--danger-hover);display:flex;align-items:center;justify-content:center}.feedback-attachments figcaption{position:absolute;inset:auto 0 0;padding:4px;background:#08090bcc;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.feedback-add-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#7f8388;font-size:9px;cursor:pointer}.feedback-form>small{display:block;margin-top:6px;color:#6f7278;font-size:7px;line-height:1.5}.feedback-submit{width:100%;height:39px;margin-top:12px;border:0;background:var(--accent);color:var(--text-on-accent);font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}.feedback-submit:disabled{opacity:.35}.my-feedback>p{color:#777b82;font-size:9px}.my-feedback article{padding:10px 0;border-top:1px solid var(--line)}.my-feedback article>div{display:flex;justify-content:space-between;gap:8px}.my-feedback article strong{font:9px var(--mono)}.my-feedback article p{font-size:9px;line-height:1.55;color:#b5b7b3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.my-feedback article small{font-size:7px;color:#6f7278}.feedback-status{padding:2px 5px;font-size:7px;background:var(--line)}.feedback-status.resolved{color:var(--accent)}.feedback-status.closed{color:#777b82}.feedback-backdrop{z-index:95;inset:0}.feedback-modal{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#141518;border:1px solid #3a3d43;padding:16px}.admin-feedback>select{flex:none}.admin-feedback-layout{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(0,1.25fr);gap:8px;min-height:330px}.admin-feedback-list{display:flex;flex-direction:column;gap:5px;max-height:65vh;overflow:auto}.admin-feedback-list>button{padding:9px;border:1px solid var(--line-alt);background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.admin-feedback-list>button.active{border-color:#71802d;background:#202518}.admin-feedback-list>button>div{display:flex;justify-content:space-between;gap:5px}.admin-feedback-list strong{font:7px var(--mono)}.admin-feedback-list span{font-size:7px;color:var(--accent)}.admin-feedback-list p{font-size:9px;line-height:1.45;white-space:nowrap;text-overflow:ellipsis}.admin-feedback-list small,.admin-feedback-meta{font-size:7px;line-height:1.6;color:#74777d}.admin-feedback-detail{min-width:0}.admin-feedback-detail h3{font:10px var(--mono);margin:0}.admin-feedback-detail>p{font-size:9px;line-height:1.6;white-space:pre-wrap}.admin-feedback-images{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.admin-feedback-images img{width:100%;height:70px;object-fit:cover}.admin-feedback-detail>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:5px}.admin-feedback-detail>div:last-child button.danger{color:var(--danger-hover);background:#2b1919;border-color:#703d3a}.admin-console{display:flex;flex-direction:column;gap:10px;min-height:0}.admin-console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid var(--line-alt);background:var(--panel);padding:12px}.admin-console-head span{font:7px var(--mono);letter-spacing:.14em;color:var(--accent)}.admin-console-head h3{margin:4px 0;font-size:14px}.admin-console-head p{margin:0;font-size:9px;color:var(--muted);line-height:1.5}.admin-console-head button,.admin-card button,.admin-filters button,.admin-action-grid button,.admin-role-row button,.admin-quota-editor button{border:1px solid #34373d;background:#191b1f;color:#daddd6;min-height:32px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.admin-console-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-alt)}.admin-console-tabs button{height:36px;border:0;border-right:1px solid var(--line-alt);background:var(--panel);color:var(--muted);cursor:pointer}.admin-console-tabs button:last-child{border-right:0}.admin-console-tabs button.active{background:#25300e;color:var(--accent)}.admin-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-stat,.admin-card{border:1px solid var(--line-alt);background:var(--panel);padding:12px}.admin-stat span{font-size:9px;color:#878a90}.admin-stat strong{display:block;font:24px var(--mono);color:#eef2e8;margin:5px 0}.admin-stat p,.admin-card p{margin:0;font-size:9px;color:var(--muted);line-height:1.55}.admin-card{display:flex;flex-direction:column;gap:8px}.admin-card h4{margin:0;font-size:12px}.admin-card label,.admin-user-detail label{font-size:9px;color:var(--muted)}.admin-card input,.admin-card .password-field input,.admin-user-detail input,.admin-filters input,.admin-filters select,.admin-role-row select,.admin-quota-editor input{height:34px;border:1px solid var(--line-light);background:var(--bg);color:#e2e4df;padding:0 9px}.backup-code-box{border:1px dashed #4b5231;background:#171b12;padding:8px}.backup-code-box strong{font-size:9px;color:var(--accent)}.backup-code-box p{font:9px var(--mono);word-break:break-all;margin-top:5px}.admin-filters{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px auto;gap:6px;margin-bottom:8px}.admin-users-layout{display:grid;grid-template-columns:minmax(160px,.78fr) minmax(0,1.22fr);gap:8px;min-height:360px}.admin-user-list{display:flex;flex-direction:column;gap:5px;max-height:66vh;overflow:auto}.admin-user-list button{border:1px solid var(--line-alt);background:var(--panel);color:#d9dbd5;text-align:left;padding:9px;cursor:pointer}.admin-user-list button.active{border-color:#71802d;background:#202518}.admin-user-list strong,.admin-user-list span,.admin-user-list small{display:block;white-space:nowrap;text-overflow:ellipsis}.admin-user-list strong{font-size:10px}.admin-user-list span,.admin-user-list small{font-size:9px;color:#7e8187;margin-top:3px}.admin-user-detail{border:1px solid var(--line-alt);background:var(--panel);padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}.admin-user-detail header{display:flex;justify-content:space-between;gap:10px}.admin-user-detail h4{font-size:14px;margin:3px 0}.admin-user-detail header span{font:9px var(--mono);color:var(--accent)}.admin-user-detail header p{margin:0;font-size:9px;color:var(--muted);word-break:break-all}.admin-user-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.admin-user-metrics span{border:1px solid #2b2e33;padding:7px;font-size:9px;color:#aeb1ad;text-align:center}.admin-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.admin-action-grid button:nth-child(3),.admin-role-row button.danger{color:#ff8178;border-color:#613634;background:#261717}.admin-quota-editor{border-top:1px solid #2d3035;padding-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.admin-quota-editor h5{grid-column:1/-1;margin:0;font-size:10px}.admin-quota-editor label{display:flex;flex-direction:column;gap:4px;font-size:9px;color:#898c92}.admin-quota-editor button{grid-column:1/-1}.admin-role-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.admin-role-row select{width:100%}.admin-audit-list{display:flex;flex-direction:column;gap:6px;max-height:68vh;overflow:auto}.admin-audit-list article{border:1px solid var(--line-alt);background:var(--panel);padding:9px}.admin-audit-list strong{font:9px var(--mono);color:var(--accent)}.admin-audit-list span{float:right;font-size:9px;color:#74777d}.admin-audit-list p{font-size:9px;color:#c2c5bf;line-height:1.5;margin:7px 0 0}.admin-route{grid-template:56px 1fr/1fr}.admin-route-main{grid-column:1;grid-row:2;overflow:auto;background:var(--bg);padding:24px;display:flex;justify-content:center}.admin-route-main>.admin-console{width:min(1180px,100%)}.admin-route .admin-console-head h3{font-size:18px}.admin-route .admin-users-layout{min-height:520px}.admin-route .admin-user-list{max-height:62vh}.admin-route-gate{width:min(560px,calc(100vw - 28px));align-self:center;border:1px solid var(--line-alt);background:var(--panel);padding:28px;box-shadow:0 24px 80px #0008}.admin-route-gate span{font:9px var(--mono);letter-spacing:.16em;color:var(--accent)}.admin-route-gate h1{font-size:24px;margin:9px 0}.admin-route-gate p{font-size:12px;line-height:1.8;color:#8b8e94;margin:0 0 22px}.admin-route-gate button{height:42px;border:0;background:var(--accent);color:var(--text-on-accent);font-weight:800;padding:0 18px;display:flex;align-items:center;gap:8px;cursor:pointer}.admin-topbar .brand span:not(.brand-mark){white-space:nowrap}.admin-console{gap:14px}.admin-console-head{border-color:#33400e;background:radial-gradient(circle at 8% 0,#dfff3229,transparent 28%),linear-gradient(135deg,#17191d,var(--bg) 58%,#171c10);padding:18px;box-shadow:0 18px 50px #0005;position:relative}.admin-console-head:after{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border:1px solid #dfff3221;transform:rotate(35deg)}.admin-console-head h3{font-size:18px;letter-spacing:-.02em}.admin-console-head p{font-size:10px;max-width:520px}.admin-head-actions{display:flex;align-items:center;gap:8px;z-index:1}.admin-head-actions strong{height:32px;padding:0 10px;border:1px solid #4c5a1c;background:#222a13;color:var(--accent);display:flex;align-items:center;font-size:9px}.admin-console-tabs{border:1px solid #30343a;background:var(--bg-alt);padding:4px;gap:4px}.admin-console-tabs button{border:0;height:40px;background:transparent;border-radius:0;color:#858a91;font-weight:700}.admin-console-tabs button:not(.active):hover{background:#1e221b;color:#c4c9c0}.admin-console-tabs button.active{background:linear-gradient(135deg,#dfff32,#9fb817);color:var(--text-on-accent)}.admin-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:10px}.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-stat{min-height:132px;border-color:#2f343a;background:linear-gradient(180deg,var(--panel2),var(--panel));position:relative;transition:all .15s}.admin-stat:hover{border-color:#4c5533;transform:translateY(-2px);box-shadow:0 4px 20px #0005}.admin-stat:after{content:"";position:absolute;right:-24px;bottom:-34px;width:88px;height:88px;border:1px solid #ffffff0b;transform:rotate(45deg)}.admin-stat>div{display:flex;align-items:center;gap:8px;color:#8e939b}.admin-stat>div svg{color:#6d727a}.admin-stat.tone-accent>div svg,.admin-stat.tone-accent strong{color:var(--accent)}.admin-stat.tone-warn>div svg,.admin-stat.tone-warn strong{color:#ffbc66}.admin-stat strong{font-size:24px;margin:13px 0 8px}.admin-stat p{font-size:10px}.admin-ops-panel{border:1px solid #30343a;background:linear-gradient(180deg,#17191d,var(--bg-alt));padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.admin-ops-panel span{font:7px var(--mono);letter-spacing:.14em;color:var(--accent)}.admin-ops-panel h4{font-size:14px;margin:6px 0}.admin-ops-panel p{font-size:10px;line-height:1.7;color:#8b9097;margin:0}.admin-radar-list{display:grid;gap:6px}.admin-radar-list b{display:flex;justify-content:space-between;border:1px solid #2c3035;background:#111316;padding:9px;font-size:10px}.admin-radar-list em{font-style:normal;color:var(--accent)}.admin-filters{grid-template-columns:minmax(190px,1fr) 120px 120px auto auto;background:var(--panel);border:1px solid #30343a;padding:8px;margin-bottom:10px}.admin-search{height:34px;display:flex;align-items:center;gap:7px;border:1px solid var(--line-light);background:var(--bg);padding:0 8px;color:#777d85}.admin-search input{border:0!important;background:transparent!important;padding:0!important;flex:1;min-width:0}.admin-filters button:disabled{opacity:.35;cursor:not-allowed}.admin-users-layout{grid-template-columns:minmax(230px,.66fr) minmax(0,1.34fr);gap:10px}.admin-user-list{gap:7px;border:1px solid #30343a;background:var(--bg);padding:8px;max-height:68vh}.admin-list-head{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 8px;color:#8e939b;font-size:10px}.admin-list-head b{color:var(--accent);font:12px var(--mono)}.admin-user-list button{position:relative;padding:12px 54px 12px 34px;border-color:#2b3036;background:linear-gradient(180deg,#17191d,var(--panel))}.admin-user-list button:hover{border-color:#556322}.admin-user-list button.active{border-color:var(--accent);background:linear-gradient(135deg,#202816,var(--panel))}.admin-user-list strong{font-size:12px}.admin-user-list span,.admin-user-list small{font-size:9px}.admin-user-list em{position:absolute;right:10px;top:12px;font:7px var(--mono);color:#6f747b;font-style:normal}.admin-role-badge{display:inline-block;padding:1px 7px;border-radius:var(--radius-sm);font:7px var(--mono);background:#1e221b;color:#b6bbaf;border:1px solid #333840}.admin-role-badge.admin{background:#1b2a10;color:var(--accent);border-color:#4c5e22}.admin-role-badge.super_admin{background:#261d07;color:#ffd966;border-color:#664f1a}.admin-status-dot{position:absolute;left:12px;top:17px;width:9px;height:9px;border-radius:50%;background:#75d36f;box-shadow:0 0 0 3px #75d36f1c}.admin-status-dot.suspended{background:#ffbc66;box-shadow:0 0 0 3px #ffbc661d}.admin-status-dot.banned{background:var(--danger-hover);box-shadow:0 0 0 3px var(--danger-hover) 22}.admin-user-detail{border-color:#343a41;background:linear-gradient(180deg,#17191d,var(--bg-alt));padding:14px;gap:12px}.admin-user-detail header{border-bottom:1px solid #282c31;padding-bottom:10px}.admin-user-detail header svg{color:#6f7680}.admin-user-detail h4{font-size:18px}.admin-user-detail header p{font-size:9px}.admin-account-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #2f3930;background:#111b13;padding:10px}.admin-account-banner b{display:block;color:#95df82;font-size:12px}.admin-account-banner span,.admin-account-banner em{font-size:9px;color:#8f9690;font-style:normal}.admin-account-banner.suspended{border-color:#5d4724;background:#1c1710}.admin-account-banner.suspended b{color:#ffbc66}.admin-account-banner.banned{border-color:#5b2d2b;background:#1e1111}.admin-account-banner.banned b{color:var(--danger-hover)}.admin-user-copy-row{display:flex;flex-wrap:wrap;gap:6px}.admin-user-copy-row button{height:28px;border:1px solid #333840;background:#16181c;color:#969ba3;font-size:9px;display:flex;align-items:center;gap:5px;cursor:pointer}.admin-user-metrics{grid-template-columns:repeat(6,1fr)}.admin-user-metrics span{background:var(--bg);border-color:#2d3238;font:9px var(--mono);color:#c2c7bd}.admin-usage-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-usage-bar{border:1px solid #2d3238;background:#111316;padding:8px}.admin-usage-bar>div{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#858b92}.admin-usage-bar b{font:9px var(--mono);color:#cbd0c8}.admin-usage-bar i{display:block;height:5px;background:#24282e;margin-top:7px}.admin-usage-bar em{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#55d6ff)}.admin-action-grid button,.admin-role-row button,.admin-quota-editor button,.admin-console-head button,.admin-filters button{transition:.15s ease}.admin-action-grid button:hover:not(:disabled),.admin-role-row button:hover:not(:disabled),.admin-quota-editor button:hover:not(:disabled),.admin-console-head button:hover,.admin-filters button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.admin-quota-editor{border:1px solid #2f343a;background:#121417;padding:10px;grid-template-columns:repeat(5,1fr)}.admin-quota-editor h5{display:flex;align-items:center;gap:6px;color:#e2e5dd}.admin-quota-presets{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.admin-quota-presets button{min-height:28px;background:#1b2113;color:#bdd071;border-color:#39451f;transition:.12s}.admin-quota-presets button:hover{border-color:#7d9a2f;background:#252e15}.admin-quota-editor input:focus{border-color:#6f8837;box-shadow:0 0 0 2px #dfff3218}.admin-quota-editor>button{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);font-weight:800}.admin-role-row{border-top:1px solid #2c3035;padding-top:10px}.admin-audit-shell{border:1px solid #30343a;background:var(--bg-alt);padding:12px}.admin-audit-shell>header{display:flex;align-items:center;gap:9px;margin-bottom:10px}.admin-audit-shell>header svg{color:var(--accent)}.admin-audit-shell strong{font-size:12px}.admin-audit-shell span{font-size:9px;color:#81868d}.admin-audit-list{max-height:70vh}.admin-audit-list article{border-color:#2d3238;background:linear-gradient(180deg,#17191d,var(--panel))}@media(max-width:760px){.user-workspace-heading{padding:12px}.cloud-account-state span{display:none}.user-section-tabs button{min-width:88px}.user-section-content{padding:9px;padding-bottom:max(22px,env(safe-area-inset-bottom))}.feedback-backdrop{align-items:flex-end;padding:0}.feedback-modal{width:100%;max-height:94dvh;border-inline:0;border-bottom:0;padding:12px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.admin-feedback-layout{grid-template-columns:1fr}.admin-feedback-list{max-height:260px}.admin-console-tabs{grid-template-columns:repeat(2,1fr)}.admin-overview-grid,.admin-users-layout,.admin-filters,.admin-role-row{grid-template-columns:1fr}.admin-user-list{max-height:260px}.admin-action-grid,.admin-user-metrics,.admin-quota-editor{grid-template-columns:1fr 1fr}.admin-route-main{padding:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.admin-route .top-actions .text-button:first-child span{display:none}.admin-route-gate{padding:18px}.admin-route-gate h1{font-size:18px}.cloud-item-thumbnail{width:82px;height:62px}}@media(max-width:420px){.profile-action-row,.account-session-actions{grid-template-columns:1fr}.delete-account-confirm{grid-column:1}.feedback-attachments{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-item{align-items:flex-start;flex-wrap:wrap}.cloud-item-thumbnail{width:88px;height:66px}.cloud-item-main{min-width:calc(100% - 98px);padding-top:4px}.cloud-item-actions{width:100%;justify-content:flex-end}.cloud-account-state,.user-feedback-button span{display:none}.user-feedback-button{width:34px;padding:0}}.site-nav{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-width:0}.site-brand{margin-right:auto;flex:none;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#f2f4ef;font-size:18px;font-weight:900;cursor:pointer}.site-nav-inline{display:flex;align-items:center;justify-content:flex-end;gap:3px;max-width:50vw;min-width:0}.site-nav-link,.site-nav-menu{min-height:34px;border:0;background:transparent;color:var(--muted);padding:0 11px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.site-nav-link:hover,.site-nav-link.active,.site-nav-menu:hover,.site-nav-menu.active{color:var(--accent);background:transparent}.site-nav-menu{display:none}.site-nav-overlay{position:fixed;inset:0;z-index:10000}.site-nav-scrim{position:absolute;inset:0;border:0;background:#0005;cursor:default}.site-nav-panel{position:absolute;top:calc(var(--site-header-height,56px) + 10px);right:12px;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - var(--site-header-height,56px) - 24px);overflow:auto;border:1px solid #41454b;background:#15171b;color:#edf0e8;box-shadow:0 24px 80px #000d;padding:8px;isolation:isolate}.site-nav-panel-title{padding:10px 10px 8px;color:var(--accent);font:10px var(--mono);letter-spacing:.16em}.site-nav-panel-links{display:grid;gap:2px}.site-nav-panel-link{width:100%;min-height:40px;border:1px solid transparent;background:#1b1d21;color:#d7dad4;display:flex;align-items:center;gap:9px;padding:0 10px;text-align:left;font-size:12px;font-weight:700;cursor:pointer}.site-nav-panel-link:hover,.site-nav-panel-link.active{border-color:#586226;background:#242b16;color:var(--accent)}.site-nav-panel-link small{margin-left:auto;color:#83878e;font:9px var(--mono)}.site-nav-panel-link:disabled{opacity:.45;cursor:default}.site-nav-panel-link:disabled:hover{border-color:transparent;background:#1b1d21;color:#d7dad4}.site-nav-panel-divider{height:1px;background:#32353a;margin:7px 0}.top-site-nav{--site-header-height:56px;min-height:56px}.landing-site-nav{position:sticky;top:0;z-index:100;--site-header-height:70px;padding:18px clamp(18px,4vw,56px);border-bottom:1px solid rgba(255,255,255,.08);background:#090a0cb8;backdrop-filter:blur(18px)}.app-v4 .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.user-center-page{min-height:100vh;background:var(--bg);color:#f0f1ed;overflow:auto}.user-center-shell{width:min(1120px,calc(100vw - 28px));min-height:calc(100vh - 112px);margin:18px auto 38px;border:1px solid var(--line);background:var(--panel);display:flex}.user-center-gate{width:min(620px,calc(100vw - 28px));margin:clamp(48px,10vh,110px) auto;border:1px solid var(--line-alt);background:var(--panel);padding:30px;box-shadow:0 24px 80px #0007}.user-center-gate span{font:10px var(--mono);letter-spacing:.16em;color:var(--accent)}.user-center-gate h1{font-size:24px;margin:10px 0}.user-center-gate p{color:#969aa2;line-height:1.8}.user-center-gate div{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.user-center-gate button{min-height:40px;border:0;background:var(--accent);color:var(--text-on-accent);font-weight:900;display:flex;align-items:center;gap:8px;padding:0 16px;cursor:pointer}.user-center-gate button.ghost{border:1px solid #3a3d43;background:var(--panel2);color:#d8dad4}@media(max-width:760px){.site-nav{gap:8px}.site-brand{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px;letter-spacing:.02em;cursor:pointer;background:none;border:0;padding:0}.user-center-shell{width:100%;margin:0;border-inline:0;min-height:calc(100vh - 72px)}}@media(max-width:1279px){.site-nav-inline{display:none}.site-nav-menu{display:flex;align-items:center;justify-content:center;min-width:36px;padding:0 10px}.site-nav.compact .site-nav-menu span{display:none}}.ml-suite-link{height:30px;border:1px solid #3a3d43;background:var(--panel);color:var(--accent);padding:0 11px;font-size:10px;font-weight:700}.ml-suite-link:hover{border-color:var(--accent);background:#202615}.landing-page{min-height:100vh;background:radial-gradient(circle at 80% 20%,rgba(217,255,67,.18),transparent 28%),radial-gradient(circle at 15% 35%,rgba(0,106,255,.16),transparent 30%),#090a0c;color:#f4f5f2;overflow:auto}.landing-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(18px,4vw,56px);border-bottom:1px solid rgba(255,255,255,.08);background:#090a0cb8;backdrop-filter:blur(18px)}.landing-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:900}.landing-brand span{display:grid;place-items:center;width:46px;height:34px;background:var(--accent);color:#050607;font-size:14px;letter-spacing:.08em}.landing-nav nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.landing-nav nav button{min-height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c6c9d0;font-size:12px;font-weight:700}.landing-nav nav button:hover{border-color:var(--accent);color:var(--accent)}.landing-hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:36px;align-items:center;padding:clamp(44px,8vw,110px) clamp(22px,6vw,86px)}.landing-eyebrow{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.18em;margin-bottom:18px}.landing-hero h1{max-width:780px;font-size:clamp(42px,7vw,92px);line-height:.92;letter-spacing:-.07em;margin:0 0 26px}.landing-hero p:not(.landing-eyebrow){max-width:660px;color:#aeb3bd;font-size:clamp(15px,1.8vw,20px);line-height:1.75}.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.landing-primary,.landing-secondary{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 20px;font-weight:900}.landing-primary{background:var(--accent);color:#050607}.landing-secondary{border:1px solid rgba(255,255,255,.16);background:#ffffff0a}.landing-orbit{position:relative;min-height:520px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff14,#ffffff05),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 54px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 54px)}.landing-glow{position:absolute;inset:18%;border-radius:999px;background:radial-gradient(circle,rgba(217,255,67,.45),rgba(0,106,255,.12) 48%,transparent 70%);filter:blur(26px)}.landing-card{position:absolute;z-index:1;display:flex;align-items:center;gap:10px;max-width:250px;padding:16px 18px;border:1px solid rgba(255,255,255,.13);background:#080a0cc7;box-shadow:0 28px 80px #0000005c;color:#edf1e4;font-weight:800}.card-a{left:8%;top:14%}.card-b{right:8%;top:42%}.card-c{left:18%;bottom:16%}.landing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 clamp(22px,6vw,86px) 70px}.landing-feature{min-height:190px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;border:1px solid rgba(255,255,255,.1);background:#ffffff09;text-align:left}.landing-feature svg{color:var(--accent)}.landing-feature strong{font-size:18px}.landing-feature span{color:#9da3ad;line-height:1.6}.landing-feature:hover{border-color:var(--accent);background:#d9ff430f}@media(max-width:860px){.landing-hero{grid-template-columns:1fr}.landing-orbit{min-height:360px}.landing-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.landing-nav{align-items:flex-start;flex-direction:column}.landing-grid{grid-template-columns:1fr}.landing-hero h1{letter-spacing:-.045em}}.app-loading{min-height:100vh;display:grid;place-items:center;background:#0d0f12;color:var(--accent);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.unified-layer .add-layer-effect-btn{color:#819036}.unified-layer .add-layer-effect-btn:hover{color:#a0b845}.new-canvas-group{position:relative;display:inline-flex}.canvas-menu-backdrop{position:fixed;inset:0;z-index:999}.canvas-menu{position:absolute;top:100%;left:0;z-index:1000;min-width:220px;background:#1a1b1e;border:1px solid var(--line);border-radius:var(--radius-md);padding:4px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column}.canvas-menu button{background:transparent;color:#c8cad0;border:0;padding:8px 12px;text-align:left;font-size:12px;cursor:pointer;border-radius:var(--radius-md);white-space:nowrap}.canvas-menu button:hover{background:var(--line);color:#fff}.canvas-menu hr{margin:4px 0;border:0;border-top:1px solid var(--line)}.site-nav-panel-footer{padding:8px 12px;font-size:10px;color:var(--text-dim);text-align:center}.library-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);padding:0 12px;flex-shrink:0}.library-tabs button{background:transparent;color:var(--text-dim);border:0;padding:10px 14px;font-size:12px;cursor:pointer;border-bottom:2px solid transparent;transition:.15s}.library-tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.library-tabs button:hover:not(.active){color:#a0a3a8}.effect-library>.library-modal-tab{display:contents}.motion-effect-icon{width:28px;height:28px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--line),#1a1b1e);flex-shrink:0}.audio-engine-page{display:flex;flex-direction:column;min-height:100vh;height:100vh;background:var(--bg);color:var(--text)}.ae-inner{display:flex;flex-direction:column;flex:1;min-height:0}.page-site-nav{--site-header-height:56px;min-height:56px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--panel)}.ae-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel);flex:none;gap:8px;min-height:46px}.ae-toolbar h1{font-size:14px;font-weight:600;margin:0;color:var(--text)}.ae-toolbar-left,.ae-toolbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.ae-toolbar .ae-mobile-toggle{display:none}.ae-toolbar-center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.ae-toolbar-center .ae-status{font:9px var(--mono);color:var(--text-dim);background:#1a1b1e;padding:3px 10px;border-radius:var(--radius-sm);white-space:nowrap}.ae-divider{width:1px;height:20px;background:var(--line);flex:none}.ae-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap;transition:.12s;font-family:inherit;line-height:1}.ae-tool-btn:hover:not(:disabled){border-color:#566027;background:var(--accent-dark);color:var(--accent)}.ae-tool-btn:disabled{opacity:.35;cursor:default}.ae-tool-btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.ae-tool-btn.primary:hover:not(:disabled){background:#c2e63a}.ae-tool-btn.sm{padding:4px 8px;font-size:10px}.ae-tool-btn.danger{background:transparent;border-color:#f44;color:#f44}.ae-tool-btn.active{background:var(--accent-dark);border-color:#819036;color:var(--accent)}.ae-tool-btn.round{width:28px;height:28px;padding:0;justify-content:center;border-radius:50%}.ae-vol-control{display:flex;align-items:center;gap:4px;color:var(--text-dim)}.ae-vol-slider{width:52px;height:2px;appearance:none;background:var(--line);border-radius:var(--radius-sm);outline:none}.ae-vol-slider::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;border:0;transition:transform .12s ease}.ae-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.ae-progress{display:flex;align-items:center;gap:8px;padding:2px 14px 6px;flex:none}.ae-progress .ae-progress-bar{height:3px;background:var(--accent);border-radius:var(--radius-sm);transition:width .1s;flex:1}.ae-progress span{font:9px var(--mono);color:var(--text-dim);white-space:nowrap}.ae-workspace{flex:1;display:grid;grid-template-columns:260px 1fr 240px;grid-template-rows:1fr;gap:1px;background:#1a1b1e;min-height:0;overflow:hidden}.ae-side{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;padding:6px 8px;background:var(--bg);min-height:0;height:100%}.ae-side::-webkit-scrollbar{width:4px}.ae-side::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-sm)}.ae-main{overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;gap:6px;padding:6px 8px;background:var(--bg);min-height:0}.ae-main::-webkit-scrollbar{width:4px}.ae-main::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-sm)}.ae-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:8px}.ae-card-head{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #1e2024}.ae-new-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ae-big-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font-size:10px}.ae-big-btn:hover{border-color:#687536;background:var(--accent-dark)}.ae-big-btn:disabled{opacity:.3;cursor:default}.ae-big-btn svg{color:var(--accent)}.ae-big-btn small{font-size:9px;color:var(--text-dim)}.ae-dropzone{border:1px dashed #3d4046;border-radius:var(--radius-md);padding:16px 10px;text-align:center;color:#7f8288;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px}.ae-dropzone:hover{border-color:var(--accent);background:#1b1f15}.ae-dropzone small{font-size:9px;color:var(--text-dim)}.ae-uploaded-file{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--panel-hover);border-radius:var(--radius-md)}.ae-upload-info{flex:1;min-width:0}.ae-upload-info strong{font-size:10px;display:block;white-space:nowrap;text-overflow:ellipsis}.ae-upload-info span{font:9px var(--mono);color:var(--text-dim)}.ae-uploaded-file button{background:transparent;border:0;color:var(--danger-hover);cursor:pointer;padding:4px}.ae-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.ae-info-item{display:flex;justify-content:space-between;padding:4px 6px;background:var(--panel-hover);border-radius:var(--radius-sm);font-size:9px}.ae-info-item span{color:var(--text-dim)}.ae-info-item b{color:var(--text);font-weight:500}.ae-wave-section{flex:none;padding:8px 12px 4px}.ae-wave-container{position:relative;height:80px;cursor:pointer}.ae-wave-container.expanded{height:200px}.ae-wave-canvas{width:100%;height:100%;display:block}.ae-wave-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:10px}.ae-wave-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.ae-time-display{font:9px var(--mono);color:var(--text-dim)}.ae-loop-markers{font:9px var(--mono);color:#819036}.ae-synth-tabs{display:flex;gap:0;margin:0;border-bottom:1px solid #1e2024;flex:none}.ae-synth-tabs button{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;color:var(--text-dim);padding:8px 16px;font-size:10px;cursor:pointer;border-bottom:2px solid transparent;transition:.12s}.ae-synth-tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.ae-synth-tabs button:hover:not(.active){color:var(--muted)}.ae-synth-panel{padding:6px;flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.ae-synth-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;max-width:100%}.ae-synth-section{display:flex;flex-direction:column;gap:8px}.ae-synth-section h4{font-size:10px;color:var(--muted);margin:6px 0 3px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.ae-style-select{display:grid;grid-template-columns:1fr 1fr;gap:2px}.ae-style-select button{background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 4px;font-size:9px;color:var(--muted);cursor:pointer;text-align:center}.ae-style-select button.active{border-color:#819036;color:var(--accent);background:var(--accent-dark)}.ae-scale-select{display:grid;grid-template-columns:1fr 1fr;gap:2px}.ae-scale-select button{background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 4px;font-size:9px;color:var(--muted);cursor:pointer;text-align:center}.ae-scale-select button.active{border-color:#819036;color:var(--accent);background:var(--accent-dark)}.ae-wave-type-select{display:flex;gap:3px;flex-wrap:wrap}.ae-wave-type-btn{background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 8px;font-size:9px;color:var(--muted);cursor:pointer}.ae-wave-type-btn.active{border-color:#819036;color:var(--accent);background:var(--accent-dark)}.ae-knob{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;user-select:none;width:100%;max-width:64px;margin:0 auto}.ae-knob-sm{max-width:52px}.ae-knob-md{max-width:64px}.ae-knob-dial{width:48px;height:48px;border-radius:50%;background:var(--panel2);border:2px solid var(--line);position:relative;margin:0 auto;overflow:hidden}.ae-knob-track{position:absolute;inset:6px;border-radius:50%;border:2px solid #25282c}.ae-knob-fill{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -140deg,transparent 0deg,transparent calc(var(--pct)*280deg),var(--accent)33 calc(var(--pct)*280deg),var(--accent)33 calc(var(--pct)*280deg + 2deg),transparent calc(var(--pct)*280deg + 2deg))}.ae-knob-indicator{position:absolute;top:8px;left:50%;width:2px;height:16px;background:var(--accent);border-radius:1px;transform-origin:bottom center;margin-left:-1px}.ae-knob-value{font-size:9px;position:absolute;top:18%;font:9px var(--mono);color:var(--text);pointer-events:none;text-align:center;width:100%;left:0}.ae-knob input[type=range]{position:absolute;inset:0;opacity:0;cursor:pointer}.ae-knob label{font-size:9px;color:var(--muted);text-align:center;line-height:1.2;max-width:64px;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.ae-knob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:3px;padding:2px}.ae-range-row{display:flex;align-items:center;gap:6px;min-width:0}.ae-range-row label{font-size:9px;color:var(--muted);min-width:36px;flex-shrink:0}.ae-range-row input[type=range]{flex:1;height:2px;appearance:none;background:var(--line);border-radius:var(--radius-sm);outline:none;min-width:0}.ae-range-row input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;border:0}.ae-range-val{font:9px var(--mono);color:var(--text-dim);min-width:32px;text-align:right;flex-shrink:0}.ae-seed-row{display:flex;align-items:center;gap:4px}.ae-seed-row input[type=range]{flex:1;height:2px;appearance:none;background:var(--line);border-radius:var(--radius-sm);outline:none}.ae-seed-row input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;border:0}.ae-seed-row input[type=number]{width:52px;background:var(--panel-hover);border:1px solid var(--line);color:var(--text);padding:2px 4px;font:9px var(--mono);border-radius:var(--radius-sm);text-align:center}.ae-seed-row button{background:transparent;border:0;color:var(--text-dim);cursor:pointer;padding:2px}.ae-seed-row button:hover{color:var(--text)}.ae-fx-panel{padding:0;flex:1;display:flex;flex-direction:column;min-height:0}.ae-fx-list{display:grid;grid-template-columns:1fr;gap:3px;padding:4px;overflow-y:auto;flex:1}.ae-fx-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--panel-hover);border-radius:var(--radius-md);flex-wrap:wrap}.ae-fx-icon{width:24px;height:24px;border-radius:var(--radius-md);background:var(--accent-dark);display:flex;align-items:center;justify-content:center;flex:none}.ae-fx-icon svg{color:var(--accent);width:14px;height:14px}.ae-fx-info{flex:1;min-width:0}.ae-fx-info strong{font-size:10px;display:block;color:var(--text);font-weight:500}.ae-fx-info span{font-size:9px;color:var(--text-dim);display:block}.ae-fx-info small{font:9px var(--mono);color:var(--text-dim)}.ae-fx-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.ae-fx-toggle{width:20px;height:12px;background:var(--line);border-radius:var(--radius-md);cursor:pointer;position:relative;transition:.15s;flex:none}.ae-fx-toggle:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--text-dim);top:1px;left:1px;transition:.15s}.ae-fx-toggle.on{background:var(--accent-dark)}.ae-fx-toggle.on:after{background:var(--accent);left:9px}.ae-fx-params{width:100%;padding:6px 6px 2px;border-top:1px solid #1e2024;margin-top:4px;display:flex;flex-direction:column;gap:4px}.ae-fx-param-row{display:flex;align-items:center;gap:6px;font-size:9px;padding:2px 0}.ae-fx-param-row.full{grid-column:1/-1}.ae-fx-param-row label{color:var(--muted);min-width:24px;flex-shrink:0;font-size:9px}.ae-fx-param-row input[type=range]{flex:1;height:2px;appearance:none;background:var(--line);border-radius:var(--radius-sm);outline:none;min-width:30px}.ae-fx-param-row input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;border:0}.ae-fx-val{font:9px var(--mono);color:var(--text-dim);min-width:28px;text-align:right;flex-shrink:0}.ae-fx-param-row .ae-select{font-size:9px;padding:1px 3px;flex:1;min-width:30px}.ae-eff-tags{display:flex;flex-wrap:wrap;gap:3px}.ae-eff-tag{font-size:9px;color:var(--text-dim);background:var(--panel-hover);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--line);cursor:pointer}.ae-eff-tag.active{color:var(--accent);border-color:#819036;background:var(--accent-dark)}.ae-eff-tag:hover{border-color:#687536}.ae-seq-panel{padding:0;flex:1;display:flex;flex-direction:column;min-height:0}.ae-seq-header{display:flex;align-items:center;gap:8px;padding:4px 8px}.ae-seq-header h4{font-size:10px;color:var(--muted);margin:0;font-weight:500}.ae-seq-info{font:9px var(--mono);color:var(--text-dim);margin-left:auto}.ae-seq-track{display:flex;align-items:center;gap:4px;margin-bottom:3px}.ae-seq-track-label{font:9px var(--mono);color:var(--text-dim);min-width:24px;flex-shrink:0;text-align:right}.ae-seq-track .ae-seq-grid{display:flex;flex-wrap:wrap;gap:2px;flex:1}.ae-seq-grid{display:flex;flex-wrap:wrap;gap:2px;padding:2px 6px 4px}.ae-seq-cell{width:18px;height:26px;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);background:#1a1b1e;flex:none;transition:.08s}.ae-seq-cell:hover{background:#24262a}.ae-seq-cell.has-beat,.ae-seq-cell.click-beat{background:var(--accent-dark)}.ae-seq-cell.now{box-shadow:inset 0 0 0 1px var(--accent)}.ae-seq-bar{width:6px;background:var(--accent);border-radius:1px 1px 0 0;min-height:2px;transition:height .06s}.ae-seq-sliders{padding:4px 8px 8px;border-top:1px solid #1e2024}.ae-spectrum-bars{display:flex;align-items:flex-end;gap:2px;height:80px}.ae-spec-bar{width:100%;background:var(--accent);border-radius:1px;opacity:.5;transition:height .08s}.ae-beat-list{display:flex;flex-direction:column;gap:2px;max-height:160px;overflow-y:auto}.ae-beat-item{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:var(--radius-sm);font-size:9px}.ae-beat-item.active{background:var(--accent-dark)}.ae-beat-time{font:7px var(--mono);color:var(--text-dim);width:32px;flex-shrink:0}.ae-beat-bar-wrap{flex:1;height:6px;background:#1a1b1e;border-radius:var(--radius-sm)}.ae-beat-bar{height:100%;background:var(--accent);border-radius:var(--radius-sm);opacity:.6}.ae-beat-strength{font:7px var(--mono);color:var(--text-dim);width:24px;text-align:right;flex-shrink:0}.ae-beat-item.active .ae-beat-strength{color:var(--accent)}.ae-shortcuts{display:flex;flex-direction:column;gap:3px}.ae-shortcut-row{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--text-dim)}.ae-shortcut-row kbd{font-family:var(--mono);font-size:9px;background:var(--panel-hover);padding:2px 5px;border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--muted);min-width:32px;text-align:center}.ae-shortcut-row span{color:var(--text-dim)}.ae-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center}.ae-modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;width:340px;max-height:70vh;overflow-y:auto}.ae-modal h3{font-size:14px;color:var(--text);margin:0 0 4px;font-weight:600}.ae-modal h4{font-size:10px;color:var(--muted);margin:10px 0 4px;font-weight:500}.ae-modal-desc{font-size:10px;color:var(--text-dim);margin:0 0 12px}.ae-modal-input{width:100%;background:var(--panel-hover);border:1px solid var(--line);color:var(--text);padding:6px 10px;font-size:10px;border-radius:var(--radius-md);outline:none;margin-bottom:10px;box-sizing:border-box;font-family:inherit}.ae-modal-input:focus{border-color:#687536}.ae-modal-actions{display:flex;gap:6px;justify-content:flex-end}.ae-preset-list{margin-top:12px;border-top:1px solid #1e2024;padding-top:8px}.ae-preset-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--radius-sm);font-size:10px;color:var(--muted);cursor:pointer}.ae-preset-item:hover{background:var(--panel-hover)}.ae-preset-item span{flex:1}.ae-preset-item button{background:transparent;border:0;color:var(--danger-hover);cursor:pointer;padding:2px;font-size:10px}.ae-preset-fav{background:transparent;border:0;color:var(--text-dim);cursor:pointer;padding:0 2px;font-size:12px;line-height:1}.ae-preset-fav.on{color:var(--accent)}.ae-preset-cat{font:7px var(--mono);color:#819036;background:var(--accent-dark);padding:1px 5px;border-radius:var(--radius-sm);white-space:nowrap}.ae-sfx-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.ae-sfx-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--radius-sm);font-size:9px;cursor:pointer;color:var(--muted);background:var(--panel-hover);border:1px solid transparent}.ae-sfx-item:hover{border-color:#687536;color:var(--text)}.ae-sfx-item.playing{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}.ae-sfx-icon{width:20px;height:20px;border-radius:var(--radius-sm);background:var(--accent-dark);display:flex;align-items:center;justify-content:center;flex:none}.ae-sfx-icon svg{width:10px;height:10px;color:var(--accent)}.ae-sfx-info{flex:1;min-width:0}.ae-sfx-info strong{font-size:9px;display:block}.ae-sfx-info small{font-size:7px;color:var(--text-dim)}.ae-sfx-time{font:7px var(--mono);color:var(--text-dim)}.ae-sfx-filter{display:flex;gap:4px;margin-bottom:6px;flex-wrap:wrap}.ae-sfx-filter-btn{font-size:9px;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--line);background:transparent;color:var(--text-dim);cursor:pointer}.ae-sfx-filter-btn.active{background:var(--accent-dark);border-color:#819036;color:var(--accent)}.ae-sfx-search{width:100%;background:var(--panel-hover);border:1px solid var(--line);color:var(--muted);padding:4px 8px;font-size:9px;border-radius:var(--radius-sm);outline:none;margin-bottom:4px;box-sizing:border-box}.ae-sfx-search:focus{border-color:#687536}.ae-card .ae-collapse-handle{cursor:pointer;user-select:none}.ae-card .ae-collapse-body{transition:max-height .2s}.ae-wave-edit-tools{display:flex;gap:4px;padding:4px 0}.ae-wave-edit-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;font-size:9px;background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer}.ae-adsr-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 0;min-width:0;overflow:hidden}.ae-synth-section,.ae-style-select,.ae-scale-select,.ae-knob-grid{overflow:hidden}.toasts{position:fixed;top:60px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:999;pointer-events:none}.toast{padding:8px 14px;border-radius:var(--radius-md);font-size:10px;background:var(--panel);border:1px solid var(--line);color:var(--text);animation:ae-toast-in .2s ease;pointer-events:auto;box-shadow:0 4px 16px #0006}.toast.error{border-color:#f44;color:#f66}.toast.success{border-color:#819036;color:var(--accent)}@keyframes ae-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.ae-workspace{grid-template-columns:1fr}.ae-side{display:none}.ae-side.ae-side-visible{display:flex;position:fixed;z-index:30;inset:102px 0 0;max-height:none;height:auto;background:var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(24px,env(safe-area-inset-bottom))}}.effect-library-page{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.effect-library-page .page-site-nav{flex:none}.effect-library-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.effect-library-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel);flex:none;min-height:46px}.effect-library-header>div:first-child{display:flex;align-items:baseline;gap:12px}.effect-library-header>div:first-child span{font:10px var(--mono);color:var(--accent);letter-spacing:.12em}.effect-library-header h1{font-size:18px;font-weight:600;margin:0;color:#edf0e8}.el-header-nav,.el-search-bar{display:flex;gap:6px}.el-search-bar{align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:0 12px;width:320px;max-width:40vw}.el-search-bar svg{color:var(--muted);flex:none}.el-search-bar input{width:100%;height:34px;border:0;background:transparent;color:var(--text);font-size:13px;outline:none;padding:0 8px}.el-search-bar input::placeholder{color:var(--muted)}.el-scroll-btn{border:1px solid var(--line);background:transparent;color:var(--muted);padding:6px 16px;font-size:12px;cursor:default;border-radius:3px}.el-three-col{flex:1;display:grid;grid-template-columns:1fr 2fr 1fr;gap:1px;overflow:hidden;min-height:0;background:var(--line)}.el-col{display:flex;flex-direction:column;overflow:hidden;background:var(--bg);min-height:0}.el-col-motion{background:#0e0f11}.el-col-head{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--line);flex:none}.el-col-head h2{font-size:13px;font-weight:600;margin:0;flex:1}.el-count{font:10px var(--mono);color:var(--accent-dark);background:var(--accent);padding:1px 7px;border-radius:8px}.el-col-desc{font-size:11px;color:var(--muted);margin:0;padding:8px 14px;border-bottom:1px solid var(--line);flex:none}.el-cat-bar{display:flex;flex-wrap:wrap;gap:3px;padding:8px 14px;border-bottom:1px solid var(--line);flex:none}.el-cat-bar button{border:1px solid transparent;background:transparent;color:var(--muted);padding:3px 10px;font-size:11px;cursor:default;border-radius:3px}.el-cat-bar button:hover{border-color:var(--line);color:var(--text)}.el-cat-bar button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}.el-col-scroll{flex:1;overflow-y:auto;padding:10px 14px;min-height:0}.el-col-scroll::-webkit-scrollbar{width:5px}.el-col-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.el-category{margin-bottom:14px}.el-category h3{font-size:10px;color:var(--muted);margin:0 0 7px;text-transform:uppercase;letter-spacing:.08em}.el-category .library-grid{display:grid;grid-template-columns:1fr;gap:5px}.el-visual-grid{display:grid;gap:5px}.el-visual-grid button{height:auto;min-height:60px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;text-align:left;padding:9px 11px;gap:10px;cursor:default;border-radius:3px}.el-visual-grid button:hover{border-color:#687536;background:var(--accent-dark)}.el-visual-grid .el-effect-text{flex:1;min-width:0}.el-visual-grid .el-effect-text strong{font-size:12px;display:block}.el-visual-grid .el-effect-text span{font-size:10px;color:var(--muted);display:block;margin-top:2px}.el-audio-grid{display:grid;grid-template-columns:1fr;gap:5px}.el-audio-grid button{height:auto;min-height:54px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;text-align:left;padding:9px 11px;gap:10px;cursor:default;border-radius:3px}.el-audio-grid button:hover{border-color:#687536;background:var(--accent-dark)}.el-audio-icon{width:32px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--panel2);border-radius:3px;color:var(--accent)}.el-audio-grid .el-effect-text{flex:1;min-width:0}.el-audio-grid .el-effect-text strong{font-size:12px;display:block}.el-audio-grid .el-effect-text span{font-size:10px;color:var(--muted);display:block;margin-top:2px}.el-col-empty{color:var(--muted);font-size:12px;text-align:center;padding:30px 0}.el-motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 8px}.el-motion-grid .ml-card{background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden;cursor:default;transition:border-color .15s}.el-motion-grid .ml-card:hover{border-color:var(--accent)}.el-motion-grid-col .ml-card-preview{position:relative;aspect-ratio:260/160;overflow:hidden;background:var(--bg-alt)}.el-motion-grid-col .ml-card-index{position:absolute;top:6px;right:6px;font:9px var(--mono);color:var(--text-dim);background:#0009;padding:1px 5px;border-radius:2px}.el-motion-grid-col .ml-card-meta{padding:8px 10px}.el-motion-grid-col .ml-card-title{font-size:12px;font-weight:600;color:var(--text)}.el-motion-grid-col .ml-card-tagline{font-size:10px;color:var(--muted);margin-top:2px}.el-motion-grid .ml-card-cta{display:none}.el-motion-grid-col{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px}.el-motion-grid-col .ml-card{background:#111316;border:1px solid var(--line);border-radius:6px;cursor:default;overflow:hidden}.el-motion-grid-col .ml-card-preview{position:relative;width:100%;aspect-ratio:280 / 180;background:#090a0c;overflow:hidden}.el-motion-grid-col .ml-card-canvas{width:100%;height:100%;display:block}.el-motion-grid-col .ml-card-index{position:absolute;bottom:5px;right:6px;font:9px var(--mono);color:#ffffff4d;background:#0000008c;padding:1px 5px;border-radius:3px}.el-motion-grid-col .ml-card-meta{padding:7px 10px 8px}.el-motion-grid-col .ml-card-title{font-size:12px;font-weight:600;color:#d0d3cc;margin-bottom:2px}.el-motion-grid-col .ml-card-tagline{font-size:10px;color:var(--muted);line-height:1.4}.el-audio-grid button{display:flex;align-items:center;gap:8px;padding:7px 10px;background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--text);font-size:11px;cursor:default;text-align:left;transition:background .15s}.el-audio-grid button:hover{background:var(--hover)}.el-audio-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--panel-hover);border-radius:5px;flex:none;color:var(--accent)}.el-effect-text{flex:1;min-width:0}.el-effect-text strong{display:block;font-size:11px;font-weight:600;color:#d0d3cc;margin-bottom:1px}.el-effect-text span{display:block;font-size:10px;color:var(--muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-col-empty{font-size:11px;color:var(--muted);padding:20px 0;text-align:center}.el-motion-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px}.el-mo-card{background:#111316;border:1px solid var(--line);border-radius:5px;overflow:hidden;cursor:pointer;transition:border-color .15s}.el-mo-card:hover{border-color:#3a3c40}.el-mo-card-preview{position:relative;width:100%;padding-bottom:75%;background:#090a0c;overflow:hidden}.el-mo-card-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.el-mo-card-index{position:absolute;bottom:3px;right:4px;font:8px var(--mono);color:#ffffff4d;background:#0000008c;padding:1px 4px;border-radius:2px}.el-mo-card-meta{padding:7px 9px 8px}.el-mo-card-title{font-size:13px;font-weight:600;color:#d0d3cc;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-mo-card-tagline{font-size:10px;color:#8b8e94;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-mo-icons{display:inline-flex;gap:1px;align-items:center;opacity:.45;vertical-align:middle;margin-left:4px}.project-dialog-backdrop{position:fixed;inset:0;z-index:9999;background:#00000080;display:flex;align-items:center;justify-content:center}.project-dialog{background:#1a1d23;border:1px solid #2a2d33;border-radius:12px;width:360px;max-width:90vw;box-shadow:0 8px 32px #00000080}.project-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2a2d33}.project-dialog-header h3{margin:0;font-size:16px;color:#e8e8e8}.project-dialog-close{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:6px}.project-dialog-close:hover{background:#2a2d33;color:#e8e8e8}.project-dialog-body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px}.project-dialog-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#22252b;border:1px solid #2a2d33;border-radius:8px;color:#ccc;cursor:pointer;font-size:14px;transition:background .15s}.project-dialog-btn:hover{background:#2a2d33;color:#e8e8e8}.project-dialog-btn:disabled{opacity:.5;cursor:not-allowed}.project-dialog-btn svg{color:#d7ff32;flex-shrink:0}.project-dialog-body hr{border:none;border-top:1px solid #2a2d33;margin:4px 0}.project-dialog-cloud-list{padding:12px 16px;max-height:400px;overflow-y:auto}.project-dialog-cloud-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px;color:#c8c8c8}.project-dialog-cloud-empty{color:var(--text-dim);font-size:13px;text-align:center;padding:24px 0}.project-dialog-cloud-items{display:grid;gap:8px}.project-dialog-cloud-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #2a2d33;background:var(--panel);border-radius:6px}.project-dialog-cloud-thumb{width:50px;height:36px;border:1px solid #2a2d33;background:#0d0f12;display:grid;place-items:center;color:#d7ff32;font-size:12px;font-weight:700;flex-shrink:0;overflow:hidden;border-radius:4px}.project-dialog-cloud-thumb img{width:100%;height:100%;object-fit:cover}.project-dialog-cloud-meta{min-width:0;flex:1;display:grid;gap:2px}.project-dialog-cloud-meta strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:#e8e8e8}.project-dialog-cloud-meta span{color:var(--text-dim);font-size:11px}.project-dialog-btn.small{padding:4px 10px;font-size:12px}.project-dialog-btn.danger{color:#f44;min-width:auto;padding:4px 8px}.project-dialog-btn.danger:hover{background:#2a1a1a}@media(max-width:1200px){.ae-workspace{grid-template-columns:220px 1fr 200px}.ae-knob-grid{grid-template-columns:repeat(4,1fr)}.ae-toolbar{flex-wrap:wrap;min-height:auto;padding:4px 8px}}@media(max-width:900px){.ae-workspace{grid-template-columns:1fr}.ae-main{max-height:none}.ae-mobile-toggle{display:inline-flex!important}.ae-synth-grid{grid-template-columns:1fr}.ae-knob-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.ae-toolbar{flex-wrap:wrap;min-height:auto;padding:4px 8px;gap:4px}.ae-toolbar>div:first-child{font-size:12px}.ae-toolbar .ae-tool-btn{font-size:10px;padding:4px 8px}.ae-knob-grid{grid-template-columns:repeat(2,1fr)}.ae-synth-grid{grid-template-columns:1fr}.ae-toggle-label{display:none}}.ae-card:empty{display:none}.ae-time-row{display:flex;justify-content:space-between;padding:2px 0}.ae-time-mark{font:7px var(--mono);color:var(--text-dim)}.ae-empty-state{text-align:center;padding:20px 10px;color:var(--text-dim);font-size:10px;line-height:1.6}.ae-empty-state svg{opacity:.3;margin-bottom:8px;width:32px;height:32px}.ae-synth-panel,.ae-seq-panel,.ae-fx-panel{overflow-y:auto;flex:1;min-height:0}.ae-synth-grid>*{min-height:0}.ae-wave-edit-bar{display:flex;align-items:center;gap:6px;padding:2px 0 4px}.ae-wave-edit-btn{font-size:9px;padding:2px 6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-hover);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:3px;font-family:inherit;white-space:nowrap}.ae-wave-edit-btn:hover{border-color:#687536;color:var(--text)}.ae-wave-edit-btn:disabled{opacity:.3;cursor:default}.ae-preset-quick{display:flex;flex-wrap:wrap;gap:3px}.ae-preset-quick-btn{font-size:9px;padding:3px 7px;background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--muted);cursor:pointer;white-space:nowrap;font-family:inherit}.ae-preset-quick-btn:hover{border-color:#687536;color:var(--text);background:var(--accent-dark)}.ae-sfx-search{width:100%;background:var(--panel-hover);border:1px solid var(--line);color:var(--text);padding:4px 8px;font-size:10px;border-radius:var(--radius-sm);outline:none;box-sizing:border-box;margin-bottom:4px;font-family:inherit}.ae-sfx-filter{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:4px}.ae-sfx-filter-btn{font-size:9px;padding:2px 6px;background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;font-family:inherit}.ae-sfx-filter-btn.active{border-color:#819036;color:var(--accent);background:var(--accent-dark)}.ae-collapse-body{padding:4px 0}.ae-wave-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 4px}.ae-wave-toolbar .ae-time-display{font:9px var(--mono);color:var(--text-dim)}.ae-wave-toolbar .ae-loop-markers{font:9px var(--mono);color:#819036}.ae-synth-tabs+.ae-card{flex:1;min-height:0}.ae-wave-container{height:72px;margin:0 -4px}.ae-wave-container.expanded{height:160px}.ae-wave-edit-tools{display:flex;align-items:center;gap:4px;padding:2px 0 4px;flex-wrap:wrap}.ae-synth-tabs{flex:none}.ae-synth-tabs+.ae-card{border-top-left-radius:0;border-top-right-radius:0;flex:1}.ae-modified-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;background:var(--accent-dark);border:1px solid #819036;border-radius:var(--radius-md);font-size:10px;color:var(--accent);margin:2px 0}.ae-modified-banner button{padding:2px 8px;background:#819036;border:0;border-radius:var(--radius-sm);color:var(--bg);cursor:pointer;font-size:9px;font-family:inherit;font-weight:600;white-space:nowrap}.ae-modified-banner button:hover{background:#99b83e}.ae-spectrum-bars{height:60px;gap:2px}.ae-sfx-list{max-height:180px}.ae-sfx-item{padding:3px 5px;gap:4px;font-size:9px}.ae-side::-webkit-scrollbar{width:3px}.ae-main::-webkit-scrollbar{width:3px}.ae-side::-webkit-scrollbar-track{background:transparent}.ae-main::-webkit-scrollbar-track{background:transparent}.ae-preset-quick{display:flex;flex-wrap:wrap;gap:2px}.ae-card{padding:6px}.ae-card-head{padding-bottom:4px;margin-bottom:6px}.ae-info-grid{gap:3px}.ae-info-item{padding:3px 4px;font-size:9px}.ae-shortcuts{gap:2px}.ae-shortcut-row{font-size:9px}.ae-beat-list{max-height:120px}.ae-empty-state{padding:14px;text-align:center;color:var(--text-dim);font-size:10px}.ae-synth-section{min-width:0}.ae-beat-list{max-height:100px;overflow-y:auto}.ae-beat-item{padding:2px 4px}.ae-eff-tags{gap:2px}.ae-eff-tag{font-size:7px;padding:2px 5px}.ae-card .ae-spectrum-bars{height:50px}.gallery-modal{background:var(--panel);border:1px solid #2a2d33;border-radius:10px;width:min(680px,calc(100vw - 32px));max-height:min(600px,calc(100vh - 60px));display:flex;flex-direction:column;overflow:hidden}.gallery-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #2a2d33}.gallery-modal-head strong{font-size:14px;color:#e8e8e8}.gallery-modal-head button{border:0;background:transparent;color:var(--text-dim);cursor:pointer;padding:4px}.gallery-modal-head button:hover{color:#e8e8e8}.gallery-modal-body{flex:1;overflow-y:auto;padding:12px 16px}.gallery-modal-section{margin-bottom:16px}.gallery-modal-section-title{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.gallery-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.gallery-modal-empty{grid-column:1 / -1;color:var(--text-dim);font-size:12px;text-align:center;padding:24px 0}.gallery-modal-card{border:1px solid #2d3035;background:var(--panel2);border-radius:6px;cursor:pointer;overflow:hidden}.gallery-modal-card:hover{border-color:#52563e}.gallery-modal-card.selected{border-color:#d7ff32;box-shadow:0 0 0 1px var(--accent) 33}.gallery-modal-card-image{height:80px;background:#141518;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.gallery-modal-card-image img{max-width:100%;max-height:100%;object-fit:contain}.gallery-modal-card-check{position:absolute;left:5px;top:5px;width:16px;height:16px;border:1px solid #666970;background:var(--bg-alt)cc;color:var(--text-on-accent);font-size:11px;display:flex;align-items:center;justify-content:center}.gallery-modal-card.selected .gallery-modal-card-check{background:#d7ff32;border-color:#d7ff32}.gallery-modal-card-image b{position:absolute;right:4px;bottom:4px;background:var(--bg-alt)dd;color:#d7ff32;font:7px var(--mono);padding:3px;border-radius:2px}.gallery-modal-card-meta{padding:6px 8px;display:grid;grid-template-columns:1fr auto;gap:2px}.gallery-modal-card-meta strong{font-size:11px;color:#e8e8e8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gallery-modal-card-meta span{font-size:10px;color:var(--text-dim);grid-row:2}.gallery-modal-card-meta button{grid-column:2;grid-row:1 / 3;border:0;background:transparent;color:#5e6167;padding:2px;cursor:pointer}.gallery-modal-card-meta button:hover{color:#f44}.gallery-modal-footer{display:flex;gap:8px;padding:10px 16px;border-top:1px solid #2a2d33}.gallery-modal-footer button{flex:1;border:1px solid #3a3d42;background:var(--panel2);color:#b9bbc0;font-size:12px;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px}.gallery-modal-footer button:first-child{background:#d7ff32;border-color:#d7ff32;color:var(--text-on-accent);font-weight:600}.gallery-modal-footer button:disabled{opacity:.3;cursor:default}.gallery-select-all{flex:0 0 auto!important;background:transparent!important;border:1px solid #3a3d42!important;color:#8d929a!important;font-size:10px!important;padding:6px 12px!important}.gallery-selected-count{font:10px var(--mono);color:var(--text-dim);white-space:nowrap;display:flex;align-items:center}.ae-playbar{display:flex;align-items:center;gap:8px;padding:5px 8px;margin:0 6px 4px;background:#141518;border:1px solid #26282d;border-radius:6px;min-height:34px}.ae-playbar-left{display:flex;align-items:center;gap:3px;flex-shrink:0}.ae-playbar-center{flex:1;display:flex;align-items:center;min-width:0}.ae-playbar-right{display:flex;align-items:center;gap:5px;flex-shrink:0}.ae-play-btn{padding:4px 10px}.ae-play-btn svg{display:block}.ae-skip-icon{font-size:12px;line-height:1;display:block}.ae-playbar-time{font:9px var(--mono);color:var(--text-dim);white-space:nowrap;padding:2px 6px;background:#1a1b1e;border-radius:3px}.ae-playbar-progress-wrap{position:relative;height:20px;cursor:pointer;flex:1;display:flex;align-items:center;margin:0 4px}.ae-playbar-progress-bg{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:#26282d;border-radius:2px}.ae-playbar-progress-fill{position:absolute;left:0;top:50%;height:4px;margin-top:-2px;background:var(--accent);border-radius:2px;pointer-events:none;transition:width .05s linear}.ae-playbar-progress-thumb{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--accent);border-radius:50%;pointer-events:none;transition:left .05s linear}.ae-speed-select{display:flex;gap:1px}.ae-speed-btn{font:8px var(--mono);color:var(--text-dim);background:transparent;border:1px solid transparent;border-radius:3px;padding:2px 4px;cursor:pointer;line-height:1}.ae-speed-btn:hover{border-color:#687536;color:var(--accent)}.ae-speed-btn.active{background:var(--accent-dark);border-color:#819036;color:var(--accent)}.ml-workspace{overflow:auto;min-height:0}.motion-site-nav{--site-header-height:56px;min-height:56px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--panel)}select{background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:6px 10px;font-family:var(--mono);font-size:11px;cursor:pointer;outline:none;border-radius:4px}select:focus{border-color:var(--accent)}select option{background:var(--panel);color:var(--text)}.segmented button:hover{background:#1c1f14;color:var(--accent)}.geometry-toolbar select:hover{border-color:#566027}.align-buttons button:hover,.split-actions button:hover{background:#1c1f14;border-color:#566027;color:var(--accent)}.canvas-presets button:active,.media-fit-actions button:active{background:var(--accent-dark)}.geometry-toolbar>button:active,.geometry-toolbar>label:active{background:#141710}.property-section .segmented button:hover{background:#1c1f14;color:var(--accent)}.align-object-grid button:hover,.geometry-button-grid button:hover{background:#1c1f14;border-color:#566027;color:var(--accent)}.panel-actions button:hover{background:#1c1f14}.primary-button:hover{background:#c2e63a}.primary-button:active{background:#a8cc2e}.add-effect-empty:hover{border-color:#566027;background:#1c1f14;color:var(--accent)}.add-effect-empty:active{background:#141710}.layer-group-title button:hover{color:var(--accent)}.unified-layer>button:hover{color:var(--accent)}.property-title-row button:hover{color:var(--accent)}.effect-param-list button:hover{opacity:.8}.effect-target-checks label:hover{border-color:#566027;background:#1c1f14}.overlay-tools button:hover{border-color:#566027;background:#1c1f14;color:var(--accent)}.overlay-export:hover{background:#c2e63a}.overlay-export:active{background:#a8cc2e}.music-actions button:hover{border-color:#566027;background:#1c1f14;color:var(--accent)}.music-export:hover{background:#c2e63a}.music-export:active{background:#a8cc2e}.sync-preview:hover{background:#c2e63a}.sync-preview:active{background:#a8cc2e}.text-actions button:hover,.text-footer button:hover{color:var(--accent)}.font-actions button:hover{border-color:#566027;background:#1c1f14;color:var(--accent)}.reset-all:hover{border-color:#566027;color:var(--accent);background:#1c1f14}.bare:hover{color:var(--accent)}.svg-card button:hover{border-color:#566027;background:#242b16;color:var(--accent)}.export-cancel:hover{background:#2d1a1a;color:#e8a8a8}.canvas-empty button:hover{border-color:#566027;background:#1c1f14;color:var(--accent)}.audio-tool-btn:hover,.ae-tool-btn:hover{background:var(--panel-hover);color:var(--text)}.audio-preset-btn:hover{border-color:#566027;background:#1c1f14;color:var(--accent)}.new-canvas-group .text-button:hover,.editor-command-bar .text-button:hover{background:var(--panel)}.text-button:hover,.icon-button:hover{background:#1e2025;color:#d4d6d1}.text-button:active,.icon-button:active{background:#16181c}.tabs button:hover{color:#b8babf}.tabs button:active{color:#d4d6d1}.account-switch button:hover{background:#1c1f14;color:var(--accent)}.export-modes button:hover,.mobile-panel-tabs button:hover,.mobile-layer-tabs button:hover,.library-tabs button:hover{color:var(--accent)}button{cursor:pointer;transition:background .12s,border-color .12s,color .12s,opacity .12s}button:disabled{cursor:default;opacity:.35}.text-button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:#1e2025;color:#d4d6d1}.segmented button:hover:not(.active):not(:disabled){background:#1c1f14;color:var(--accent)}.canvas-toolbar button:hover:not(:disabled){background:#222429;color:#fff}.check-row:hover,.effect-target-checks label:hover{border-color:#566027;background:#1c1f14}.panel-actions button:hover:not(:disabled){background:#1c1f14;color:var(--accent);border-color:#566027}.property-section button:hover:not(:disabled):not(.switch):not(.primary-button){background:#1c1f14;color:var(--accent);border-color:#566027}.property-section .segmented button:hover:not(.active):not(:disabled){background:#1c1f14;color:var(--accent)}.overlay-panel button:hover:not(:disabled):not(.switch){background:#1c1f14;color:var(--accent);border-color:#566027}.music-panel button:hover:not(:disabled):not(.switch){background:#1c1f14;color:var(--accent);border-color:#566027}.text-panel button:hover:not(:disabled):not(.switch){background:#1c1f14;color:var(--accent);border-color:#566027}.project-dialog-btn:hover:not(:disabled){background:#2a2d33;border-color:#3a3d43;color:#e8e8e8}.library-grid button:hover{border-color:#687536;background:var(--accent-dark)}.el-scroll-btn:hover{border-color:var(--accent);color:var(--accent)}a:hover,.clickable:hover{color:var(--accent)}.tabs button:hover:not(.active):not(:disabled){color:#b8babf}.unified-layer:hover{border-color:#3a3d42;background:#181a1f}.unified-layer.selected:hover{border-color:#9bb03a}.saved-preview:hover{border-color:#52563e}input:hover:not(:disabled):not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#565a61}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}select,select option{cursor:pointer}::-webkit-scrollbar-thumb:hover{background:#50545a}.saved-preview.selected:hover{border-color:var(--accent)}:focus-visible{outline:1px solid var(--accent);outline-offset:1px}input[type=number]{height:32px;padding:0 8px;font-size:12px;min-width:60px}input[type=number]{text-align:center;padding-left:4px;padding-right:4px}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;display:none;margin:0}.canvas-presets button.active{background:var(--accent-dark);border-color:#819036;color:var(--accent)}.ae-side{align-content:start;height:auto}.ae-main{min-height:0}.ae-tool-btn.primary:hover:not(:disabled){color:var(--bg)}.ae-synth-section input[type=range]{appearance:none;height:2px;background:var(--line);border-radius:var(--radius-sm);outline:none}.ae-synth-section input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;border:0}.ae-synth-section input[type=number]{background:var(--panel-hover);border:1px solid var(--line);color:var(--text);text-align:center}.ae-knob-grid{gap:6px}.ae-knob{transition:transform .1s}.ae-knob:hover{transform:scale(1.05)}.ae-knob-svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.ae-seed-row button{font-size:16px}@media(max-width:1100px)and (min-width:761px){.el-three-col{grid-template-columns:1fr 1.6fr}#el-col-audio{display:none}.effect-library-header h1{font-size:16px}.el-search-bar{width:240px}}@media(max-width:760px){.effect-library-page{height:auto;min-height:100dvh;overflow-y:auto}.effect-library-body{overflow:visible}.effect-library-header{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;min-height:auto}.effect-library-header h1{font-size:15px}.el-search-bar{width:100%;max-width:100%}.el-search-bar input{height:30px;font-size:12px}.el-three-col{display:flex;flex-direction:column;overflow:visible;gap:0;background:transparent}.el-col{max-height:none;overflow:visible;border-bottom:1px solid var(--line)}.el-col-motion{background:var(--bg)}.el-col-head{padding:10px 12px}.el-col-head h2{font-size:12px}.el-col-desc{padding:6px 12px;font-size:10px}.el-cat-bar{padding:6px 12px;gap:2px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.el-cat-bar button{font-size:10px;padding:3px 8px;white-space:nowrap;flex-shrink:0}.el-col-scroll{overflow:visible;max-height:none;padding:8px 12px}.el-motion-grid-4col{grid-template-columns:repeat(2,1fr);gap:6px}.el-category .el-visual-grid{grid-template-columns:repeat(2,1fr);gap:5px}.el-visual-grid button{min-height:50px;padding:7px 9px;gap:8px}.el-visual-grid button .el-effect-text strong{font-size:11px}.el-visual-grid button .el-effect-text span{font-size:9px}.el-category .el-audio-grid{grid-template-columns:repeat(2,1fr);gap:5px}.el-audio-grid button{min-height:48px;padding:7px 9px}.el-count{font-size:9px;padding:1px 5px}}@media(max-width:520px){.el-motion-grid-4col,.el-category .el-visual-grid,.el-category .el-audio-grid{grid-template-columns:repeat(2,1fr)}.effect-library-header h1{font-size:14px}.el-col-head{padding:8px 10px}.el-col-head h2{font-size:11px}}@media(min-width:1600px){.el-three-col{grid-template-columns:1fr 2.2fr 1fr}}@media(min-width:2000px){.effect-library-page{max-width:1800px;margin:0 auto}}@media(max-width:760px){.ml-explore-head{flex-direction:column;gap:10px;padding:16px 14px 10px!important}.ml-explore-head h2.ml-display{font-size:20px}.ml-explore-head>div:last-child{display:flex;gap:6px;width:100%}.ml-explore-head>div:last-child button{flex:1;justify-content:center;font-size:11px}}@media(min-width:2000px){.ml-explore{max-width:1600px;margin:0 auto}}@media(max-width:760px){.ml-home-main{padding-left:14px!important;padding-right:14px}.ml-hero{margin-bottom:16px}.ml-hero-line1{font-size:clamp(22px,6vw,var(--ml-fs-hero))!important}.ml-hero-line2{font-size:clamp(14px,4vw,var(--ml-fs-h3))!important}.ml-hero-sub{font-size:11px}.ml-hero-actions{flex-direction:column;gap:8px;align-items:stretch}.ml-hero-search{max-width:100%}.ml-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}}@media(max-width:520px){.ml-home-main{padding-left:10px!important;padding-right:10px}.ml-hero-line1{font-size:clamp(18px,7vw,24px)!important}.ml-hero-line2{font-size:clamp(12px,4.5vw,16px)!important}.ml-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.ml-catnav{gap:4px}.ml-catnav .ml-catbtn{font-size:10px;padding:4px 10px}}@media(min-width:1600px){.ml-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(min-width:2000px){.ml-home{max-width:1600px;margin:0 auto}}@media(max-width:760px){.project-dialog{width:calc(100vw - 16px)!important;max-height:90dvh;border-radius:10px}.project-dialog-header h3{font-size:13px}.project-dialog-header{padding:10px 14px}}@media(min-width:2000px){.user-center-shell,.ds-page{max-width:1400px;margin:0 auto}.landing-page{max-width:100%}}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-webkit-slider-thumb{transition:transform .12s ease}input[type=range]{cursor:pointer}.ae-style-btn:hover:not(.active),.ae-scale-btn:hover:not(.active),.ae-style-select button:hover:not(.active),.ae-scale-select button:hover:not(.active),.ae-wave-type-btn:hover:not(.active){border-color:#566027;background:var(--accent-dark);color:var(--accent)}.ae-card-head,.ae-synth-section h4,.ae-fx-item strong{font-size:11px}.ae-fx-param-row label,.ae-fx-val{font-size:10px}.property-label,.property-section h4{font-size:11px}.inspector-range-field span,.geometry-button-grid button,.ae-info-item span,.ae-info-item b,.ae-knob label{font-size:10px}.ae-wave-edit-btn{font-size:10px}.ae-big-btn small{font-size:9px}.ae-preset-quick-btn,.ae-sfx-item strong{font-size:10px}.ae-sfx-item small{font-size:9px}.ae-beat-item,.ae-shortcut-row,.ae-info-grid,.ae-seq-track-label,.ae-sfx-filter-btn,.ae-style-btn,.ae-scale-btn,.ae-wave-type-btn{font-size:10px}.ae-sfx-filter-btn:hover:not(.active){border-color:#566027;color:var(--accent)}.ae-fx-toggle:hover:not(.on){border-color:var(--accent);opacity:.7}.ae-fx-param-slider{flex:1;height:2px;appearance:none;background:var(--line);border-radius:var(--radius-sm);outline:none;min-width:30px}.ae-fx-param-slider::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer;border:0;transition:transform .12s ease}.ae-fx-param-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.property-section h4,.inspector-range-field span,.property-label,.geometry-button-grid button,.dock-panel>header>span,.panel-head-right>span,.layer-group-title span{font-size:11px}.param>label,.effect-name span,.export-group>label,.text-section>select,.text-field input,.text-field select,.music-param>label,.text-inline-label,.source-switch>label,.overlay-background>label,.text-field label,.overlay-layer-controls label{font-size:10px}.effect-name strong,.section-title,.section-title button{font-size:12px}.ae-card-head{font-size:11px}.ae-eff-tag{font-size:10px;padding:3px 8px}.ae-range-row label,.ae-range-val{font-size:10px}.ae-synth-section h4,.ae-fx-item strong{font-size:11px}.ae-fx-param-row label,.ae-fx-val,.ae-info-item span,.ae-info-item b,.ae-knob label{font-size:10px}.ae-knob-value,.ae-tool-btn.sm{font-size:11px}.ae-wave-edit-btn,.ae-big-btn,.ae-preset-quick-btn,.ae-sfx-item strong,.ae-beat-item,.ae-shortcut-row,.ae-info-grid,.ae-seq-track-label,.ae-sfx-filter-btn,.ae-style-btn,.ae-scale-btn,.ae-wave-type-btn{font-size:10px}.ae-big-btn{font-size:12px}.ae-big-btn small,.ae-sfx-item small{font-size:9px}.param input[type=number],.param input[type=text],.param select,.music-param input[type=number],.music-param select,.overlay-layer-controls select,.text-field input,.text-field select,.font-search,.local-font-list,input[type=number],input[type=text],select,.segmented button,.quick-actions button,.gallery-tools button,.gallery-export button,.music-actions button,.font-actions button,.overlay-tools button,.export-modes button,.effect-index,.saved-image b,.saved-meta strong,.reset-effect,.media-controls select,.music-kicker,.privacy-note,.svg-card p,.gallery-head span,.overlay-hero p,.text-hero p,.music-hero p,.text-overflow,.text-footer,.canvas-meta i,.canvas-meta span{font-size:10px}.media-controls>span,.media-controls button,.view-controls button,.view-controls span,.canvas-meta,.dropzone>span,.dropzone>button{font-size:10px}.canvas-playbar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--panel);border-top:1px solid var(--line);flex-shrink:0;height:38px}.canvas-playbar button{border:0;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;width:28px;height:28px;border-radius:var(--radius-sm)}.canvas-playbar button:hover{background:var(--accent-dark);color:var(--accent)}.canvas-playbar button.active{color:var(--accent)}.canvas-playbar span{font:10px var(--mono);color:var(--text-dim);min-width:36px;text-align:center}.canvas-playbar input[type=range]{flex:1;height:2px;appearance:none;background:var(--line);min-width:60px}.canvas-playbar input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer}.canvas-playbar select{height:24px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:10px;padding:0 4px;border-radius:var(--radius-sm)}.app-v4 .workspace{grid-template-rows:auto 1fr auto}.app-v4 .canvas-toolbar{flex-wrap:wrap;gap:4px 12px;padding:4px 12px;min-height:36px;height:auto}.app-v4 .media-stage{grid-template-rows:1fr;overflow:hidden}.app-v4 .media-stage .media-controls{display:none}.app-v4 .canvas-frame canvas{max-width:none;max-height:none;display:block}.app-v4 .canvas-frame{display:flex;align-items:flex-start;justify-content:center;overflow:auto}.app-v4 .scene-overlay{position:absolute;inset:0}.ds-page{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.ds-body{display:grid;grid-template-columns:220px 1fr;flex:1;min-height:0}.ds-nav{border-right:1px solid var(--line);background:var(--panel);padding:16px 0;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.ds-nav::-webkit-scrollbar{width:3px}.ds-nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.ds-nav-title{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.08em;padding:0 16px 12px;text-transform:uppercase}.ds-nav-group{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 16px 4px}.ds-nav a{display:block;padding:6px 16px;font-size:12px;color:var(--text-dim);text-decoration:none;transition:.12s;border-left:2px solid transparent}.ds-nav a:hover{color:var(--text);background:var(--panel2)}.ds-content{padding:32px 40px 80px;max-width:1060px;overflow-y:auto}.ds-content::-webkit-scrollbar{width:5px}.ds-content::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.ds-section{margin-bottom:56px}.ds-section-header{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--line)}.ds-section-header h2{font-size:20px;font-weight:700;color:var(--text);margin:0 0 4px}.ds-section-header p{font-size:12px;color:var(--text-dim);margin:0;line-height:1.5}.ds-subhead{font-size:13px;font-weight:600;color:var(--muted);margin:28px 0 12px;text-transform:uppercase;letter-spacing:.04em}.ds-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.ds-swatch{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.ds-swatch-preview{height:80px;display:flex;align-items:flex-end;padding:10px}.ds-swatch-preview span{font:11px var(--mono)}.ds-swatch-info{padding:8px 10px;background:var(--panel2);display:flex;flex-direction:column;gap:2px}.ds-swatch-info strong{font-size:12px;color:var(--text)}.ds-swatch-info code{font:10px var(--mono);color:var(--text-dim)}.ds-gradient-row{display:flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);margin-bottom:16px}.ds-gradient-step{flex:1;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative}.ds-gradient-step code{font:9px var(--mono);opacity:.85}.ds-gradient-step small{font-size:9px;opacity:.55}.ds-palette-family{margin-bottom:20px}.ds-palette-label{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:4px;text-transform:capitalize}.ds-palette-row{display:flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line)}.ds-palette-step{flex:1;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:transform .1s}.ds-palette-step:hover{transform:scaleY(1.35);z-index:2;box-shadow:0 2px 12px #0006}.ds-palette-step code{font:8px var(--mono);opacity:.6;pointer-events:none}.ds-token-table{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ds-token-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-sm)}.ds-token-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--line-light);flex:none}.ds-token-info{flex:1;min-width:0}.ds-token-info code{font:10px var(--mono);color:var(--text)}.ds-token-info span{display:block;font-size:9px;color:var(--text-dim);margin-top:1px}.ds-type-row{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid #1a1c20}.ds-type-label{min-width:90px;font:10px var(--mono);color:var(--text-dim);display:flex;flex-direction:column;gap:1px}.ds-type-label span{color:var(--muted)}.ds-type-sample{color:var(--text);white-space:nowrap}.ds-space-row{display:flex;align-items:center;gap:16px;margin-bottom:8px}.ds-space-label{min-width:130px;font:10px var(--mono);color:var(--text-dim)}.ds-space-bar{height:24px;background:var(--accent);border-radius:2px;opacity:.55}.ds-radius-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ds-radius-card{aspect-ratio:1;border:2px solid var(--accent);background:var(--accent-dark);display:flex;align-items:center;justify-content:center}.ds-radius-card code{font:10px var(--mono);color:var(--accent);text-align:center;line-height:1.4}.ds-shadow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.ds-shadow-card{aspect-ratio:1;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.ds-shadow-card code{font:10px var(--mono);color:var(--text-dim);background:var(--panel);padding:4px 8px;border-radius:var(--radius-sm)}.ds-z-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.ds-z-item{padding:10px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center}.ds-z-item code{font:11px var(--mono);color:var(--accent)}.ds-z-item span{font-size:11px;color:var(--text-dim)}.ds-btn-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ds-btn-label{min-width:100px;font:10px var(--mono);color:var(--text-dim)}.ds-input-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.ds-input-item{display:flex;flex-direction:column;gap:6px}.ds-input-item label{font:10px var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.ds-input-item input,.ds-input-item select{height:32px;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:0 10px;font-size:12px;border-radius:var(--radius-sm);outline:none;font-family:inherit}.ds-input-item input:focus,.ds-input-item select:focus{border-color:var(--accent)}.ds-table{width:100%;border-collapse:collapse;font-size:11px}.ds-table th{text-align:left;padding:8px 12px;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line)}.ds-table td{padding:8px 12px;border-bottom:1px solid #1a1c20;font:11px var(--mono);color:var(--text)}.ds-table td:first-child{font-family:var(--mono);font-size:10px;color:var(--accent)}.ds-control-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.ds-control-group{display:flex;align-items:center;gap:10px}.ds-control-group>span{font-size:12px;color:var(--text-dim);min-width:40px}.ds-tabs-demo{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--panel)}.ds-tabs-demo .tabs{border-bottom:1px solid var(--line)}.ds-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}.ds-icon-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-md)}.ds-icon-cell .effect-symbol{width:38px;height:38px;border-radius:var(--radius-sm);background-color:#1a1c20}.ds-icon-cell code{font:8px var(--mono);color:var(--text-dim);text-align:center;word-break:break-all}.ds-knob-row{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.ds-toast-row{display:flex;flex-direction:column;gap:8px;max-width:360px}.ds-modal-trigger{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:760px){.ds-body{grid-template-columns:1fr}.ds-nav{display:none}.ds-content{padding:20px 16px 60px}.ds-swatch-grid,.ds-radius-grid,.ds-shadow-grid,.ds-token-table{grid-template-columns:1fr 1fr}.ds-palette-row{flex-wrap:wrap}.ds-palette-step{min-width:10%}}