:root,html[data-theme=dark]{--tone-0:#00000022;--tone-1:#00000033;--tone-2:#00000044;--tone-3:#00000088;--tone-4:#080b12df;--tone-5:#090c11;--tone-6:#0c1118;--tone-7:#0d131d;--tone-8:#0e131b;--tone-9:#0f151f;--tone-10:#0f1824;--tone-11:#10151d;--tone-12:#101720;--tone-13:#101822;--tone-14:#111721;--tone-15:#12171f;--tone-16:#141924;--tone-17:#141a25;--tone-18:#141c27;--tone-19:#14362e;--tone-20:#151b25;--tone-21:#151b27;--tone-22:#151d29;--tone-23:#171e2a;--tone-24:#171f2c;--tone-25:#173529;--tone-26:#181b28;--tone-27:#191f29;--tone-28:#19212f;--tone-29:#1a2230;--tone-30:#1a335a18;--tone-31:#1b202b;--tone-32:#1b2230;--tone-33:#1b2638;--tone-34:#1c253530;--tone-35:#1d2632;--tone-36:#1d2635;--tone-37:#1d2a3ce8;--tone-38:#1d3d35;--tone-39:#20202d;--tone-40:#202936;--tone-41:#202a3a;--tone-42:#202b3c;--tone-43:#213247;--tone-44:#222b3a;--tone-45:#222b3d;--tone-46:#223047;--tone-47:#232d3d;--tone-48:#242a39;--tone-49:#242c3a;--tone-50:#24303e;--tone-51:#252130;--tone-52:#252d39;--tone-53:#253044;--tone-54:#261b29;--tone-55:#263143;--tone-56:#263248;--tone-57:#27303d;--tone-58:#283449;--tone-59:#29303d;--tone-60:#293140;--tone-61:#293344;--tone-62:#293447;--tone-63:#2a3344;--tone-64:#2a3447;--tone-65:#2a6651;--tone-66:#2b3649;--tone-67:#2c3444;--tone-68:#2c3648;--tone-69:#2e3849;--tone-70:#2e3a50;--tone-71:#2f2133;--tone-72:#303544;--tone-73:#303949;--tone-74:#30394a;--tone-75:#303a4c;--tone-76:#303c50;--tone-77:#313848;--tone-78:#313b4d;--tone-79:#31405a;--tone-80:#333d4f;--tone-81:#343c4d;--tone-82:#34445e;--tone-83:#344662;--tone-84:#352d22;--tone-85:#354055;--tone-86:#354157;--tone-87:#35425a;--tone-88:#361e2a;--tone-89:#36384d;--tone-90:#384359;--tone-91:#39202d;--tone-92:#3b2233;--tone-93:#3b4057;--tone-94:#3b465b;--tone-95:#3d4b6d;--tone-96:#3e2132;--tone-97:#3f1f2a;--tone-98:#402331;--tone-99:#452132;--tone-100:#455577;--tone-101:#465673;--tone-102:#492232;--tone-103:#492332;--tone-104:#492333;--tone-105:#4b5268;--tone-106:#526077;--tone-107:#58dfad;--tone-108:#58dfad10;--tone-109:#593a5008;--tone-110:#5a3c54;--tone-111:#5e6b7e;--tone-112:#603a5110;--tone-113:#61748f;--tone-114:#623047;--tone-115:#657b99;--tone-116:#6c3b5233;--tone-117:#703b51;--tone-118:#713041;--tone-119:#71849e;--tone-120:#71859e;--tone-121:#7186a1;--tone-122:#72e0b3;--tone-123:#733248;--tone-124:#74869e;--tone-125:#76374b;--tone-126:#77859b;--tone-127:#77899f;--tone-128:#798da8;--tone-129:#7e90a9;--tone-130:#7e90aa;--tone-131:#7e90ab;--tone-132:#7f8ea5;--tone-133:#80e5bd;--tone-134:#8290a4;--tone-135:#82ddb5;--tone-136:#8392a9;--tone-137:#8398b6;--tone-138:#8492a8;--tone-139:#8493aa;--tone-140:#8498b5;--tone-141:#8498b8;--tone-142:#8596ac;--tone-143:#8598b3;--tone-144:#872a4133;--tone-145:#8796ad;--tone-146:#8c193014;--tone-147:#8e99b0;--tone-148:#929ead;--tone-149:#93a0b2;--tone-150:#95a7c2;--tone-151:#97a7bd;--tone-152:#98a7bf;--tone-153:#99a5b6;--tone-154:#9daabc;--tone-155:#9eacbf;--tone-156:#9ec7ff;--tone-157:#9febc6;--tone-158:#a5b1c3;--tone-159:#a5b2c4;--tone-160:#a5c1fb;--tone-161:#a9b6ce;--tone-162:#a9bad0;--tone-163:#a9bedc;--tone-164:#aab7ca;--tone-165:#aab9cf;--tone-166:#acc3e2;--tone-167:#ad1c432f;--tone-168:#adbac8;--tone-169:#aebacc;--tone-170:#b1bfd2;--tone-171:#b3bfd0;--tone-172:#b8c6df;--tone-173:#b9c3d1;--tone-174:#bb2041;--tone-175:#bd6b85;--tone-176:#bfcee2;--tone-177:#c22b4820;--tone-178:#c2cad8;--tone-179:#c3cbd8;--tone-180:#cbd5e6;--tone-181:#d2dded;--tone-182:#d67c8d;--tone-183:#dbe2ed;--tone-184:#dce3ed;--tone-185:#e63565;--tone-186:#ea92a6;--tone-187:#eb203e;--tone-188:#ec2849;--tone-189:#ed274620;--tone-190:#ed28451a;--tone-191:#f33756;--tone-192:#f3f5f9;--tone-193:#f5cc88;--tone-194:#f74c6240;--tone-195:#f9354f10;--tone-196:#f9c96c;--tone-197:#fa3651;--tone-198:#fa7590;--tone-199:#fb4260;--tone-200:#fb5872;--tone-201:#fc5673;--tone-202:#fd7b99;--tone-203:#ff294325;--tone-204:#ff405a;--tone-205:#ff5063;--tone-206:#ff5068;--tone-207:#ff5269;--tone-208:#ff5369;--tone-209:#ff5870;--tone-210:#ff5d77;--tone-211:#ff667d;--tone-212:#ff675e;--tone-213:#ff69817a;--tone-214:#ff6a8a;--tone-215:#ff6c82;--tone-216:#ff6c85;--tone-217:#ff6c86;--tone-218:#ff7289;--tone-219:#ff7386;--tone-220:#ff7790;--tone-221:#ff8298;--tone-222:#ff8ca3;--tone-223:#ff93a1;--tone-224:#ff9aac;--tone-225:#ffb1bf;--tone-226:#ffe3e9;--tone-227:#ffffff}
html[data-theme=light]{--tone-0:#00000022;--tone-1:#00000033;--tone-2:#00000044;--tone-3:#00000088;--tone-4:#f7f7f9df;--tone-5:#f7f8f9;--tone-6:#f5f6f8;--tone-7:#f4f6f8;--tone-8:#f4f6f8;--tone-9:#f4f5f7;--tone-10:#f3f5f7;--tone-11:#f4f5f7;--tone-12:#f3f5f7;--tone-13:#f3f5f7;--tone-14:#f3f4f7;--tone-15:#f3f5f7;--tone-16:#f2f3f6;--tone-17:#f2f3f6;--tone-18:#f2f3f6;--tone-19:#f0f4f3;--tone-20:#f2f3f6;--tone-21:#f2f3f6;--tone-22:#f1f3f6;--tone-23:#f1f2f5;--tone-24:#f1f2f5;--tone-25:#eff4f2;--tone-26:#f1f2f5;--tone-27:#f1f2f5;--tone-28:#f0f2f4;--tone-29:#f0f1f4;--tone-30:#e9ecf018;--tone-31:#f0f2f5;--tone-32:#eff1f4;--tone-33:#eef0f3;--tone-34:#eff0f430;--tone-35:#eff1f4;--tone-36:#eef0f3;--tone-37:#edf0f3e8;--tone-38:#edf3f1;--tone-39:#efeff4;--tone-40:#eef0f3;--tone-41:#edeff3;--tone-42:#edeff2;--tone-43:#ebeef1;--tone-44:#edeff2;--tone-45:#eceef2;--tone-46:#ebedf1;--tone-47:#eceff2;--tone-48:#edeef2;--tone-49:#edeff2;--tone-50:#eceff2;--tone-51:#f0eff4;--tone-52:#edeff2;--tone-53:#ebedf1;--tone-54:#f4f0f5;--tone-55:#ebedf1;--tone-56:#eaecf1;--tone-57:#eceef2;--tone-58:#eaecf0;--tone-59:#ebeef1;--tone-60:#ebedf1;--tone-61:#eaedf1;--tone-62:#eaecf0;--tone-63:#eaecf1;--tone-64:#eaecf0;--tone-65:#e5edea;--tone-66:#e9ecf0;--tone-67:#eaecf0;--tone-68:#e9ecf0;--tone-69:#e9ebf0;--tone-70:#e8eaef;--tone-71:#f2eef3;--tone-72:#eaebf0;--tone-73:#e9ebef;--tone-74:#e8ebef;--tone-75:#e8ebef;--tone-76:#e8eaef;--tone-77:#e9ebef;--tone-78:#e8eaef;--tone-79:#e6e9ee;--tone-80:#e7eaef;--tone-81:#e7eaef;--tone-82:#e5e8ed;--tone-83:#e4e8ec;--tone-84:#f3f1ee;--tone-85:#e6e9ee;--tone-86:#e6e9ee;--tone-87:#e5e8ed;--tone-88:#f3eef1;--tone-89:#e7e8ee;--tone-90:#e5e8ed;--tone-91:#f3edf0;--tone-92:#f2edf1;--tone-93:#e5e6ed;--tone-94:#e4e7ec;--tone-95:#556180;--tone-96:#f2ecf0;--tone-97:#f2edef;--tone-98:#f2ecef;--tone-99:#f1ebee;--tone-100:#525f7b;--tone-101:#53617c;--tone-102:#f1ebed;--tone-103:#f1ebed;--tone-104:#f1ebed;--tone-105:#586079;--tone-106:#526076;--tone-107:#1b8d63;--tone-108:#1b8d6310;--tone-109:#ede5ea08;--tone-110:#ece4eb;--tone-111:#525e6e;--tone-112:#ece4e910;--tone-113:#4b596e;--tone-114:#ede5e9;--tone-115:#48576b;--tone-116:#80556a33;--tone-117:#7f5566;--tone-118:#ebe3e5;--tone-119:#465466;--tone-120:#465466;--tone-121:#445367;--tone-122:#1e8a5e;--tone-123:#815664;--tone-124:#465365;--tone-125:#7f5562;--tone-126:#485362;--tone-127:#465363;--tone-128:#425063;--tone-129:#414f62;--tone-130:#414e61;--tone-131:#414e61;--tone-132:#444f60;--tone-133:#1d8c60;--tone-134:#454f5e;--tone-135:#24845a;--tone-136:#424d5f;--tone-137:#3e4b5d;--tone-138:#424d5e;--tone-139:#414d5e;--tone-140:#3e4b5d;--tone-141:#3e495c;--tone-142:#404d5e;--tone-143:#3e4b5d;--tone-144:#9c304b33;--tone-145:#404c5d;--tone-146:#ad1f3b14;--tone-147:#3f485a;--tone-148:#424b57;--tone-149:#3f4958;--tone-150:#394556;--tone-151:#3a4657;--tone-152:#394456;--tone-153:#3d4755;--tone-154:#3a4555;--tone-155:#384455;--tone-156:#0047a8;--tone-157:#1d8b56;--tone-158:#374252;--tone-159:#364252;--tone-160:#0739a1;--tone-161:#343d4e;--tone-162:#343f4e;--tone-163:#314e78;--tone-164:#353f4f;--tone-165:#343e4e;--tone-166:#2c4e7d;--tone-167:#b01c442f;--tone-168:#35414f;--tone-169:#343e4e;--tone-170:#323d4b;--tone-171:#323d4b;--tone-172:#2f3847;--tone-173:#313b4a;--tone-174:#ae1e3d;--tone-175:#61414b;--tone-176:#2d3744;--tone-177:#a7253e20;--tone-178:#2f3746;--tone-179:#2e3746;--tone-180:#2b3340;--tone-181:#304d78;--tone-182:#9b3145;--tone-183:#272f3b;--tone-184:#272f3b;--tone-185:#b61642;--tone-186:#ab2140;--tone-187:#bb112a;--tone-188:#bb112d;--tone-189:#bc102b20;--tone-190:#bc10291a;--tone-191:#c00c29;--tone-192:#212732;--tone-193:#9b660d;--tone-194:#c3092140;--tone-195:#c6061f10;--tone-196:#a26d07;--tone-197:#c70520;--tone-198:#c5072e;--tone-199:#c80424;--tone-200:#c70524;--tone-201:#c80426;--tone-202:#c90331;--tone-203:#cc001925;--tone-204:#cc001c;--tone-205:#cc0016;--tone-206:#cc001c;--tone-207:#cc001b;--tone-208:#cc001a;--tone-209:#cc001d;--tone-210:#cc0021;--tone-211:#cc001f;--tone-212:#cc0b00;--tone-213:#cc00217a;--tone-214:#cc002c;--tone-215:#cc001f;--tone-216:#cc0023;--tone-217:#cc0024;--tone-218:#cc0021;--tone-219:#cc001c;--tone-220:#cc0026;--tone-221:#cc0024;--tone-222:#cc0029;--tone-223:#cc001a;--tone-224:#cc0024;--tone-225:#cc0025;--tone-226:#cc002c;--tone-227:#262626}
html[data-theme=midnight]{--tone-0:#00000022;--tone-1:#00000033;--tone-2:#00000044;--tone-3:#00000088;--tone-4:#070a11df;--tone-5:#080a10;--tone-6:#0a0e17;--tone-7:#0b0f1b;--tone-8:#0c101a;--tone-9:#0d111d;--tone-10:#0c1222;--tone-11:#0e111b;--tone-12:#0d121e;--tone-13:#0d1320;--tone-14:#0e131f;--tone-15:#0f131d;--tone-16:#111622;--tone-17:#111623;--tone-18:#111625;--tone-19:#121b32;--tone-20:#121723;--tone-21:#121725;--tone-22:#121827;--tone-23:#131928;--tone-24:#131a2a;--tone-25:#131c32;--tone-26:#141926;--tone-27:#151a27;--tone-28:#151c2c;--tone-29:#161d2d;--tone-30:#182e5218;--tone-31:#171c29;--tone-32:#171d2d;--tone-33:#171f35;--tone-34:#181f3230;--tone-35:#191f2f;--tone-36:#192032;--tone-37:#182139e8;--tone-38:#18223a;--tone-39:#1b202b;--tone-40:#1b2233;--tone-41:#1b2337;--tone-42:#1b2339;--tone-43:#1c2743;--tone-44:#1d2437;--tone-45:#1d253a;--tone-46:#1d2743;--tone-47:#1e263a;--tone-48:#1f2536;--tone-49:#1f2537;--tone-50:#1f263b;--tone-51:#1c212e;--tone-52:#202636;--tone-53:#1f2940;--tone-54:#171b27;--tone-55:#20293f;--tone-56:#202a44;--tone-57:#21283a;--tone-58:#222c45;--tone-59:#23293a;--tone-60:#232a3d;--tone-61:#232b40;--tone-62:#232c43;--tone-63:#242c40;--tone-64:#242c43;--tone-65:#233460;--tone-66:#242e45;--tone-67:#252d40;--tone-68:#252e44;--tone-69:#273045;--tone-70:#27314c;--tone-71:#1c2230;--tone-72:#293041;--tone-73:#293145;--tone-74:#293146;--tone-75:#293248;--tone-76:#29334c;--tone-77:#2a3144;--tone-78:#2a3249;--tone-79:#293655;--tone-80:#2b344b;--tone-81:#2c3449;--tone-82:#2c3959;--tone-83:#2c3a5d;--tone-84:#1d2332;--tone-85:#2d3750;--tone-86:#2d3752;--tone-87:#2d3855;--tone-88:#1b2331;--tone-89:#2e3649;--tone-90:#303a54;--tone-91:#1d2534;--tone-92:#1f2736;--tone-93:#323b52;--tone-94:#323c56;--tone-95:#394971;--tone-96:#1e2738;--tone-97:#1c2639;--tone-98:#20293a;--tone-99:#1e293f;--tone-100:#455577;--tone-101:#465673;--tone-102:#1f2b42;--tone-103:#202c42;--tone-104:#202c42;--tone-105:#4b5268;--tone-106:#526077;--tone-107:#58dfad;--tone-108:#58dfad10;--tone-109:#353e5108;--tone-110:#374052;--tone-111:#5e6b7e;--tone-112:#3a476010;--tone-113:#61748f;--tone-114:#2c3b59;--tone-115:#657b99;--tone-116:#3b4c6c33;--tone-117:#3b4d70;--tone-118:#304671;--tone-119:#71849e;--tone-120:#71859e;--tone-121:#7186a1;--tone-122:#72e0b3;--tone-123:#324873;--tone-124:#74869e;--tone-125:#374c76;--tone-126:#77859b;--tone-127:#77899f;--tone-128:#798da8;--tone-129:#7e90a9;--tone-130:#7e90aa;--tone-131:#7e90ab;--tone-132:#7f8ea5;--tone-133:#80e5bd;--tone-134:#8290a4;--tone-135:#82ddb5;--tone-136:#8392a9;--tone-137:#8398b6;--tone-138:#8492a8;--tone-139:#8493aa;--tone-140:#8498b5;--tone-141:#8498b8;--tone-142:#8596ac;--tone-143:#8598b3;--tone-144:#2a4a8733;--tone-145:#8796ad;--tone-146:#19408c14;--tone-147:#8e99b0;--tone-148:#929ead;--tone-149:#93a0b2;--tone-150:#95a7c2;--tone-151:#97a7bd;--tone-152:#98a7bf;--tone-153:#99a5b6;--tone-154:#9daabc;--tone-155:#9eacbf;--tone-156:#9ec7ff;--tone-157:#9febc6;--tone-158:#a5b1c3;--tone-159:#a5b2c4;--tone-160:#a5c1fb;--tone-161:#a9b6ce;--tone-162:#a9bad0;--tone-163:#a9bedc;--tone-164:#aab7ca;--tone-165:#aab9cf;--tone-166:#acc3e2;--tone-167:#1c4dad2f;--tone-168:#adbac8;--tone-169:#aebacc;--tone-170:#b1bfd2;--tone-171:#b3bfd0;--tone-172:#b8c6df;--tone-173:#b9c3d1;--tone-174:#2055bb;--tone-175:#6b87bd;--tone-176:#bfcee2;--tone-177:#2b5ec220;--tone-178:#c2cad8;--tone-179:#c3cbd8;--tone-180:#cbd5e6;--tone-181:#d2dded;--tone-182:#7c9bd6;--tone-183:#dbe2ed;--tone-184:#dce3ed;--tone-185:#3571e6;--tone-186:#92b0ea;--tone-187:#2065eb;--tone-188:#286bec;--tone-189:#276aed20;--tone-190:#286bed1a;--tone-191:#3777f3;--tone-192:#f3f5f9;--tone-193:#f5cc88;--tone-194:#4c86f740;--tone-195:#3578f910;--tone-196:#f9c96c;--tone-197:#3679fa;--tone-198:#75a2fa;--tone-199:#4281fb;--tone-200:#588ffb;--tone-201:#568efc;--tone-202:#7ba7fd;--tone-203:#2972ff25;--tone-204:#4081ff;--tone-205:#508bff;--tone-206:#508bff;--tone-207:#528dff;--tone-208:#538dff;--tone-209:#5891ff;--tone-210:#5d94ff;--tone-211:#669aff;--tone-212:#5e95ff;--tone-213:#699cff7a;--tone-214:#6a9dff;--tone-215:#6c9eff;--tone-216:#6c9eff;--tone-217:#6c9eff;--tone-218:#72a2ff;--tone-219:#73a3ff;--tone-220:#77a5ff;--tone-221:#82acff;--tone-222:#8cb3ff;--tone-223:#93b8ff;--tone-224:#9abcff;--tone-225:#b1ccff;--tone-226:#e3edff;--tone-227:#ffffff}
html[data-theme=forest]{--tone-0:#00000022;--tone-1:#00000033;--tone-2:#00000044;--tone-3:#00000088;--tone-4:#07130fdf;--tone-5:#08120f;--tone-6:#0b1915;--tone-7:#0c1e19;--tone-8:#0d1c18;--tone-9:#0e201b;--tone-10:#0e251e;--tone-11:#0f1e1a;--tone-12:#0f211c;--tone-13:#0f231d;--tone-14:#10221d;--tone-15:#11201c;--tone-16:#132520;--tone-17:#132620;--tone-18:#132822;--tone-19:#13372c;--tone-20:#142621;--tone-21:#132922;--tone-22:#132b24;--tone-23:#152c25;--tone-24:#152e26;--tone-25:#15372d;--tone-26:#162a24;--tone-27:#172b25;--tone-28:#173129;--tone-29:#18322a;--tone-30:#1a335a18;--tone-31:#192d27;--tone-32:#19322a;--tone-33:#193a30;--tone-34:#1a372e30;--tone-35:#1b342c;--tone-36:#1b372f;--tone-37:#1b3e34e8;--tone-38:#1b3f34;--tone-39:#1e2f2a;--tone-40:#1e3830;--tone-41:#1e3c33;--tone-42:#1e3e35;--tone-43:#1e4a3d;--tone-44:#203c34;--tone-45:#203f36;--tone-46:#1f4a3d;--tone-47:#213f36;--tone-48:#223b34;--tone-49:#223c34;--tone-50:#224037;--tone-51:#1f322c;--tone-52:#233b34;--tone-53:#22473c;--tone-54:#192b25;--tone-55:#23463b;--tone-56:#234b3f;--tone-57:#254037;--tone-58:#254c40;--tone-59:#264038;--tone-60:#26433a;--tone-61:#26473d;--tone-62:#264a3f;--tone-63:#27473d;--tone-64:#274a3f;--tone-65:#266a55;--tone-66:#284c41;--tone-67:#29473e;--tone-68:#294b41;--tone-69:#2b4c42;--tone-70:#2b5347;--tone-71:#1f352e;--tone-72:#2d473f;--tone-73:#2d4c43;--tone-74:#2d4d43;--tone-75:#2d4f45;--tone-76:#2d5348;--tone-77:#2e4b42;--tone-78:#2e5046;--tone-79:#2e5d4f;--tone-80:#305248;--tone-81:#315047;--tone-82:#306253;--tone-83:#306656;--tone-84:#203730;--tone-85:#32584d;--tone-86:#325a4e;--tone-87:#315e50;--tone-88:#1e362c;--tone-89:#335047;--tone-90:#345d51;--tone-91:#20392e;--tone-92:#223b31;--tone-93:#375b50;--tone-94:#375f53;--tone-95:#397160;--tone-96:#213e32;--tone-97:#1f3f32;--tone-98:#234034;--tone-99:#214536;--tone-100:#455577;--tone-101:#465673;--tone-102:#224939;--tone-103:#234939;--tone-104:#234939;--tone-105:#4b5268;--tone-106:#526077;--tone-107:#58dfad;--tone-108:#58dfad10;--tone-109:#3a594c08;--tone-110:#3c5a4d;--tone-111:#5e6b7e;--tone-112:#3a605010;--tone-113:#61748f;--tone-114:#30624d;--tone-115:#657b99;--tone-116:#3b6c5733;--tone-117:#3b705a;--tone-118:#307156;--tone-119:#71849e;--tone-120:#71859e;--tone-121:#7186a1;--tone-122:#72e0b3;--tone-123:#327358;--tone-124:#74869e;--tone-125:#37765c;--tone-126:#77859b;--tone-127:#77899f;--tone-128:#798da8;--tone-129:#7e90a9;--tone-130:#7e90aa;--tone-131:#7e90ab;--tone-132:#7f8ea5;--tone-133:#80e5bd;--tone-134:#8290a4;--tone-135:#82ddb5;--tone-136:#8392a9;--tone-137:#8398b6;--tone-138:#8492a8;--tone-139:#8493aa;--tone-140:#8498b5;--tone-141:#8498b8;--tone-142:#8596ac;--tone-143:#8598b3;--tone-144:#2a876033;--tone-145:#8796ad;--tone-146:#198c5c14;--tone-147:#8e99b0;--tone-148:#929ead;--tone-149:#93a0b2;--tone-150:#95a7c2;--tone-151:#97a7bd;--tone-152:#98a7bf;--tone-153:#99a5b6;--tone-154:#9daabc;--tone-155:#9eacbf;--tone-156:#9ec7ff;--tone-157:#9febc6;--tone-158:#a5b1c3;--tone-159:#a5b2c4;--tone-160:#a5c1fb;--tone-161:#a9b6ce;--tone-162:#a9bad0;--tone-163:#a9bedc;--tone-164:#aab7ca;--tone-165:#aab9cf;--tone-166:#acc3e2;--tone-167:#1cad702f;--tone-168:#adbac8;--tone-169:#aebacc;--tone-170:#b1bfd2;--tone-171:#b3bfd0;--tone-172:#b8c6df;--tone-173:#b9c3d1;--tone-174:#20bb7a;--tone-175:#6bbd9b;--tone-176:#bfcee2;--tone-177:#2bc28320;--tone-178:#c2cad8;--tone-179:#c3cbd8;--tone-180:#cbd5e6;--tone-181:#d2dded;--tone-182:#7cd6b0;--tone-183:#dbe2ed;--tone-184:#dce3ed;--tone-185:#35e69c;--tone-186:#92eac5;--tone-187:#20eb96;--tone-188:#28ec9a;--tone-189:#27ed9a20;--tone-190:#28ed9a1a;--tone-191:#37f3a4;--tone-192:#f3f5f9;--tone-193:#f5cc88;--tone-194:#4cf7af40;--tone-195:#35f9a710;--tone-196:#f9c96c;--tone-197:#36faa8;--tone-198:#75fac2;--tone-199:#42fbad;--tone-200:#58fbb7;--tone-201:#56fcb6;--tone-202:#7bfdc6;--tone-203:#29ffa525;--tone-204:#40ffaf;--tone-205:#50ffb6;--tone-206:#50ffb6;--tone-207:#52ffb6;--tone-208:#53ffb7;--tone-209:#58ffb9;--tone-210:#5dffbb;--tone-211:#66ffbf;--tone-212:#5effbb;--tone-213:#69ffc07a;--tone-214:#6affc0;--tone-215:#6cffc1;--tone-216:#6cffc1;--tone-217:#6cffc1;--tone-218:#72ffc4;--tone-219:#73ffc4;--tone-220:#77ffc6;--tone-221:#82ffcb;--tone-222:#8cffcf;--tone-223:#93ffd2;--tone-224:#9affd5;--tone-225:#b1ffde;--tone-226:#e3fff3;--tone-227:#ffffff}
html[data-theme=violet]{--tone-0:#00000022;--tone-1:#00000033;--tone-2:#00000044;--tone-3:#00000088;--tone-4:#0c0713df;--tone-5:#0c0812;--tone-6:#100b19;--tone-7:#130c1e;--tone-8:#130d1c;--tone-9:#150e20;--tone-10:#170e25;--tone-11:#150f1e;--tone-12:#160f21;--tone-13:#170f23;--tone-14:#171022;--tone-15:#171120;--tone-16:#1a1325;--tone-17:#1a1326;--tone-18:#1b1328;--tone-19:#211337;--tone-20:#1b1426;--tone-21:#1b1329;--tone-22:#1c132b;--tone-23:#1e152c;--tone-24:#1f152e;--tone-25:#221537;--tone-26:#1e162a;--tone-27:#1f172b;--tone-28:#211731;--tone-29:#221832;--tone-30:#1a335a18;--tone-31:#21192d;--tone-32:#231932;--tone-33:#26193a;--tone-34:#251a3730;--tone-35:#251b34;--tone-36:#261b37;--tone-37:#281b3ee8;--tone-38:#291b3f;--tone-39:#241e2f;--tone-40:#281e38;--tone-41:#291e3c;--tone-42:#2a1e3e;--tone-43:#2f1e4a;--tone-44:#2b203c;--tone-45:#2c203f;--tone-46:#2f1f4a;--tone-47:#2c213f;--tone-48:#2b223b;--tone-49:#2c223c;--tone-50:#2d2240;--tone-51:#261f32;--tone-52:#2c233b;--tone-53:#302247;--tone-54:#20192b;--tone-55:#302346;--tone-56:#32234b;--tone-57:#2f2540;--tone-58:#34254c;--tone-59:#302640;--tone-60:#312643;--tone-61:#332647;--tone-62:#34264a;--tone-63:#332747;--tone-64:#34274a;--tone-65:#40266a;--tone-66:#36284c;--tone-67:#342947;--tone-68:#36294b;--tone-69:#382b4c;--tone-70:#3a2b53;--tone-71:#271f35;--tone-72:#372d47;--tone-73:#392d4c;--tone-74:#392d4d;--tone-75:#3a2d4f;--tone-76:#3b2d53;--tone-77:#392e4b;--tone-78:#3b2e50;--tone-79:#402e5d;--tone-80:#3d3052;--tone-81:#3d3150;--tone-82:#433062;--tone-83:#453066;--tone-84:#292037;--tone-85:#403258;--tone-86:#41325a;--tone-87:#42315e;--tone-88:#2a1e36;--tone-89:#3e3350;--tone-90:#44345d;--tone-91:#2c2039;--tone-92:#2e223b;--tone-93:#45375b;--tone-94:#46375f;--tone-95:#4e3971;--tone-96:#2f213e;--tone-97:#2f1f3f;--tone-98:#312340;--tone-99:#332145;--tone-100:#455577;--tone-101:#465673;--tone-102:#352249;--tone-103:#362349;--tone-104:#362349;--tone-105:#4b5268;--tone-106:#526077;--tone-107:#58dfad;--tone-108:#58dfad10;--tone-109:#493a5908;--tone-110:#4b3c5a;--tone-111:#5e6b7e;--tone-112:#4d3a6010;--tone-113:#61748f;--tone-114:#493062;--tone-115:#657b99;--tone-116:#533b6c33;--tone-117:#553b70;--tone-118:#503071;--tone-119:#71849e;--tone-120:#71859e;--tone-121:#7186a1;--tone-122:#72e0b3;--tone-123:#523273;--tone-124:#74869e;--tone-125:#563776;--tone-126:#77859b;--tone-127:#77899f;--tone-128:#798da8;--tone-129:#7e90a9;--tone-130:#7e90aa;--tone-131:#7e90ab;--tone-132:#7f8ea5;--tone-133:#80e5bd;--tone-134:#8290a4;--tone-135:#82ddb5;--tone-136:#8392a9;--tone-137:#8398b6;--tone-138:#8492a8;--tone-139:#8493aa;--tone-140:#8498b5;--tone-141:#8498b8;--tone-142:#8596ac;--tone-143:#8598b3;--tone-144:#582a8733;--tone-145:#8796ad;--tone-146:#52198c14;--tone-147:#8e99b0;--tone-148:#929ead;--tone-149:#93a0b2;--tone-150:#95a7c2;--tone-151:#97a7bd;--tone-152:#98a7bf;--tone-153:#99a5b6;--tone-154:#9daabc;--tone-155:#9eacbf;--tone-156:#9ec7ff;--tone-157:#9febc6;--tone-158:#a5b1c3;--tone-159:#a5b2c4;--tone-160:#a5c1fb;--tone-161:#a9b6ce;--tone-162:#a9bad0;--tone-163:#a9bedc;--tone-164:#aab7ca;--tone-165:#aab9cf;--tone-166:#acc3e2;--tone-167:#641cad2f;--tone-168:#adbac8;--tone-169:#aebacc;--tone-170:#b1bfd2;--tone-171:#b3bfd0;--tone-172:#b8c6df;--tone-173:#b9c3d1;--tone-174:#6d20bb;--tone-175:#946bbd;--tone-176:#bfcee2;--tone-177:#762bc220;--tone-178:#c2cad8;--tone-179:#c3cbd8;--tone-180:#cbd5e6;--tone-181:#d2dded;--tone-182:#a97cd6;--tone-183:#dbe2ed;--tone-184:#dce3ed;--tone-185:#8d35e6;--tone-186:#be92ea;--tone-187:#8520eb;--tone-188:#8a28ec;--tone-189:#8a27ed20;--tone-190:#8a28ed1a;--tone-191:#9537f3;--tone-192:#f3f5f9;--tone-193:#f5cc88;--tone-194:#a14cf740;--tone-195:#9735f910;--tone-196:#f9c96c;--tone-197:#9836fa;--tone-198:#b775fa;--tone-199:#9e42fb;--tone-200:#a958fb;--tone-201:#a956fc;--tone-202:#bc7bfd;--tone-203:#9429ff25;--tone-204:#9f40ff;--tone-205:#a750ff;--tone-206:#a750ff;--tone-207:#a852ff;--tone-208:#a953ff;--tone-209:#ab58ff;--tone-210:#ae5dff;--tone-211:#b266ff;--tone-212:#ae5eff;--tone-213:#b469ff7a;--tone-214:#b46aff;--tone-215:#b56cff;--tone-216:#b56cff;--tone-217:#b56cff;--tone-218:#b872ff;--tone-219:#b973ff;--tone-220:#bb77ff;--tone-221:#c082ff;--tone-222:#c58cff;--tone-223:#c993ff;--tone-224:#cc9aff;--tone-225:#d8b1ff;--tone-226:#f1e3ff;--tone-227:#ffffff}
html[data-theme=sunset]{--tone-0:#00000022;--tone-1:#00000033;--tone-2:#00000044;--tone-3:#00000088;--tone-4:#130c07df;--tone-5:#120c08;--tone-6:#19110b;--tone-7:#1e140c;--tone-8:#1c130d;--tone-9:#20160e;--tone-10:#25180e;--tone-11:#1e150f;--tone-12:#21170f;--tone-13:#23170f;--tone-14:#221810;--tone-15:#201711;--tone-16:#251a13;--tone-17:#261b13;--tone-18:#281c13;--tone-19:#372213;--tone-20:#261b14;--tone-21:#291c13;--tone-22:#2b1d13;--tone-23:#2c1f15;--tone-24:#2e2015;--tone-25:#372315;--tone-26:#2a1e16;--tone-27:#2b1f17;--tone-28:#312217;--tone-29:#322318;--tone-30:#1a335a18;--tone-31:#2d2119;--tone-32:#322419;--tone-33:#3a2719;--tone-34:#37261a30;--tone-35:#34261b;--tone-36:#37271b;--tone-37:#3e2a1be8;--tone-38:#3f2a1b;--tone-39:#2f251e;--tone-40:#38291e;--tone-41:#3c2b1e;--tone-42:#3e2b1e;--tone-43:#4a311e;--tone-44:#3c2c20;--tone-45:#3f2d20;--tone-46:#4a311f;--tone-47:#3f2e21;--tone-48:#3b2c22;--tone-49:#3c2d22;--tone-50:#402f22;--tone-51:#32271f;--tone-52:#3b2d23;--tone-53:#473222;--tone-54:#2b2119;--tone-55:#463223;--tone-56:#4b3423;--tone-57:#403025;--tone-58:#4c3525;--tone-59:#403126;--tone-60:#433226;--tone-61:#473426;--tone-62:#4a3526;--tone-63:#473427;--tone-64:#4a3627;--tone-65:#6a4326;--tone-66:#4c3728;--tone-67:#473629;--tone-68:#4b3729;--tone-69:#4c392b;--tone-70:#533c2b;--tone-71:#35281f;--tone-72:#47382d;--tone-73:#4c3a2d;--tone-74:#4d3a2d;--tone-75:#4f3b2d;--tone-76:#533d2d;--tone-77:#4b3a2e;--tone-78:#503c2e;--tone-79:#5d422e;--tone-80:#523e30;--tone-81:#503e31;--tone-82:#624530;--tone-83:#664730;--tone-84:#372a20;--tone-85:#584232;--tone-86:#5a4332;--tone-87:#5e4431;--tone-88:#36271e;--tone-89:#503f33;--tone-90:#5d4534;--tone-91:#392a20;--tone-92:#3b2c22;--tone-93:#5b4637;--tone-94:#5f4837;--tone-95:#715039;--tone-96:#3e2c21;--tone-97:#3f2b1f;--tone-98:#402e23;--tone-99:#452f21;--tone-100:#455577;--tone-101:#465673;--tone-102:#493122;--tone-103:#493223;--tone-104:#493223;--tone-105:#4b5268;--tone-106:#526077;--tone-107:#58dfad;--tone-108:#58dfad10;--tone-109:#59463a08;--tone-110:#5a483c;--tone-111:#5e6b7e;--tone-112:#60493a10;--tone-113:#61748f;--tone-114:#624430;--tone-115:#657b99;--tone-116:#6c4e3b33;--tone-117:#70503b;--tone-118:#714930;--tone-119:#71849e;--tone-120:#71859e;--tone-121:#7186a1;--tone-122:#72e0b3;--tone-123:#734b32;--tone-124:#74869e;--tone-125:#765037;--tone-126:#77859b;--tone-127:#77899f;--tone-128:#798da8;--tone-129:#7e90a9;--tone-130:#7e90aa;--tone-131:#7e90ab;--tone-132:#7f8ea5;--tone-133:#80e5bd;--tone-134:#8290a4;--tone-135:#82ddb5;--tone-136:#8392a9;--tone-137:#8398b6;--tone-138:#8492a8;--tone-139:#8493aa;--tone-140:#8498b5;--tone-141:#8498b8;--tone-142:#8596ac;--tone-143:#8598b3;--tone-144:#874e2a33;--tone-145:#8796ad;--tone-146:#8c461914;--tone-147:#8e99b0;--tone-148:#929ead;--tone-149:#93a0b2;--tone-150:#95a7c2;--tone-151:#97a7bd;--tone-152:#98a7bf;--tone-153:#99a5b6;--tone-154:#9daabc;--tone-155:#9eacbf;--tone-156:#9ec7ff;--tone-157:#9febc6;--tone-158:#a5b1c3;--tone-159:#a5b2c4;--tone-160:#a5c1fb;--tone-161:#a9b6ce;--tone-162:#a9bad0;--tone-163:#a9bedc;--tone-164:#aab7ca;--tone-165:#aab9cf;--tone-166:#acc3e2;--tone-167:#ad551c2f;--tone-168:#adbac8;--tone-169:#aebacc;--tone-170:#b1bfd2;--tone-171:#b3bfd0;--tone-172:#b8c6df;--tone-173:#b9c3d1;--tone-174:#bb5c20;--tone-175:#bd8b6b;--tone-176:#bfcee2;--tone-177:#c2662b20;--tone-178:#c2cad8;--tone-179:#c3cbd8;--tone-180:#cbd5e6;--tone-181:#d2dded;--tone-182:#d69f7c;--tone-183:#dbe2ed;--tone-184:#dce3ed;--tone-185:#e67a35;--tone-186:#eab492;--tone-187:#eb6f20;--tone-188:#ec7428;--tone-189:#ed742720;--tone-190:#ed75281a;--tone-191:#f38037;--tone-192:#f3f5f9;--tone-193:#f5cc88;--tone-194:#f78f4c40;--tone-195:#f9813510;--tone-196:#f9c96c;--tone-197:#fa8236;--tone-198:#faa975;--tone-199:#fb8a42;--tone-200:#fb9858;--tone-201:#fc9756;--tone-202:#fdae7b;--tone-203:#ff7c2925;--tone-204:#ff8a40;--tone-205:#ff9450;--tone-206:#ff9450;--tone-207:#ff9552;--tone-208:#ff9653;--tone-209:#ff9958;--tone-210:#ff9c5d;--tone-211:#ffa266;--tone-212:#ff9d5e;--tone-213:#ffa3697a;--tone-214:#ffa46a;--tone-215:#ffa56c;--tone-216:#ffa56c;--tone-217:#ffa56c;--tone-218:#ffa972;--tone-219:#ffaa73;--tone-220:#ffac77;--tone-221:#ffb382;--tone-222:#ffb98c;--tone-223:#ffbd93;--tone-224:#ffc19a;--tone-225:#ffcfb1;--tone-226:#ffeee3;--tone-227:#ffffff}
:root{--bg:var(--tone-5);--panel:var(--tone-15);--panel-high:var(--tone-27);--border:var(--tone-52);--text:var(--tone-192);--muted:var(--tone-148);--red:var(--tone-197);--green:var(--tone-107);--amber:var(--tone-196);--radius:20px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 8% 0%,var(--tone-146),transparent 38%),radial-gradient(ellipse at 95% 30%,var(--tone-30),transparent 45%),var(--bg);color:var(--text);font:14px/1.55 Arial,Helvetica,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:wait}a,button{transition:background .16s,border-color .16s,color .16s,transform .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:4px}input,select{width:100%;min-width:0;background:var(--tone-8);border:1px solid var(--tone-73);border-radius:12px;padding:13px 15px}input::placeholder{color:var(--tone-111)}input:focus{border-color:var(--red)}select{padding-right:30px;color-scheme:dark}h1,h2,p{margin-top:0}h1{letter-spacing:-1px}h2{font-size:16px;font-weight:650;margin-bottom:0}.muted{color:var(--muted)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.app-shell{max-width:1480px;padding:28px 32px 0;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px;padding:0 24px;margin-bottom:24px;border-radius:18px;background:var(--tone-11)}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:750;white-space:nowrap;letter-spacing:-.35px}.brand-light{color:var(--tone-173);font-weight:500}.youtube-logo{display:grid;place-items:center;width:40px;height:33px;background:linear-gradient(145deg,var(--tone-205),var(--tone-187));border-radius:10px;box-shadow:0 5px 20px var(--tone-203)}.youtube-logo .icon{width:26px;height:26px;fill:white;stroke:none}.top-nav{display:flex;gap:5px;background:var(--tone-6);border:1px solid var(--tone-40);padding:5px;border-radius:13px}.top-nav a{display:flex;align-items:center;gap:9px;padding:10px 16px;color:var(--tone-149);font-size:13px;border-radius:9px;white-space:nowrap}.top-nav a:hover{color:white;background:var(--tone-35)}.top-nav a.active{color:white;background:var(--tone-57);box-shadow:0 2px 8px var(--tone-0)}.top-nav a.active .icon{color:var(--tone-209)}.account-nav{display:flex;align-items:center;gap:18px}.private-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--tone-168);white-space:nowrap}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--tone-108);flex-shrink:0}.profile{display:flex;align-items:center;gap:9px;font-size:13px;max-width:150px}.profile>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(150deg,var(--tone-93),var(--tone-48));border:1px solid var(--tone-105);flex-shrink:0;font-size:13px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:9px 15px;border:1px solid var(--tone-74);border-radius:10px;background:var(--tone-29);color:var(--tone-184);font-size:13px;font-weight:600;white-space:nowrap}.button:hover{background:var(--tone-55);border-color:var(--tone-101);transform:translateY(-1px)}.button.primary{background:linear-gradient(120deg,var(--tone-204),var(--tone-188));border-color:var(--tone-207);color:white;box-shadow:0 5px 22px var(--tone-189)}.button.primary:hover{background:var(--tone-206);border-color:var(--tone-220)}.logout{background:transparent;border-color:var(--tone-69);color:var(--tone-169);padding:8px 10px}.logout:hover{background:var(--tone-97);border-color:var(--tone-118);color:var(--tone-218)}.workspace{padding:32px;min-height:510px}.eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--tone-182);margin-bottom:12px}.converter-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 30px;padding-bottom:26px;border-bottom:1px solid var(--border)}.converter-top h1{font-size:39px;line-height:1.18;margin-bottom:10px;font-weight:750}.converter-top p{font-size:14px;color:var(--tone-153);margin-bottom:0}.hero-format-pills{display:flex;gap:10px}.hero-format-pills>span{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--tone-31);border:1px solid var(--tone-81);border-radius:12px;font-size:13px}.hero-format-pills>span:first-child{color:var(--tone-219);background:var(--tone-88);border-color:var(--tone-114)}.converter-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:20px;margin-bottom:24px}.converter-hero{border:1px solid var(--tone-74);background:linear-gradient(140deg,var(--tone-32),var(--tone-20));padding:25px;border-radius:18px;text-align:left;min-width:0}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.panel-title h2{font-size:16px}.panel-title p{font-size:13px;margin:4px 0 0}.setting-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--tone-44);color:var(--tone-171);flex-shrink:0}.setting-icon.red{background:var(--tone-103);color:var(--tone-210)}.conversion-form>label{display:block;font-size:13px;color:var(--tone-179);margin-bottom:8px}.url-input{display:flex;align-items:stretch;border:1px solid var(--tone-86);border-radius:12px;background:var(--tone-7);overflow:hidden}.url-input:focus-within{border-color:var(--tone-199);box-shadow:0 0 0 3px var(--tone-195)}.url-input input{border:0;background:none;border-radius:0;padding:15px}.url-input button{padding:0 15px;border-left:1px solid var(--tone-66);background:transparent;color:var(--tone-159)}.url-input button:hover{color:white;background:var(--tone-58)}.conversion-controls{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:12px;margin-top:14px}.format-tabs{display:flex;border:1px solid var(--tone-85);border-radius:12px;padding:4px;background:var(--tone-9)}.format-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;border-radius:8px;background:none;padding:8px;color:var(--tone-155);font-size:13px}.format-tabs button.selected{background:var(--tone-78);color:var(--tone-227);box-shadow:0 3px 8px var(--tone-1)}.format-tabs button.selected .icon{color:var(--tone-215)}.conversion-controls select{padding:10px 12px;font-size:13px}.conversion-controls .primary{font-size:13px}.form-hint{display:flex;align-items:center;font-size:13px;color:var(--tone-126);margin:15px 0 0}.quick-guide{padding:24px;border:1px solid var(--tone-59);border-radius:18px;background:linear-gradient(130deg,var(--tone-26),var(--tone-16));min-width:0;position:relative;overflow:hidden}.quick-guide:after{content:"";position:absolute;width:150px;height:150px;right:-100px;top:-110px;border-radius:50%;box-shadow:0 0 85px 50px var(--tone-177);pointer-events:none}.quick-guide .eyebrow{font-size:13px;margin-bottom:10px;color:var(--tone-136)}.quick-guide h2{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin-bottom:18px}.quick-guide ol{padding:0;margin:0;list-style:none;display:grid;gap:15px}.quick-guide li{display:flex;align-items:flex-start;gap:13px}.quick-guide li>span{font-size:13px;letter-spacing:1px;color:var(--tone-198);margin-top:2px}.quick-guide strong{display:block;font-size:13px;font-weight:600}.quick-guide small{display:block;color:var(--tone-134);font-size:13px;margin-top:3px}.guide-foot{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--tone-142);margin-top:20px;padding-top:15px;border-top:1px solid var(--tone-67)}.guide-foot .icon{width:13px;height:13px}.processing-card{display:flex;align-items:center;gap:20px;border:1px solid var(--tone-89);background:linear-gradient(105deg,var(--tone-54),var(--tone-24));padding:15px;border-radius:16px;margin-bottom:22px}.thumbnail{position:relative;width:190px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--tone-53)}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail time{position:absolute;bottom:5px;right:6px;background:var(--tone-4);border-radius:4px;padding:2px 6px;font-size:13px}.processing-info{flex:1;min-width:0}.processing-info h2{font-size:17px;overflow-wrap:anywhere;margin-bottom:7px}.processing-info p{font-size:13px;color:var(--tone-164);margin-bottom:12px}.progress-row{display:flex;align-items:center;gap:16px}.progress-bar{flex:1;height:6px;background:var(--tone-80);border-radius:6px;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--tone-185),var(--tone-212));border-radius:6px;transition:width .5s}.progress-row>span{font-size:13px;min-width:30px}.spinner{width:20px;height:20px;border:2px solid var(--tone-194);border-top-color:var(--tone-201);border-radius:50%;animation:spin 1s linear infinite;margin:0 10px}.recent-section{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.section-heading h2{font-size:15px}.section-heading a{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--tone-152)}.section-heading a:hover{color:white}.section-heading .icon{width:14px;height:14px}.table-wrap{border:1px solid var(--tone-61);border-radius:14px;overflow-x:auto;background:var(--tone-12)}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:13px;text-transform:uppercase;letter-spacing:.6px;font-weight:500;color:var(--tone-132);padding:12px 17px;background:var(--tone-23)}td{font-size:13px;padding:12px 17px;border-top:1px solid var(--tone-47);white-space:nowrap}tbody tr:hover td{background:var(--tone-34)}.file-cell{display:flex;align-items:center;gap:13px;min-width:230px}.file-cell>span:last-child{max-width:350px;overflow:hidden;text-overflow:ellipsis}.file-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--tone-92);color:var(--tone-214);flex-shrink:0}.file-icon.mp4{background:var(--tone-43);color:var(--tone-156)}.file-icon .icon{width:18px;height:18px}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:13px;background:var(--tone-50);color:var(--tone-158)}.status .icon{width:13px;height:13px}.status.completed{color:var(--tone-133);background:var(--tone-25)}.status.queued,.status.metadata,.status.downloading,.status.processing{color:var(--tone-193);background:var(--tone-84)}.status.failed{color:var(--tone-223);background:var(--tone-98)}.status.expired{color:var(--tone-154);background:var(--tone-49)}.align-right{text-align:right}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.row-actions .button{font-size:13px;padding:6px 11px;min-height:31px;background:var(--tone-42)}.row-actions .button .icon{width:14px;height:14px}.delete-button{background:none;color:var(--tone-139);border-radius:8px;padding:7px}.delete-button:hover{color:var(--tone-221);background:var(--tone-102)}.delete-button .icon{width:16px;height:16px}.empty-state{text-align:center;padding:42px!important;color:var(--tone-138);white-space:normal}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:28px;line-height:1.2;margin-bottom:8px}.page-heading p{font-size:13px;margin:0}.page-heading time{font-size:13px;color:var(--tone-127);white-space:nowrap}.admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:560px;overflow:hidden}.sidebar{padding:28px 15px;border-right:1px solid var(--tone-60);background:linear-gradient(180deg,var(--tone-17),var(--tone-14));display:flex;flex-direction:column}.sidebar h2{display:flex;align-items:center;gap:11px;padding:0 9px;font-size:15px;margin-bottom:30px}.sidebar h2 .icon{color:var(--tone-200)}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:11px;color:var(--tone-145);font-size:13px;border:1px solid transparent}.sidebar nav a:hover{background:var(--tone-41);color:var(--tone-180)}.sidebar nav a.active{background:linear-gradient(95deg,var(--tone-99),var(--tone-71));border-color:var(--tone-123);color:var(--tone-226)}.sidebar nav a.active .icon{color:var(--tone-216)}.sidebar-foot{margin-top:auto;padding:30px 10px 0;display:flex;align-items:center;gap:9px;font-size:13px;color:var(--tone-124)}.admin-main{padding:30px;min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat-card{position:relative;background:linear-gradient(140deg,var(--tone-36),var(--tone-22));border:1px solid var(--tone-75);border-radius:16px;padding:18px;min-width:0;display:flex;align-items:flex-start;gap:14px}.stat-card>div{min-width:0}.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--tone-64);color:var(--tone-172);flex-shrink:0}.stat-icon.red{background:var(--tone-104);color:var(--tone-217)}.stat-icon.green{background:var(--tone-38);color:var(--tone-122)}.stat-label{font-size:13px;color:var(--tone-151);display:block}.stat-card strong{display:block;font-size:25px;line-height:1.25;margin:5px 0;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.stat-card small{display:block;font-size:13px;color:var(--tone-119);line-height:1.5}.stat-card #stat-status{font-size:22px;white-space:normal;overflow-wrap:anywhere}.admin-panels{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr);gap:18px}.inner-panel{background:linear-gradient(125deg,var(--tone-28),var(--tone-18));border:1px solid var(--tone-68);border-radius:16px;padding:22px;min-width:0}.inner-panel>.section-heading{margin-bottom:15px}.inner-panel .table-wrap{border:0;border-radius:9px}.activity-table td,.activity-table th{padding:10px 9px;font-size:13px}.activity-title{display:flex;align-items:center;gap:10px;min-width:150px}.activity-title img{width:44px;height:29px;object-fit:cover;border-radius:6px}.activity-title span{max-width:155px;overflow:hidden;text-overflow:ellipsis}.settings-form{margin-top:24px}.setting-row{display:grid;grid-template-columns:34px minmax(0,1fr) 90px;gap:10px;align-items:start;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--tone-63)}.setting-row .setting-icon{width:32px;height:32px;border-radius:9px}.setting-row .setting-icon .icon{width:16px;height:16px}.setting-row label{display:block;font-size:13px;color:var(--tone-183)}.setting-row small{display:block;font-size:13px;color:var(--tone-129);line-height:1.6;margin-top:5px}.setting-row select{font-size:13px;padding:8px;height:34px;border-radius:8px}.settings-form>.button{width:100%;min-height:42px}.toggle-control{position:relative;justify-self:end;display:inline-flex!important;align-items:center;width:43px;height:25px;cursor:pointer;margin-top:3px}.toggle-control>input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;margin:0;z-index:2;cursor:pointer}.toggle-track{width:43px;height:25px;border-radius:14px;background:var(--tone-90);border:1px solid var(--tone-106);display:block;transition:background .16s}.toggle-track:after{content:"";width:17px;height:17px;position:absolute;top:4px;left:4px;border-radius:50%;background:var(--tone-178);transition:transform .16s}.toggle-control>input:checked+.toggle-track{background:var(--tone-191);border-color:var(--tone-211)}.toggle-control>input:checked+.toggle-track:after{transform:translateX(18px);background:white}.toggle-control>input:focus-visible+.toggle-track{outline:2px solid white;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.standalone-settings{max-width:730px}.standalone-settings .setting-row{grid-template-columns:36px minmax(0,1fr) 125px;gap:14px}.standalone-settings .setting-row label{font-size:13px}.standalone-settings .setting-row small{font-size:13px}.standalone-settings .settings-form>.button{width:auto}.info-grid,.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.security-grid{margin-top:0}.info-grid h2{margin:13px 0 8px}.info-grid p,.security-grid p{font-size:13px;margin-bottom:18px;overflow-wrap:anywhere}.security-grid h2{margin-bottom:20px}.form-title{margin-bottom:22px}.stack{display:grid;gap:18px}.stack label{font-size:13px;font-weight:500;color:var(--tone-170);display:block}.stack input{display:block;margin-top:8px;font-size:13px}.stack>.primary{min-height:46px;margin-top:3px}.security-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:16px;font-size:13px;color:var(--tone-176)}.security-list .icon{color:var(--green);width:17px;height:17px;margin-right:6px}.notice{padding:13px 18px;border-radius:12px;margin:0 0 20px;font-size:13px}.notice.success{background:var(--tone-19);border:1px solid var(--tone-65);color:var(--tone-157)}.notice.error{background:var(--tone-91);border:1px solid var(--tone-125);color:var(--tone-225)}[hidden]{display:none!important}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 4px;font-size:13px;color:var(--tone-113)}.app-footer>span:last-child{display:flex;align-items:center;gap:7px}.app-footer .icon{width:13px;height:13px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:20px}.pagination span{font-size:13px;color:var(--tone-130)}.cookie-panel{margin-bottom:22px}.cookie-panel>h2{margin-bottom:8px}.cookie-panel>p{font-size:13px}.cookie-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tone-143);margin:18px 0}.cookie-status.enabled{color:var(--tone-135)}.cookie-status .icon{width:17px;height:17px}.cookie-upload{display:flex;align-items:flex-end;gap:15px}.cookie-upload label{font-size:13px;color:var(--tone-162);flex:1;min-width:0}.cookie-upload input{display:block;max-width:100%;margin-top:8px;padding:9px;font-size:13px}.cookie-upload input::file-selector-button{border:0;border-radius:7px;background:var(--tone-70);color:var(--tone-181);padding:7px 11px;font:inherit;margin-right:10px}.cookie-remove{margin-top:12px}.cookie-help.muted{font-size:13px;color:var(--tone-128);margin:18px 0 0}.members-summary{display:flex;align-items:center;gap:13px;margin-bottom:23px}.members-summary strong{font-size:17px}.members-summary p{font-size:13px;margin:3px 0 0}.members-summary>.button{margin-left:auto}.member-cell{display:flex;align-items:center;gap:12px}.member-cell strong{display:block;font-size:13px;font-weight:600}.member-cell small{display:block;font-size:13px;color:var(--tone-131);margin-top:3px}.role-tag{display:inline-block;background:var(--tone-46);border:1px solid var(--tone-83);padding:4px 9px;border-radius:6px;font-size:13px;color:var(--tone-166)}.role-tag.admin{color:var(--tone-224);background:var(--tone-96);border-color:var(--tone-117)}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:40px 24px}.auth-container{display:grid;grid-template-columns:1.05fr 1fr;max-width:1120px;width:100%;min-height:660px;border:1px solid var(--tone-77);border-radius:26px;overflow:hidden;background:var(--tone-14);box-shadow:0 35px 130px var(--tone-2)}.auth-story{position:relative;background:radial-gradient(ellipse at 90% 50%,var(--tone-144),transparent 65%),linear-gradient(145deg,var(--tone-39),var(--tone-21));padding:36px 40px;display:flex;flex-direction:column;border-right:1px solid var(--tone-72);overflow:hidden}.auth-story-main{margin:auto 0;padding-top:36px}.auth-story .eyebrow{font-size:13px;color:var(--tone-186)}.auth-story h1{font-size:43px;line-height:1.2;font-weight:700;letter-spacing:-1.5px;margin-bottom:16px}.auth-story h1>span{color:var(--tone-161)}.auth-story-main>p{font-size:13px;line-height:1.8;color:var(--tone-141);max-width:350px;margin-bottom:0}.format-art{height:200px;position:relative;margin:22px 0 4px;display:grid;place-items:center}.art-orbit{position:absolute;width:180px;height:180px;border:1px solid var(--tone-116);border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 28px var(--tone-112),0 0 0 56px var(--tone-109)}.art-play{display:grid;place-items:center;width:87px;height:75px;background:linear-gradient(140deg,var(--tone-208),var(--tone-174));border:1px solid var(--tone-213);border-radius:22px;transform:rotate(-9deg);box-shadow:0 18px 40px var(--tone-167)}.art-play .icon{width:49px;height:49px;fill:white;stroke:none;transform:rotate(9deg)}.art-chip{display:flex;align-items:center;gap:10px;position:absolute;padding:11px 14px;border-radius:12px;border:1px solid var(--tone-110);background:var(--tone-51);box-shadow:0 10px 25px var(--tone-1);font-size:13px;font-weight:600}.art-chip>small{font-size:13px;color:var(--tone-147);font-weight:400}.art-chip .icon{width:17px;height:17px;color:var(--tone-202)}.art-mp3{left:8%;top:32px;transform:rotate(-8deg)}.art-mp4{right:2%;bottom:31px;transform:rotate(7deg);border-color:var(--tone-95);background:var(--tone-45)}.art-mp4 .icon{color:var(--tone-160)}.auth-benefits{display:flex;flex-wrap:wrap;gap:14px;color:var(--tone-150);font-size:13px}.auth-benefits>span{display:flex;align-items:center;gap:5px}.auth-benefits .icon{width:13px;height:13px;color:var(--tone-175)}.auth-story-foot{margin:35px 0 0;color:var(--tone-115);font-size:13px;line-height:1.7}.auth-form-area{display:flex;align-items:center;padding:48px 58px;background:var(--tone-14)}.login-card{width:100%;max-width:370px;margin:auto}.auth-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:7px;background:var(--tone-33);border:1px solid var(--tone-79);color:var(--tone-163);font-size:13px;margin-bottom:20px}.auth-badge .icon{width:14px;height:14px}.login-card h2{font-size:28px;letter-spacing:-.8px;margin-bottom:8px}.login-card>.muted{font-size:13px;margin-bottom:30px}.login-card .notice{font-size:13px;padding:11px}.login-card .primary{justify-content:space-between}.auth-switch{display:flex;justify-content:center;align-items:center;gap:7px;font-size:13px;color:var(--tone-140);margin:24px 0 0}.auth-switch a{color:var(--tone-222);font-weight:600}.auth-switch .icon{width:13px;height:13px}.register-card .stack{gap:13px}.register-card>.muted{margin-bottom:22px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1250px){.header{gap:15px;padding:0 19px}.top-nav a{padding:10px 11px}.account-nav>.private-badge{display:none}.account-nav{gap:12px}.converter-top h1{font-size:34px}.workspace{padding:27px}.converter-hero{padding:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panels{grid-template-columns:1fr}.settings-panel .setting-row{grid-template-columns:36px minmax(0,1fr) 120px}.settings-panel .settings-form>.button{width:auto}.auth-story{padding:32px}.auth-form-area{padding:40px}.auth-story h1{font-size:38px}}
@media(max-width:950px){.app-shell{padding:20px 20px 0}.header{gap:12px}.brand{font-size:15px}.profile>span:last-child{display:none}.converter-grid{grid-template-columns:1fr}.quick-guide{display:none}.converter-top{margin-bottom:25px}.hero-format-pills>span{padding:10px 12px}.admin-layout{grid-template-columns:185px minmax(0,1fr)}.admin-main{padding:24px}.sidebar{padding:25px 10px}.sidebar h2{font-size:13px;padding:0 6px}.sidebar nav a{padding:12px 10px;font-size:13px}.sidebar-foot{font-size:13px;padding-left:4px}.page-heading time{display:none}.security-grid,.info-grid{grid-template-columns:1fr}.auth-container{max-width:920px}.auth-story{padding:28px}.auth-story h1{font-size:34px}.auth-form-area{padding:34px}.auth-story .brand{font-size:14px}.auth-benefits{gap:9px;font-size:13px}}
@media(max-width:720px){.header{flex-wrap:wrap;padding:17px 19px 9px;gap:15px;min-height:0;margin-bottom:18px}.top-nav{order:3;width:100%;justify-content:space-around;margin-top:1px}.top-nav a{flex:1;justify-content:center}.account-nav{margin-left:auto}.logout span{display:none}.logout{min-height:34px;padding:7px}.logout .icon{width:18px;height:18px}.converter-top h1{font-size:31px}.hero-format-pills{display:none}.workspace{padding:25px}.conversion-controls{gap:10px}.admin-layout{grid-template-columns:1fr}.sidebar{padding:12px;border-right:0;border-bottom:1px solid var(--tone-60)}.sidebar h2,.sidebar-foot{display:none}.sidebar nav{display:flex;gap:5px}.sidebar nav a{flex:1;flex-direction:column;gap:6px;font-size:13px;padding:10px 4px}.sidebar nav .icon{width:18px;height:18px}.admin-main{padding:24px}.auth-container{grid-template-columns:1fr;max-width:490px;min-height:0;border-radius:23px}.auth-story{padding:24px;border-right:0;border-bottom:1px solid var(--tone-72)}.auth-story-main,.auth-story-foot{display:none}.auth-form-area{padding:36px}.auth-shell{padding:24px 16px}.login-card{max-width:100%}.login-card h2{font-size:27px}}
@media(max-width:520px){.app-shell{padding:10px 10px 0}.header{padding:14px 13px 8px;margin-bottom:14px;border-radius:15px}.brand{font-size:13px;gap:8px}.youtube-logo{width:33px;height:29px;border-radius:9px}.brand-light{font-size:13px}.account-nav{gap:8px}.avatar{width:31px;height:31px;border-radius:9px}.top-nav a{font-size:13px;padding:9px 5px;gap:6px}.top-nav .icon{width:16px;height:16px}.workspace{padding:22px 16px;border-radius:17px}.eyebrow{font-size:13px;letter-spacing:1.6px;margin-bottom:9px}.converter-top{padding-bottom:20px;margin-bottom:20px}.converter-top h1{font-size:26px;letter-spacing:-.8px}.converter-top p{font-size:13px}.converter-hero{padding:19px 15px;border-radius:15px}.panel-title{gap:10px;margin-bottom:20px}.panel-title h2{font-size:14px}.panel-title p{font-size:13px}.setting-icon{width:32px;height:32px}.conversion-form>label{font-size:13px}.url-input input{padding:14px 11px;font-size:13px}.url-input button{padding:0 11px}.conversion-controls{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:10px}.conversion-controls>.primary{grid-column:1/-1;min-height:44px}.format-tabs button{gap:6px;padding:9px 5px;font-size:13px}.format-tabs .icon{width:17px;height:17px}.conversion-controls select{font-size:13px;padding:9px}.form-hint{font-size:13px}.processing-card{padding:12px;gap:12px;flex-wrap:wrap;border-radius:13px}.thumbnail{width:89px;border-radius:7px}.processing-info{min-width:135px}.processing-info h2{font-size:13px;margin-bottom:5px}.processing-info p{font-size:13px;margin-bottom:8px}.progress-row{gap:9px}.progress-row>span{font-size:13px}.spinner{display:none}.recent-section{margin-top:24px}.section-heading h2{font-size:13px}.section-heading a{font-size:13px;gap:3px}.table-wrap{border-radius:12px}.downloads-table{display:block;min-width:0}.downloads-table thead{display:none}.downloads-table tbody{display:block}.downloads-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;padding:13px 12px;border-top:1px solid var(--tone-62)}.downloads-table tbody tr:first-child{border-top:0}.downloads-table tbody td{display:block;padding:0!important;border:0;white-space:normal;font-size:13px}.downloads-table td:first-child{grid-column:1/-1;margin-bottom:3px}.downloads-table .file-cell{min-width:0;gap:10px}.downloads-table .file-cell>span:last-child{max-width:235px}.file-icon{width:31px;height:31px;border-radius:8px}.downloads-table td:nth-child(2):before{content:attr(data-label) ": ";color:var(--tone-120);font-size:13px}.downloads-table td:nth-child(3){text-align:right}.downloads-table td:nth-child(3):before{content:attr(data-label) ": ";color:var(--tone-120);font-size:13px}.downloads-table td:nth-child(4){align-self:center}.downloads-table .row-actions{gap:4px}.downloads-table .row-actions .button{font-size:13px;min-height:33px;padding:7px 9px}.downloads-table .empty-state{grid-column:1/-1}.downloads-table tbody tr:hover td{background:none}.page-heading{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:20px}.page-heading h1{font-size:24px;margin-bottom:7px}.page-heading p{font-size:13px}.page-heading .button{font-size:13px}.sidebar{padding:9px}.sidebar nav{gap:2px}.sidebar nav a{font-size:13px;padding:9px 2px;border-radius:9px}.admin-main{padding:20px 14px}.stats-grid{gap:10px;margin-bottom:20px}.stat-card{padding:13px 10px;gap:9px;border-radius:12px}.stat-icon{width:29px;height:29px;border-radius:8px}.stat-icon .icon{width:17px;height:17px}.stat-label{font-size:13px}.stat-card strong{font-size:21px;margin:4px 0}.stat-card small{font-size:13px}.stat-card #stat-status{font-size:16px}.inner-panel{padding:18px 14px;border-radius:13px}.inner-panel h2{font-size:14px}.activity-table{min-width:490px}.activity-table td,.activity-table th{font-size:13px}.setting-row,.standalone-settings .setting-row,.settings-panel .setting-row{grid-template-columns:28px minmax(0,1fr) 83px;gap:8px;margin-bottom:16px;padding-bottom:16px}.setting-row .setting-icon{width:27px;height:27px;border-radius:7px}.setting-row .setting-icon .icon{width:14px;height:14px}.setting-row label,.standalone-settings .setting-row label{font-size:13px}.setting-row small,.standalone-settings .setting-row small{font-size:13px}.setting-row select{font-size:13px;height:31px;padding:7px}.registration-row{grid-template-columns:28px minmax(0,1fr) 45px!important}.settings-form{margin-top:20px}.settings-form>.button{font-size:13px}.pagination{justify-content:center;gap:10px}.pagination span{font-size:13px}.pagination .button{font-size:13px;padding:7px 11px}.security-grid,.info-grid{gap:16px}.security-grid p,.info-grid p{font-size:13px}.cookie-upload{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}.cookie-upload>.button{width:100%}.cookie-upload input{font-size:13px}.cookie-status{font-size:13px;flex-wrap:wrap}.cookie-help.muted{font-size:13px}.cookie-panel>p{font-size:13px}.app-footer{font-size:13px;padding:20px 2px}.app-footer .icon{width:10px;height:10px}.members-summary{flex-wrap:wrap}.members-summary>.button{margin-left:0;width:100%;font-size:13px}.members-table{display:block;min-width:0}.members-table thead{display:none}.members-table tbody{display:block}.members-table tr{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px;border-top:1px solid var(--tone-62)}.members-table td{padding:0;border:0;font-size:13px}.members-table td:first-child{grid-column:1/-1}.members-table td:nth-child(3):before{content:attr(data-label) ": ";color:var(--tone-130)}.members-table td:last-child{grid-column:1/-1;color:var(--tone-119)}.members-table td:last-child:before{content:attr(data-label) ": "}.member-cell small{overflow-wrap:anywhere;white-space:normal}.auth-form-area{padding:28px 24px}.auth-story{padding:20px 24px}.auth-shell{padding:18px 13px}.login-card h2{font-size:25px}.login-card>.muted{font-size:13px}.auth-switch{font-size:13px}.stack{gap:17px}.auth-badge{font-size:13px}.auth-container{border-radius:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.file-name strong{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis}.file-name small{display:block;color:var(--tone-121);font-size:13px;margin-top:3px}

.brand-name{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-trigger{padding:8px;min-width:36px;min-height:36px}.bulk-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}.bulk-toolbar>span{font-size:13px}.bulk-toolbar>div{display:flex;gap:8px}.bulk-toolbar .button{font-size:13px;min-height:33px;padding:7px 10px}.bulk-toolbar .icon{width:14px;height:14px}.app-dialog{padding:28px;max-width:620px;width:calc(100% - 30px);border:1px solid var(--tone-94);border-radius:22px;background:var(--tone-22);color:var(--text);box-shadow:0 30px 120px var(--tone-3)}.app-dialog::backdrop{background:rgba(3,7,13,.72)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:23px}.dialog-heading .eyebrow{margin-bottom:8px}.dialog-close{background:var(--tone-56);border-radius:9px;color:var(--tone-165);font-size:23px;line-height:1;width:32px;height:32px}.app-dialog>p{font-size:13px;margin:10px 0 22px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-option{position:relative;cursor:pointer;padding:10px;border:1px solid var(--tone-87);border-radius:12px;background:var(--tone-13)}.theme-option input{position:absolute;opacity:0;width:100%;height:100%;left:0;top:0;cursor:pointer;margin:0;z-index:1}.theme-option:has(input:checked){border-color:var(--red);box-shadow:0 0 0 2px var(--tone-190)}.theme-option:has(input:focus-visible){outline:2px solid var(--red);outline-offset:3px}.theme-option strong{display:block;font-size:13px;margin-top:7px}.theme-preview{position:relative;display:block;height:66px;border-radius:7px;overflow:hidden}.theme-preview>span{position:absolute;left:9px;top:9px;width:21px;height:47px;border-radius:4px}.theme-preview>i{position:absolute;left:36px;right:8px;top:10px;height:17px;border-radius:3px}.theme-preview>b{position:absolute;right:10px;bottom:11px;width:27px;height:9px;border-radius:3px}.motion-option{display:flex;align-items:center;gap:9px;font-size:13px;margin:20px 0 10px}.motion-option input{width:17px;height:17px;accent-color:var(--red)}.appearance-form>.button,.appearance-dialog form>.button{width:100%}.dialog-notice{font-size:13px;color:var(--green);min-height:14px;margin-bottom:13px}.confirm-dialog{max-width:420px}.confirm-dialog>.setting-icon{margin-bottom:18px}.confirm-dialog h2{font-size:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;margin-bottom:22px}.appearance-settings .stack select{margin-top:8px}.editor-intro h2{font-size:29px;line-height:1.15;margin-bottom:18px}.editor-intro p{font-size:13px;line-height:1.8}.editor-intro .button{margin-top:12px}.text-editor-panel>.section-heading{align-items:center}.text-editor-panel .section-heading p{font-size:13px;margin:5px 0 0}.text-editor-panel input[type=search]{max-width:270px;font-size:13px}.text-group{border-top:1px solid var(--tone-76);margin-top:10px}.text-group summary{cursor:pointer;padding:15px 4px;font-size:13px;font-weight:600}.text-group summary>span{font-size:13px;color:var(--muted);margin-left:7px}.text-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:4px 0 16px}.text-field{display:block;min-width:0}.text-field>span{display:block;font-size:13px;color:var(--tone-137);margin-bottom:7px;overflow-wrap:anywhere}.text-field textarea{width:100%;resize:vertical;min-height:58px;border:1px solid var(--tone-82);border-radius:10px;background:var(--tone-10);color:var(--text);padding:11px;font:14px/1.5 Arial,Helvetica,sans-serif}.text-field textarea:focus{outline:2px solid var(--red);outline-offset:2px}.editor-save{position:sticky;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--tone-37);border:1px solid var(--tone-100);border-radius:12px;padding:13px;margin-top:20px}.editor-save>span{font-size:13px}.theme-option,.stat-card{transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}html[data-animations=on] .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--tone-0)}html[data-animations=on] .workspace,html[data-animations=on] .admin-layout,html[data-animations=on] .auth-container{animation:arrive .3s ease-out both}html[data-animations=on] dialog[open]{animation:dialog-arrive .2s ease-out both}html[data-animations=off] *,html[data-animations=off] *:before,html[data-animations=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:950px){.editor-grid{grid-template-columns:1fr}.brand-name{max-width:190px}}@media(max-width:520px){.brand-name{max-width:145px}.theme-trigger{min-height:31px;min-width:31px;padding:6px}.theme-trigger .icon{width:17px;height:17px}.bulk-toolbar{flex-wrap:wrap;gap:10px}.bulk-toolbar>div{width:100%}.bulk-toolbar .button{flex:1;font-size:13px;white-space:normal;min-height:36px}.bulk-toolbar>span{font-size:13px}.app-dialog{padding:22px 18px;border-radius:18px}.theme-grid{gap:9px}.theme-option{padding:7px}.theme-preview{height:55px}.theme-preview>span{left:6px;top:7px;width:15px;height:39px}.theme-preview>i{left:26px;right:6px;top:9px;height:14px}.theme-preview>b{width:21px;height:7px;right:7px;bottom:11px}.dialog-heading h2{font-size:20px}.editor-grid{gap:16px}.editor-intro h2{font-size:25px}.text-editor-panel>.section-heading{flex-direction:column;align-items:stretch}.text-editor-panel input[type=search]{max-width:none}.text-fields{grid-template-columns:1fr}.editor-save{flex-wrap:wrap;bottom:6px;padding:11px}.editor-save>.button{width:100%}.text-field textarea{font-size:13px}.sidebar nav a{font-size:7.5px}.sidebar nav .icon{width:16px;height:16px}.app-dialog .button{min-height:42px}}


.theme-dark{background:#101722}.theme-dark>span{background:#253147}.theme-dark>i{background:#344157}.theme-dark>b{background:#f43657}
.theme-light{background:#f5f6fb}.theme-light>span{background:#d6dce8}.theme-light>i{background:#e3e7f0}.theme-light>b{background:#cb284c}
.theme-midnight{background:#081020}.theme-midnight>span{background:#142644}.theme-midnight>i{background:#1e3557}.theme-midnight>b{background:#5991ff}
.theme-forest{background:#0d1916}.theme-forest>span{background:#1c352d}.theme-forest>i{background:#29483d}.theme-forest>b{background:#51cc95}
.theme-violet{background:#171024}.theme-violet>span{background:#302344}.theme-violet>i{background:#44345d}.theme-violet>b{background:#bd77fc}
.theme-sunset{background:#1d1511}.theme-sunset>span{background:#3c2c20}.theme-sunset>i{background:#59412e}.theme-sunset>b{background:#f79451}
html{color-scheme:dark}html[data-theme=light],html[data-theme=light] select,html[data-theme=light] input{color-scheme:light}
body,.header,.panel,.inner-panel,.stat-card,input,select,textarea,.sidebar{transition:background-color .22s,color .22s,border-color .22s}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

html[data-theme=light] .top-nav a.active,html[data-theme=light] .format-tabs button.selected{color:var(--text)}

@media(max-width:520px){.sidebar nav{overflow-x:auto;scrollbar-width:none}.sidebar nav a{flex:0 0 76px;font-size:13px;padding:9px 5px;white-space:normal;text-align:center}.sidebar nav::-webkit-scrollbar{display:none}}

/* Readable type and account management */
body{font-size:16px;line-height:1.6}input,select,textarea{font-size:16px}.button{font-size:14px;min-height:40px}table{font-size:14px}table th{font-size:13px}.muted,.form-hint,.setting-row small{font-size:14px}.setting-row{grid-template-columns:32px minmax(0,1fr) 116px}.setting-row input[type=number]{width:116px;min-height:42px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:8px}.member-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.member-actions form{margin:0}.member-cell small{overflow-wrap:anywhere}.members-summary{flex-wrap:wrap}.user-editor{max-width:720px}.user-edit-form{display:grid;gap:12px;margin-top:20px}.user-edit-form>input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.user-edit-form p{margin:0}.admin-checkbox{display:flex;align-items:center;gap:10px;padding:12px 0}.admin-checkbox input[type=checkbox]{width:20px;height:20px}.impersonation-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 20px;border:1px solid var(--border);border-radius:14px;background:var(--panel);margin:18px 0;overflow-wrap:anywhere}.impersonation-banner form{flex-shrink:0}.stat-card{min-width:0}.stat-card>div{min-width:0}.stat-card small{white-space:normal}.admin-sidebar nav a{font-size:14px}
@media(max-width:760px){.impersonation-banner{flex-direction:column;align-items:flex-start}.members-table td.member-actions{grid-column:1/-1;display:flex}.setting-row{grid-template-columns:28px minmax(0,1fr) 100px}.setting-row input[type=number]{width:100px}.stat-card{flex-direction:column;align-items:flex-start}.stat-card strong{font-size:22px}.stat-card small{font-size:13px}.account-nav .profile>span:last-child{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:460px){.setting-row{grid-template-columns:28px minmax(0,1fr)}.setting-row>select,.setting-row>input[type=number],.setting-row>.toggle-control{grid-column:2;width:100%;justify-self:start}.registration-row>.toggle-control{width:auto}.members-summary>.button{width:100%}}

@media(max-width:900px){.admin-layout{grid-template-columns:minmax(0,1fr)}.sidebar{min-width:0}}
.members-table td.member-actions:before{content:none}.user-edit-form{grid-template-columns:minmax(0,1fr)}.admin-checkbox input[type=checkbox]{flex:0 0 20px}

body{font-size:14px;line-height:1.55}input,select,textarea{font-size:14px}.button{font-size:13px}table{font-size:13px}table th{font-size:12px}.muted,.form-hint,.setting-row small{font-size:12px}.setting-row label,.user-edit-form>label{font-size:13px}.admin-sidebar nav a,.top-nav a{font-size:13px}.member-cell small,.stat-card small{font-size:12px}.admin-checkbox,.impersonation-banner{font-size:13px}@media(max-width:760px){input,select,textarea{font-size:16px}.members-table td,.stat-card small{font-size:12px}}
/* Tonebox: alternate composition, available to signed-in members. */
.tonebox-hero-title,.tonebox-section-heading,.tonebox-file-meta,.tonebox-wave,.tonebox-idle,.youtube-logo .icon:nth-child(2){display:none}
.theme-preview.theme-tonebox{background:#0b0c10}.theme-tonebox>span{background:#13151c}.theme-tonebox>i{background:#252832}.theme-tonebox>b{background:linear-gradient(110deg,#fb9148,#f35576)}
html[data-theme=tonebox]{--tone-0:#0b0c1022;--tone-1:#0b0c1033;--tone-2:#0b0c1044;--tone-3:#0b0c1088;--tone-4:#0b0c10df;--tone-5:#0b0c10;--tone-6:#0d0e11;--tone-7:#0f0f13;--tone-8:#0f0f13;--tone-9:#101115;--tone-10:#121318;--tone-11:#101115;--tone-12:#121217;--tone-13:#121318;--tone-14:#121217;--tone-15:#121217;--tone-16:#14151a;--tone-17:#15161b;--tone-18:#15161c;--tone-19:#1a342b;--tone-20:#15161b;--tone-21:#15161c;--tone-22:#16171d;--tone-23:#18191f;--tone-24:#181920;--tone-25:#1a342b;--tone-26:#16171d;--tone-27:#18191f;--tone-28:#1a1b22;--tone-29:#1b1c23;--tone-30:#292b3618;--tone-31:#191a21;--tone-32:#1b1c23;--tone-33:#1e1f26;--tone-34:#1d1e2530;--tone-35:#1d1e25;--tone-36:#1e1f26;--tone-37:#21222ae8;--tone-38:#1a342b;--tone-39:#1b1c23;--tone-40:#1f2028;--tone-41:#21222a;--tone-42:#21232b;--tone-43:#262731;--tone-44:#21232b;--tone-45:#22232c;--tone-46:#262731;--tone-47:#23242d;--tone-48:#21232b;--tone-49:#22232c;--tone-50:#24262f;--tone-51:#1d1e25;--tone-52:#22232c;--tone-53:#262731;--tone-54:#1a1b22;--tone-55:#262731;--tone-56:#272933;--tone-57:#24262f;--tone-58:#292a35;--tone-59:#252630;--tone-60:#262731;--tone-61:#272933;--tone-62:#292a35;--tone-63:#282a34;--tone-64:#292a35;--tone-65:#1a342b;--tone-66:#2a2c37;--tone-67:#292a35;--tone-68:#2a2c37;--tone-69:#2b2d38;--tone-70:#2d2f3b;--tone-71:#21222a;--tone-72:#292b36;--tone-73:#2c2d39;--tone-74:#2c2e3a;--tone-75:#2d2f3b;--tone-76:#2f313c;--tone-77:#2c2d39;--tone-78:#2e303c;--tone-79:#323441;--tone-80:#2f313d;--tone-81:#2f313c;--tone-82:#353744;--tone-83:#363846;--tone-84:#21222a;--tone-85:#323440;--tone-86:#323441;--tone-87:#343643;--tone-88:#422431;--tone-89:#2e303c;--tone-90:#353744;--tone-91:#422431;--tone-92:#422431;--tone-93:#343643;--tone-94:#363846;--tone-95:#3d4b6d;--tone-96:#422431;--tone-97:#422431;--tone-98:#422431;--tone-99:#422431;--tone-100:#455577;--tone-101:#465673;--tone-102:#422431;--tone-103:#422431;--tone-104:#422431;--tone-105:#404354;--tone-106:#526077;--tone-107:#59dca8;--tone-108:#59dca810;--tone-109:#42243108;--tone-110:#3a3c4b;--tone-111:#5e6b7e;--tone-112:#42243110;--tone-113:#61748f;--tone-114:#422431;--tone-115:#657b99;--tone-116:#42243133;--tone-117:#422431;--tone-118:#422431;--tone-119:#71849e;--tone-120:#71859e;--tone-121:#7186a1;--tone-122:#59dca8;--tone-123:#422431;--tone-124:#74869e;--tone-125:#422431;--tone-126:#77859b;--tone-127:#77899f;--tone-128:#798da8;--tone-129:#7e90a9;--tone-130:#7e90aa;--tone-131:#7e90ab;--tone-132:#7f8ea5;--tone-133:#59dca8;--tone-134:#8290a4;--tone-135:#59dca8;--tone-136:#8392a9;--tone-137:#8398b6;--tone-138:#8492a8;--tone-139:#8493aa;--tone-140:#8498b5;--tone-141:#8498b8;--tone-142:#8596ac;--tone-143:#8598b3;--tone-144:#42243133;--tone-145:#8796ad;--tone-146:#42243114;--tone-147:#8e99b0;--tone-148:#929ead;--tone-149:#93a0b2;--tone-150:#95a7c2;--tone-151:#97a7bd;--tone-152:#98a7bf;--tone-153:#99a5b6;--tone-154:#9daabc;--tone-155:#9eacbf;--tone-156:#9ec7ff;--tone-157:#59dca8;--tone-158:#a5b1c3;--tone-159:#a5b2c4;--tone-160:#a5c1fb;--tone-161:#a9b6ce;--tone-162:#a9bad0;--tone-163:#a9bedc;--tone-164:#aab7ca;--tone-165:#aab9cf;--tone-166:#acc3e2;--tone-167:#f35b722f;--tone-168:#adbac8;--tone-169:#aebacc;--tone-170:#b1bfd2;--tone-171:#b3bfd0;--tone-172:#b8c6df;--tone-173:#b9c3d1;--tone-174:#f35b72;--tone-175:#f35b72;--tone-176:#bfcee2;--tone-177:#f35b7220;--tone-178:#c2cad8;--tone-179:#c3cbd8;--tone-180:#cbd5e6;--tone-181:#d2dded;--tone-182:#f35b72;--tone-183:#dbe2ed;--tone-184:#dce3ed;--tone-185:#f35b72;--tone-186:#f35b72;--tone-187:#f35b72;--tone-188:#f35b72;--tone-189:#f35b7220;--tone-190:#f35b721a;--tone-191:#f35b72;--tone-192:#f3f5f9;--tone-193:#f5cc88;--tone-194:#f35b7240;--tone-195:#f35b7210;--tone-196:#f9c96c;--tone-197:#f35b72;--tone-198:#f35b72;--tone-199:#f35b72;--tone-200:#f35b72;--tone-201:#f35b72;--tone-202:#f35b72;--tone-203:#f35b7225;--tone-204:#f35b72;--tone-205:#f35b72;--tone-206:#f35b72;--tone-207:#f35b72;--tone-208:#f35b72;--tone-209:#f35b72;--tone-210:#f35b72;--tone-211:#f35b72;--tone-212:#f35b72;--tone-213:#f35b727a;--tone-214:#f35b72;--tone-215:#f35b72;--tone-216:#f35b72;--tone-217:#f35b72;--tone-218:#f35b72;--tone-219:#f35b72;--tone-220:#f35b72;--tone-221:#f35b72;--tone-222:#f35b72;--tone-223:#f35b72;--tone-224:#f35b72;--tone-225:#f35b72;--tone-226:#ffe3e9;--tone-227:#ffffff;--bg:#0b0c10;--panel:#13151c;--panel-high:#1b1e27;--border:#282c37;--text:#eeeef4;--muted:#91a0bb;--red:#f45c72;--green:#59dca8;--amber:#efc56f;--radius:18px}

html[data-theme=tonebox] body{background:radial-gradient(ellipse 650px 330px at 50% 175px,#5d233321,transparent 80%),var(--bg)}
html[data-theme=tonebox] .app-shell{max-width:1244px;padding:14px 32px 0}
html[data-theme=tonebox] .header{min-height:66px;padding:10px 16px;border-radius:17px;margin-bottom:26px;background:var(--panel);gap:16px}
html[data-theme=tonebox] .brand{font-size:17px}html[data-theme=tonebox] .youtube-logo{width:31px;height:31px;border-radius:10px;background:linear-gradient(125deg,#fb9148,#f35576);box-shadow:none}
html[data-theme=tonebox] .youtube-logo .icon:first-child{display:none}html[data-theme=tonebox] .youtube-logo .icon:nth-child(2){display:block;fill:none;stroke:white;width:20px;height:20px}
html[data-theme=tonebox] .top-nav{background:#1b1e27;border:0;padding:4px}html[data-theme=tonebox] .top-nav a{padding:8px 14px;font-size:14px}html[data-theme=tonebox] .top-nav a .icon{display:none}html[data-theme=tonebox] .top-nav a.active{background:#11141a;box-shadow:none}
html[data-theme=tonebox] .avatar{background:linear-gradient(135deg,#7c8bff,#4abbbf);color:white}html[data-theme=tonebox] .account-nav{gap:10px}html[data-theme=tonebox] .profile>span:last-child{display:none}
html[data-theme=tonebox] .converter-top{grid-column:1/-1;text-align:center;justify-content:center;padding:14px 0 0;margin:0;border:0}
.tonebox-kicker{display:none}html[data-theme=tonebox] .standard-hero-kicker{display:none}html[data-theme=tonebox] .tonebox-kicker{display:block;font-size:11px;letter-spacing:2px}
html[data-theme=tonebox] .tonebox-hero-title{display:block;margin:16px 0;font-size:clamp(34px,4.4vw,58px);font-weight:850;line-height:1.04;letter-spacing:-2.2px}
html[data-theme=tonebox] .tonebox-hero-title span{display:block}html[data-theme=tonebox] .tonebox-hero-title span:last-child{background:linear-gradient(110deg,#fb9148,#f35576);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme=tonebox] .converter-top p{font-size:14px;color:var(--muted);margin:0}
html[data-theme=tonebox] .converter-hero{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:10px}
html[data-theme=tonebox] .tonebox-processing,html[data-theme=tonebox] [data-page=converter] .recent-section{padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--panel);margin:0;min-width:0}
html[data-theme=tonebox] .tonebox-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
html[data-theme=tonebox] .tonebox-section-heading h2,html[data-theme=tonebox] .section-heading h2{font-size:14px}
html[data-theme=tonebox] .tonebox-section-heading>span{color:var(--muted);font-size:11px}
html[data-theme=tonebox] #active-conversions{margin:0}
html[data-theme=tonebox] .processing-card{background:transparent;border:0;padding:0;grid-template-columns:180px minmax(0,1fr);gap:18px;margin-bottom:18px}
html[data-theme=tonebox] .processing-card .thumbnail{width:180px;height:112px;border-radius:12px}html[data-theme=tonebox] .processing-info h2{font-size:17px}
html[data-theme=tonebox] .processing-info p{font-size:12px}html[data-theme=tonebox] .progress-bar span{background:linear-gradient(100deg,#fb9148,#f35576)}
html[data-theme=tonebox] .tonebox-wave{display:flex;gap:3px;align-items:center;height:30px;margin-top:12px;overflow:hidden}
html[data-theme=tonebox] .tonebox-wave i{height:var(--bar-height);width:5px;min-width:4px;border-radius:2px;background:linear-gradient(#fb9148,#f35576);transform-origin:center}
html[data-theme=tonebox][data-animations=on] .tonebox-wave i{animation:tonebox-pulse 1.2s ease-in-out var(--bar-delay) infinite alternate}
@keyframes tonebox-pulse{from{transform:scaleY(.5);opacity:.55}to{transform:scaleY(1);opacity:1}}
html[data-theme=tonebox] .tonebox-idle{display:block;padding:30px 5px;margin:0;font-size:13px}
html[data-theme=tonebox] [data-page=converter] .recent-section .table-wrap{border:0;overflow-x:auto}
html[data-theme=tonebox] .admin-layout{background:transparent;border:0;gap:16px;overflow:visible;grid-template-columns:220px minmax(0,1fr)}
html[data-theme=tonebox] .sidebar{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px 15px}
html[data-theme=tonebox] .sidebar h2{font-family:monospace;font-size:11px;letter-spacing:2px;color:var(--muted)}
html[data-theme=tonebox] .sidebar nav a{font-size:14px;padding:12px 10px}html[data-theme=tonebox] .sidebar nav a.active{background:#1d2028;border-color:transparent}
html[data-theme=tonebox] .admin-main{padding:0}.page-heading{min-width:0}
html[data-theme=tonebox] .page-heading h1{font-size:27px}html[data-theme=tonebox] .page-heading p{font-size:12px}
html[data-theme=tonebox] .stat-card,html[data-theme=tonebox] .inner-panel{background:var(--panel);border-color:var(--border);box-shadow:none}
html[data-theme=tonebox] .stat-card{padding:17px 15px;display:block}html[data-theme=tonebox] .stat-label{font-family:monospace;font-size:11px;letter-spacing:1.5px}
html[data-theme=tonebox] .stat-card strong{font-size:29px;margin:6px 0;letter-spacing:-1px}html[data-theme=tonebox] .stat-card small{font-family:monospace;font-size:11px}
html[data-theme=tonebox] .activity-table th{font-family:monospace;font-size:11px;letter-spacing:1px}html[data-theme=tonebox] .inner-panel h2{font-size:15px}
@media(max-width:1050px){html[data-theme=tonebox] .processing-card{grid-template-columns:110px minmax(0,1fr);gap:12px}html[data-theme=tonebox] .processing-card .thumbnail{width:110px;height:90px}}
@media(max-width:900px){html[data-theme=tonebox] .admin-layout{grid-template-columns:minmax(0,1fr)}html[data-theme=tonebox] .sidebar{min-width:0}html[data-theme=tonebox] .admin-main{padding:14px 0}html[data-theme=tonebox] .header{flex-wrap:wrap}html[data-theme=tonebox] .converter-top{padding-top:14px}html[data-theme=tonebox] .converter-top h1{font-size:46px}}
@media(max-width:560px){html[data-theme=tonebox] .app-shell{padding:12px 12px 0}html[data-theme=tonebox] .header{padding:12px;gap:12px}html[data-theme=tonebox] .top-nav{order:3;width:100%;justify-content:center}html[data-theme=tonebox] .converter-top h1{font-size:38px;letter-spacing:-1.4px}html[data-theme=tonebox] .converter-top p{font-size:13px}html[data-theme=tonebox] .processing-card{grid-template-columns:85px minmax(0,1fr)}html[data-theme=tonebox] .processing-card .thumbnail{width:85px;height:85px}html[data-theme=tonebox] .processing-info h2{font-size:14px}html[data-theme=tonebox] .processing-info p{font-size:11px}html[data-theme=tonebox] .tonebox-processing,html[data-theme=tonebox] [data-page=converter] .recent-section{padding:14px}html[data-theme=tonebox] .stats-grid{gap:10px}html[data-theme=tonebox] .stat-card strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){html[data-theme=tonebox] .tonebox-wave i{animation:none!important}}

html[data-theme=tonebox] .button.primary{background:linear-gradient(110deg,#fb9148,#f35576);border-color:transparent;color:white}
html[data-theme=tonebox] .settings-panel .setting-row{grid-template-columns:minmax(0,1fr) 96px;gap:12px;padding:14px 0}
html[data-theme=tonebox] .settings-panel .setting-row>.setting-icon{display:none}
html[data-theme=tonebox] .settings-panel .setting-row small{font-size:11px;line-height:1.5}
html[data-theme=tonebox] .settings-panel .setting-row>select,html[data-theme=tonebox] .settings-panel .setting-row>input[type=number]{width:96px;grid-column:2;min-height:34px;padding:7px 9px;font-size:13px}

html[data-theme=tonebox] .settings-panel .settings-form{margin-top:14px}
html[data-theme=tonebox] .settings-panel .setting-row{margin-bottom:0;padding:13px 0}
html[data-theme=tonebox] .settings-panel .settings-form>.button{margin-top:16px}
html[data-theme=tonebox] .activity-table{min-width:0}
html[data-theme=tonebox] .activity-table td,html[data-theme=tonebox] .activity-table th{padding:10px 7px;font-size:12px}

/* Tonebox retains the full converter, guide, table and status information. */
html[data-theme=tonebox] .workspace{background:transparent;border:0;padding:24px 0}
html[data-theme=tonebox] .converter-grid{margin-top:28px;gap:20px}
html[data-theme=tonebox] .converter-hero,html[data-theme=tonebox] .quick-guide{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px}
html[data-theme=tonebox] .converter-top .hero-format-pills{display:flex}
html[data-theme=tonebox] .tonebox-processing{margin:24px 0;min-height:0}
html[data-theme=tonebox] .recent-section{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px}
html[data-theme=tonebox] .tonebox-file-meta{display:none}
.download-ready-dialog{width:min(520px,calc(100vw - 28px))}.download-ready-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:var(--green);background:var(--panel-high);margin-bottom:18px}.download-ready-icon .icon{width:30px;height:30px}.download-ready-dialog h2{font-size:24px}.ready-file-title{font-size:15px;font-weight:650;overflow-wrap:anywhere;margin:18px 0 5px}.ready-file-details{color:var(--muted);font-size:13px;margin-bottom:18px}.ready-link-label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.ready-link-input{font-size:12px!important;min-width:0;width:100%;padding:11px}.ready-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ready-actions .button{flex:1;justify-content:center}.ready-copy-feedback{min-height:20px;color:var(--green);font-size:12px;margin:10px 0 0}
@media(max-width:760px){html[data-theme=tonebox] .converter-top{display:block}html[data-theme=tonebox] .converter-top .hero-format-pills{justify-content:center;margin-top:18px}html[data-theme=tonebox] .converter-hero,html[data-theme=tonebox] .quick-guide{padding:18px}html[data-theme=tonebox] .recent-section{padding:14px}.ready-actions{flex-direction:column}}

html[data-theme=tonebox] .standard-hero-title{display:none}

/* Profile images and wider activity panel */
.avatar{position:relative;overflow:hidden}.avatar-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.avatar.avatar-large{width:88px;height:88px;border-radius:22px;font-size:28px}.avatar-panel{margin-bottom:22px}.avatar-panel-heading{display:flex;align-items:center;gap:20px;margin-bottom:20px}.avatar-panel-heading p{margin:7px 0 0}.avatar-upload{display:flex;gap:16px;align-items:flex-end}.avatar-upload>label{flex:1;font-size:13px}.avatar-upload input{display:block;margin-top:9px;font-size:13px}.avatar-remove{margin-top:12px}.avatar-upload>.button{min-height:44px}
html .app-shell,html[data-theme=tonebox] .app-shell{max-width:1720px;padding-left:24px;padding-right:24px}
html .admin-panels{grid-template-columns:minmax(0,1.9fr) minmax(310px,1fr);align-items:start}
html .activity-table,html[data-theme=tonebox] .activity-table{width:100%;min-width:0;table-layout:fixed}
html .activity-table th:nth-child(1){width:36%}html .activity-table th:nth-child(2){width:18%}html .activity-table th:nth-child(3){width:16%}html .activity-table th:nth-child(4){width:10%}html .activity-table th:nth-child(5){width:20%}
html .activity-table td{white-space:normal;overflow-wrap:anywhere}
html .activity-title{min-width:0;align-items:flex-start}html .activity-title span{max-width:none;white-space:normal;overflow:visible;overflow-wrap:anywhere}html .activity-title img{flex:0 0 44px;width:44px}
@media(max-width:1400px){html .admin-panels{grid-template-columns:minmax(0,1fr)}html .settings-panel{max-width:none}}
@media(max-width:760px){html .app-shell,html[data-theme=tonebox] .app-shell{padding-left:12px;padding-right:12px}.avatar-panel-heading{gap:14px}.avatar.avatar-large{width:72px;height:72px;border-radius:18px}.avatar-upload{flex-direction:column;align-items:stretch}.avatar-upload>.button{width:100%}html .activity-table,html[data-theme=tonebox] .activity-table{min-width:620px}}
/* Admin controls: compact desktop cards, readable mobile forms. */
html .admin-panels{grid-template-columns:minmax(0,1fr)}
.admin-main,.inner-panel,.control-panel,.control-form,.control-form fieldset{min-width:0}
.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.health-grid>div{display:grid;gap:6px;padding:14px;border:1px solid var(--border);border-radius:12px}.health-grid span,.campaign-state small{color:var(--muted);font-size:12px}.system-health{margin-bottom:20px}.quick-admin-actions{display:flex;flex-wrap:wrap;gap:10px}
.control-panel{margin-top:22px}.control-form{display:grid;gap:20px;margin-top:18px}.control-form fieldset,.account-controls{border:1px solid var(--border);border-radius:14px;padding:18px;margin:0}.control-form legend,.account-controls legend{padding:0 8px;font-weight:700;font-size:14px}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.control-grid>label,.control-form fieldset>label:not(.control-switch):not(.admin-checkbox),.account-controls>label:not(.admin-checkbox){display:grid;gap:8px;min-width:0;font-size:13px}.control-form input[type=number],.control-form select,.control-form textarea,.account-controls input,.account-controls select,.account-controls textarea{width:100%;max-width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;min-width:0}.control-form textarea,.account-controls textarea{resize:vertical}.control-form small,.account-controls small{color:var(--muted);font-size:12px;line-height:1.6}.control-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.control-switch>span:first-child{display:grid;gap:6px;min-width:0}.control-switch .toggle-control{flex:0 0 48px;width:48px;height:28px;position:relative;display:block}.control-switch .toggle-track{position:absolute;inset:0}.control-switch input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;z-index:1;cursor:pointer}.control-switch input:focus-visible+.toggle-track{outline:2px solid var(--red);outline-offset:3px}.campaign-state{display:grid;gap:7px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;margin:12px 0}.campaign-state.is-open strong{color:var(--green)}.limit-group+.limit-group{border-top:1px solid var(--border);padding-top:14px}.limit-group h3{font-size:14px;margin:14px 0 0}.member-status{display:block;margin-top:6px;white-space:normal;color:var(--muted);font-size:12px}.usage-strip{padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);font-size:13px;margin-bottom:18px}.audit-details{max-width:260px;overflow-wrap:anywhere;white-space:normal}.status.cancelled{color:var(--amber)}
/* Settings always use explicit tracks; toggle labels cannot inherit narrow text columns. */
html .setting-row,html[data-theme=tonebox] .setting-row{display:grid;grid-template-columns:32px minmax(0,1fr) 116px;gap:14px;align-items:center}
html .setting-row>div{min-width:0}html .setting-row small{display:block;white-space:normal;overflow-wrap:break-word;line-height:1.6}html .setting-row>.setting-icon{display:flex}html .setting-row>select,html .setting-row>input[type=number]{grid-column:3;width:116px;max-width:100%}
@media(max-width:900px){.overview-grid{grid-template-columns:minmax(0,1fr)}.health-grid{grid-template-columns:minmax(0,1fr)}.control-grid{grid-template-columns:minmax(0,1fr)}.control-form fieldset,.account-controls{padding:14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-form input,.control-form select,.control-form textarea,.account-controls input,.account-controls select,.account-controls textarea{font-size:16px}.control-switch{gap:14px}.control-switch>span:first-child{flex:1}.inner-panel h2{overflow-wrap:break-word}}
@media(max-width:600px){html .setting-row,html[data-theme=tonebox] .setting-row{grid-template-columns:minmax(0,1fr);gap:10px}html .setting-row>.setting-icon{display:none}html .setting-row>select,html .setting-row>input[type=number]{grid-column:1;width:100%;font-size:16px}.stats-grid{gap:10px}.stat-card{padding:14px}.control-form>.button{width:100%;white-space:normal}.admin-main .page-heading{flex-wrap:wrap}.admin-main .page-heading h1{font-size:24px}.control-switch strong{font-size:13px}.control-switch small{font-size:12px}.control-switch .toggle-control{flex-shrink:0}.health-grid strong{overflow-wrap:anywhere}.account-controls .admin-checkbox{align-items:flex-start}.account-controls input[type=checkbox]{width:20px;min-width:20px}.admin-panels .table-wrap{max-width:100%}}
html .setting-row>.toggle-control{grid-column:3;justify-self:end;width:43px;height:25px}
.control-switch .toggle-track{width:48px;height:28px}.control-switch .toggle-track:after{width:20px;height:20px}.control-switch input:checked+.toggle-track:after{transform:translateX(20px)}
@media(max-width:600px){html .setting-row>.toggle-control{grid-column:1;justify-self:start;width:43px;height:25px}}
@media(max-width:600px){html .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}html .sidebar nav>a{min-width:0;white-space:normal;text-align:center;justify-content:center;display:flex;flex-direction:column;gap:5px;padding:10px 6px;font-size:12px}html .sidebar{min-width:0}}

.admin-link-panel{margin-bottom:20px}.admin-link-controls{display:flex;gap:12px;align-items:center;margin-top:14px}.admin-link-controls input{flex:1;min-width:0;width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--panel);font:inherit}.admin-link-controls .button{flex-shrink:0}@media(max-width:600px){.admin-link-controls{flex-direction:column;align-items:stretch}.admin-link-controls input{font-size:16px}.admin-link-controls .button{width:100%}}

.top-nav .admin-open-form{display:flex;margin:0;min-width:0}.top-nav .admin-open-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;padding:9px 15px;border-radius:9px;white-space:nowrap}.top-nav .admin-open-button:hover{color:var(--text);background:var(--panel-high)}.top-nav .admin-open-button.active{color:var(--text);background:var(--panel-high)}html[data-theme=tonebox] .top-nav .admin-open-button.active{background:var(--bg);box-shadow:0 1px 5px rgba(0,0,0,.15)}.admin-open-button:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media(max-width:600px){.top-nav .admin-open-form{flex:1}.top-nav .admin-open-button{width:100%;padding:8px 9px;font-size:12px}.top-nav .admin-open-button .icon{display:none}}
/* Clear admin hierarchy with independent settings pages. */
html .sidebar .organized-admin-nav{display:flex;flex-direction:column;gap:22px;overflow:visible}
.admin-nav-group{display:grid;gap:5px}.admin-nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);padding:0 12px 5px}.admin-nav-group>a{display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.4}.admin-nav-group>a.active{color:var(--text);background:var(--panel-high)}.admin-nav-group>a .icon{flex-shrink:0}.admin-mobile-navigation{display:none}.admin-main .page-heading{margin-bottom:24px}.focused-settings{max-width:900px}.focused-settings .control-form{margin:0;gap:18px}.focused-settings fieldset{border:0;padding:0;min-width:0}.focused-settings legend{font-size:17px;padding:0;margin-bottom:18px}.focused-settings .control-grid{gap:18px}.focused-settings .limit-group{border:1px solid var(--border);border-radius:12px;padding:16px;margin:16px 0;background:var(--panel)}.focused-settings .limit-group h3{margin:0;font-size:15px}.form-footer{border-top:1px solid var(--border);padding-top:18px;display:flex;justify-content:flex-end}.admin-main .inner-panel{padding:24px}.admin-main .inner-panel h2{font-size:17px;margin:0 0 16px}.admin-main .inner-panel>.muted{margin:8px 0 18px}.admin-main .stats-grid{margin-bottom:22px}.admin-main .overview-grid{margin:0 0 22px;gap:22px}.admin-main .system-health{margin-bottom:22px}.admin-main .health-grid{margin-bottom:14px}.admin-main .admin-panels{margin-top:0}.admin-main .settings-form{margin-top:0}.admin-main .setting-row{padding:18px 0}.admin-main .members-summary{margin:20px 0}.admin-main .user-edit-form{gap:16px}.admin-main .account-controls{padding:20px}.admin-main .cookie-panel,.admin-main .security-grid{margin-top:22px}
.registration-banner{display:grid;gap:10px;border:1px solid var(--border);border-radius:14px;padding:16px;margin:22px 0;background:var(--panel);min-width:0}.registration-banner.is-open{border-color:var(--green);background:color-mix(in srgb,var(--green) 6%,var(--panel))}.registration-banner-heading{display:flex;align-items:center;gap:8px;font-size:13px}.registration-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--muted)}.is-open .registration-dot{background:var(--green)}.registration-time{display:grid;gap:3px}.registration-time>span{font-size:11px;color:var(--muted)}.registration-time>strong{font-size:27px;letter-spacing:.3px;font-variant-numeric:tabular-nums;line-height:1.25}.registration-banner p{margin:0;font-size:12px}.registration-banner small{color:var(--muted);font-size:11px;line-height:1.5}.registration-banner [hidden],.auth-switch[hidden]{display:none!important}
@media(max-width:900px){html .sidebar .organized-admin-nav{display:none}.admin-mobile-navigation{display:grid;gap:8px;color:var(--muted);font-size:12px}.admin-mobile-navigation select{width:100%;min-width:0;border:1px solid var(--border);border-radius:10px;padding:11px 12px;background:var(--panel);color:var(--text);font-size:16px}html .sidebar{display:block;padding:16px;margin-bottom:18px}html .sidebar>h2{margin:0 0 12px;font-size:14px}.sidebar-foot{display:none!important}.admin-main .inner-panel{padding:18px}.admin-main .page-heading h1{font-size:25px}.admin-main .page-heading{margin-bottom:20px}.form-footer .button{width:100%}.admin-main .overview-grid{gap:16px}.registration-time>strong{font-size:25px}}
.control-grid>label{align-content:start}
/* Compact proportions across all themes; dedicated admin pages keep their structure. */
html .app-shell,html[data-theme=tonebox] .app-shell{max-width:1160px;padding:18px 24px 0}
html[data-theme=tonebox] .workspace{padding:20px 0;min-height:0}
html[data-theme=tonebox] .converter-top{padding:4px 0 0}
html[data-theme=tonebox] .converter-top h1,html[data-theme=tonebox] .tonebox-hero-title{font-size:38px;line-height:1.12;letter-spacing:-1px;margin:10px 0}
html[data-theme=tonebox] .converter-top .eyebrow{font-size:11px;letter-spacing:1.7px}
html[data-theme=tonebox] .converter-top p{font-size:13px}
html[data-theme=tonebox] .converter-top .hero-format-pills{margin-top:12px}
html[data-theme=tonebox] .converter-grid{margin-top:20px;margin-bottom:18px;gap:18px}
html[data-theme=tonebox] .converter-hero,html[data-theme=tonebox] .quick-guide{padding:22px}
html .admin-layout{grid-template-columns:200px minmax(0,1fr)}
.registration-banner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;padding:10px 12px;border-radius:10px;margin:12px 0 0;border-color:var(--border)}
.registration-banner.is-open{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:color-mix(in srgb,var(--green) 3%,var(--panel))}
.registration-banner-heading{font-size:11px;line-height:1.4;gap:6px}.registration-dot{width:5px;height:5px}.registration-time{text-align:right;gap:1px}.registration-time>span{font-size:10px}.registration-time>strong{font-size:17px;letter-spacing:0;line-height:1.2}.registration-banner p{font-size:11px;grid-column:1/-1}.registration-banner small{font-size:10px;grid-column:1/-1;line-height:1.4}.login-card .auth-switch{margin-top:16px}.registration-banner.is-closed .registration-banner-heading{grid-column:1/-1}
.admin-main .campaign-state{font-size:12px;padding:12px;margin:2px 0 18px}.admin-main .campaign-state>strong{font-size:13px}
[data-admin-limit-fields]:disabled{opacity:.55}.user-edit-form [data-admin-exemption-note]{font-size:12px;margin:6px 0}
@media(max-width:1100px){html .admin-layout{grid-template-columns:180px minmax(0,1fr)}html .app-shell,html[data-theme=tonebox] .app-shell{padding-left:18px;padding-right:18px}}
@media(max-width:900px){html .admin-layout{grid-template-columns:minmax(0,1fr)}html .app-shell,html[data-theme=tonebox] .app-shell{max-width:760px;padding:12px 14px 0}html[data-theme=tonebox] .converter-top h1{font-size:32px}}
@media(max-width:600px){html .app-shell,html[data-theme=tonebox] .app-shell{padding:10px 12px 0}html[data-theme=tonebox] .converter-top h1{font-size:28px;letter-spacing:-.6px}html[data-theme=tonebox] .converter-hero,html[data-theme=tonebox] .quick-guide{padding:18px}.registration-time>strong{font-size:16px}.registration-banner{padding:9px 10px;gap:4px 8px}}
.registration-banner small{display:none}.registration-time>strong{white-space:nowrap}
.compact-announcement{margin:12px 0 0;padding:8px 12px;font-size:12px;border:1px solid var(--border);border-radius:9px;background:var(--panel)}
html[data-theme=tonebox] .quick-guide{padding:20px}html[data-theme=tonebox] .quick-guide>.eyebrow{font-size:10px;letter-spacing:1.2px}html[data-theme=tonebox] .quick-guide h2{font-size:22px;line-height:1.2;margin:10px 0 14px}html[data-theme=tonebox] .quick-guide ol{gap:12px;margin-bottom:14px}html[data-theme=tonebox] .quick-guide li strong{font-size:12px}html[data-theme=tonebox] .quick-guide li small{font-size:11px;line-height:1.4}html[data-theme=tonebox] .guide-foot{font-size:11px;padding-top:12px}