@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2fe1ab3d-module__-T-KAq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2fe1ab3d-module__-T-KAq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_333574c6-module__a01f3W__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_333574c6-module__a01f3W__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/3fd1b3eda9c5392f-s.p.28efgb-r-zxeb.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/0bcb14a778645c1f-s.2b-te65jr20ze.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/cacc9745706895a8-s.0rnkw_r7blil4.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/6ae070eaf7847c89-s.2nm9jjiohqph7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/14a9d8930cac1a04-s.0uri4t8jwwgpt.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Arabic Fallback;src:local(Arial);ascent-override:113.22%;descent-override:60.81%;line-gap-override:0.0%;size-adjust:121.35%}.noto_sans_arabic_25ae9ff8-module__7p-_dG__className{font-family:Noto Sans Arabic,Noto Sans Arabic Fallback;font-style:normal}.noto_sans_arabic_25ae9ff8-module__7p-_dG__variable{--font-arabic:"Noto Sans Arabic", "Noto Sans Arabic Fallback"}
:root{--color-primary-50:#f0f0ff;--color-primary-100:#dedcfe;--color-primary-200:#bebbfb;--color-primary-300:#8e89f5;--color-primary-400:#655eed;--color-primary-500:#4c44e4;--color-primary-600:#281fd6;--color-primary-700:#1f18aa;--color-primary-800:#140e81;--color-primary-900:#0b0755;--color-primary-rgb:99, 102, 241;--color-accent-400:#a855f7;--color-accent-500:#9229f5;--color-accent-600:#760adb;--color-success-400:#3bce89;--color-success-500:#2bab6f;--color-success-600:#238b5a;--color-danger-400:#e45858;--color-danger-500:#dc2828;--color-danger-600:#b81e1e;--color-gray-50:#f6f7f9;--color-gray-100:#edeff2;--color-gray-200:#dddfe4;--color-gray-300:#bcc0c8;--color-gray-400:#9196a1;--color-gray-500:#737882;--color-gray-600:#545963;--color-gray-700:#3c4049;--color-gray-800:#282c33;--color-gray-900:#1a1d23;--color-gray-950:#0c0e12;--bg-primary:var(--color-gray-50);--bg-secondary:#f2f2f8;--bg-card:#ffffffd9;--bg-card-solid:#fff;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-muted:var(--color-gray-400);--border-color:var(--color-gray-200);--border-color-hover:var(--color-primary-300);--gradient-primary:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));--gradient-hero:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500), var(--color-primary-300));--gradient-bg:linear-gradient(160deg, var(--color-gray-50) 0%, var(--bg-secondary) 50%, var(--color-gray-50) 100%);--gradient-drop:linear-gradient(180deg, var(--color-primary-50) 0%, #ffffffb3 50%, var(--color-primary-50) 100%);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 10px 30px #00000014;--shadow-xl:0 20px 50px #0000001a;--shadow-glow:0 0 30px rgba(var(--color-primary-rgb), .15);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-body:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:var(--font-outfit), "Inter", sans-serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400}[data-theme=dark]{--color-primary-50:#eff0f6;--color-primary-100:#dfe2ec;--color-primary-200:#c1c6d7;--color-primary-300:#9da4be;--color-primary-400:#707ba4;--color-primary-500:#55628b;--color-primary-600:#424e76;--color-primary-700:#323d62;--color-primary-800:#242e4c;--color-primary-900:#192039;--color-primary-rgb:84, 98, 133;--color-accent-400:#a96af0;--color-accent-500:#9448ea;--color-accent-600:#7920df;--bg-secondary:#eceef3;--gradient-drop:linear-gradient(180deg, var(--color-primary-50) 0%, #ffffffbf 50%, var(--color-primary-50) 100%)}[data-theme=ocean]{--color-primary-50:#f0fcff;--color-primary-100:#dbf8ff;--color-primary-200:#b9f1fd;--color-primary-300:#77e0f8;--color-primary-400:#2ccdf2;--color-primary-500:#09aace;--color-primary-600:#0488a9;--color-primary-700:#036a87;--color-primary-800:#045067;--color-primary-900:#053a4d;--color-primary-rgb:8, 145, 178;--color-accent-400:#2aedf4;--color-accent-500:#06d0db;--color-accent-600:#03a0ab;--bg-secondary:#ebf7fa;--gradient-drop:linear-gradient(180deg, var(--color-primary-50) 0%, #ffffffc2 50%, var(--color-primary-50) 100%)}[data-theme=forest]{--color-primary-50:#edfdf2;--color-primary-100:#d8f9e2;--color-primary-200:#afeec4;--color-primary-300:#7be09e;--color-primary-400:#34d56f;--color-primary-500:#1eb857;--color-primary-600:#159945;--color-primary-700:#0f7b38;--color-primary-800:#0d5e2e;--color-primary-900:#0b4624;--color-primary-rgb:30, 159, 79;--color-accent-400:#84e13d;--color-accent-500:#6fd317;--color-accent-600:#5ca90f;--bg-secondary:#edf8f0;--gradient-drop:linear-gradient(180deg, var(--color-primary-50) 0%, #ffffffc7 50%, var(--color-primary-50) 100%)}[data-theme=sunset]{--color-primary-50:#fff4eb;--color-primary-100:#ffe7d1;--color-primary-200:#ffcfa8;--color-primary-300:#ffac75;--color-primary-400:#fd823f;--color-primary-500:#f97015;--color-primary-600:#d74e09;--color-primary-700:#a8370b;--color-primary-800:#7e260c;--color-primary-900:#5a1c0c;--color-primary-rgb:249, 115, 22;--color-accent-400:#f65a99;--color-accent-500:#ef2e7c;--color-accent-600:#d11560;--bg-secondary:#fef1e6;--gradient-drop:linear-gradient(180deg, var(--color-primary-50) 0%, #ffffffc7 50%, var(--color-primary-50) 100%)}[data-mode=dark]{--bg-primary:var(--color-gray-950);--bg-secondary:var(--color-gray-900);--bg-card:#121621bf;--bg-card-solid:var(--color-gray-900);--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-400);--text-muted:var(--color-gray-500);--border-color:var(--color-gray-800);--border-color-hover:var(--color-primary-500);--gradient-bg:linear-gradient(160deg, var(--color-gray-950) 0%, var(--color-gray-900) 50%, var(--color-gray-950) 100%);--gradient-drop:linear-gradient(180deg, rgba(var(--color-primary-rgb), .05) 0%, #12162199 50%, rgba(var(--color-primary-rgb), .05) 100%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 30px #00000080;--shadow-xl:0 20px 50px #00000080;--shadow-glow:0 0 40px rgba(var(--color-primary-rgb), .25)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body{font-family:var(--font-body);background:var(--gradient-bg);color:var(--text-primary);min-height:100%;transition:background var(--transition-slow), color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;flex-direction:column;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25}a{color:var(--color-primary-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-300)}.container{width:100%;max-width:44rem;padding:0 var(--space-lg);margin:0 auto}main{width:100%;padding-top:var(--space-2xl);padding-bottom:var(--space-3xl);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;display:flex}.main-shell{justify-content:center;align-items:flex-start;gap:var(--space-xl);width:min(100%,88rem);margin:0 auto;display:flex}.main-column{flex:1;min-width:0}.top-controls{top:var(--space-lg);right:var(--space-lg);z-index:var(--z-sticky);align-items:center;gap:var(--space-sm);display:flex;position:fixed}[dir=rtl] .top-controls{right:auto;left:var(--space-lg)}.theme-toggle{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);cursor:pointer;width:2.75rem;height:2.75rem;color:var(--text-primary);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.theme-toggle:hover{box-shadow:var(--shadow-lg);border-color:var(--border-color-hover);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.hero-header{text-align:center;margin-bottom:var(--space-xl);width:100%}.hero-title{margin-bottom:var(--space-sm);letter-spacing:-.03em;font-size:clamp(2rem,6vw,3rem);font-weight:800}.hero-title-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:32rem;margin:0 auto;font-size:clamp(.9rem,2.5vw,1.05rem);line-height:1.6}.hero-subtitle .highlight{color:var(--color-primary-500);font-weight:600}[data-mode=dark] .hero-subtitle .highlight{color:var(--color-primary-300)}.badge{align-items:center;gap:var(--space-xs);margin-top:var(--space-md);padding:var(--space-xs) var(--space-md);background:rgba(var(--color-primary-rgb), .1);border:1px solid rgba(var(--color-primary-rgb), .2);color:var(--color-primary-500);border-radius:var(--radius-full);letter-spacing:.01em;font-size:.8rem;font-weight:600;display:inline-flex}[data-mode=dark] .badge{color:var(--color-primary-300);background:rgba(var(--color-primary-rgb), .15)}.ad-banner{width:100%;margin:var(--space-lg) 0}.ad-banner--top{margin-top:0}.ad-banner--bottom{margin-bottom:0}.ad-banner--side{width:clamp(9rem,15vw,11rem);margin-top:var(--space-2xl);position:sticky;top:6rem}.ad-banner-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.72rem;font-weight:700}.ad-banner-frame{border-radius:var(--radius-xl);border:1px dashed var(--color-primary-300);background:linear-gradient(130deg, rgba(var(--color-primary-rgb), .14), #ffffffbf);width:100%;min-height:clamp(4.5rem,13vw,6.5rem);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);display:flex}[data-mode=dark] .ad-banner-frame{border-color:var(--color-primary-500);background:linear-gradient(130deg, rgba(var(--color-primary-rgb), .2), #121621d9)}.ad-banner-copy{flex-direction:column;gap:.15rem;min-width:0;display:flex}.ad-banner-title{color:var(--color-primary-700);font-size:1rem;font-weight:700}[data-mode=dark] .ad-banner-title{color:var(--color-primary-200)}.ad-banner-subtitle{color:var(--text-secondary);font-size:.82rem;line-height:1.35}.ad-banner-size{color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card-solid);flex-shrink:0;font-size:.75rem;font-weight:600}[data-mode=dark] .ad-banner-size{background:#0f172a99}.ad-banner-frame--side{justify-content:space-between;align-items:flex-start;gap:var(--space-md);min-height:clamp(16rem,40vh,24rem);padding:var(--space-lg) var(--space-md);flex-direction:column}.ad-banner-frame--side .ad-banner-title{font-size:.95rem;line-height:1.25}.ad-banner-frame--side .ad-banner-subtitle{font-size:.78rem}.ad-banner-frame--side .ad-banner-size{align-self:flex-start}.dropzone{border:2px dashed var(--color-primary-300);border-radius:var(--radius-2xl);background:var(--gradient-drop);-webkit-backdrop-filter:blur(8px);cursor:pointer;width:100%;min-height:12rem;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dropzone:hover,.dropzone.drag-over{border-color:var(--color-primary-500);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.dropzone.drag-over{background:rgba(var(--color-primary-rgb), .08)}.dropzone:before{content:"";background:linear-gradient(105deg, transparent 20%, rgba(var(--color-primary-rgb), .08) 40%, rgba(var(--color-primary-rgb), .15) 50%, rgba(var(--color-primary-rgb), .08) 60%, transparent 80%);pointer-events:none;transition:transform 1s;position:absolute;inset:0;transform:translate(-100%)}.dropzone:hover:before{transform:translate(100%)}.dropzone-content{padding:var(--space-xl);justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.dropzone-icon{width:3.5rem;height:3.5rem;padding:var(--space-md);border-radius:var(--radius-lg);background:rgba(var(--color-primary-rgb), .1);color:var(--color-primary-500);transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex}.dropzone:hover .dropzone-icon{transform:scale(1.1)}.dropzone-icon svg{width:2.25rem;height:2.25rem}.dropzone-text p:first-child{color:var(--color-primary-600);margin-bottom:var(--space-xs);font-size:1.05rem;font-weight:600}[data-mode=dark] .dropzone-text p:first-child{color:var(--color-primary-300)}.dropzone-text p:last-child{color:var(--text-muted);font-size:.85rem}.dropzone-formats{color:var(--text-muted);margin-top:var(--space-xs);font-size:.78rem}.preview-section{width:100%;margin-top:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.preview-card{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:28rem;box-shadow:var(--shadow-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);margin:0 auto;position:relative;overflow:hidden}.preview-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.preview-image-wrapper{aspect-ratio:16/10;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.preview-image-wrapper img{object-fit:contain;width:100%;height:100%;display:block}.preview-meta{padding:var(--space-md) var(--space-lg);background:var(--bg-card-solid);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.preview-details{flex-direction:column;gap:2px;min-width:0;display:flex}.preview-filename{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.preview-filesize{color:var(--text-muted);font-size:.78rem}.btn-delete{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-card);width:2.25rem;height:2.25rem;color:var(--color-danger-500);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.btn-delete:hover{background:var(--color-danger-500);color:#fff;border-color:var(--color-danger-500);transform:scale(1.08)}.presets-section{width:100%;margin-top:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.presets-label{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.9rem;font-weight:700}.presets-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:32rem){.presets-grid{grid-template-columns:repeat(3,1fr)}}.preset-card{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;text-align:center;transition:all var(--transition-fast);flex-direction:column;gap:2px;display:flex}.preset-card:hover{border-color:var(--color-primary-300);background:var(--bg-secondary);transform:translateY(-1px)}.preset-card.active{border-color:var(--color-primary-500);background:rgba(var(--color-primary-rgb), .08);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .15)}[data-mode=dark] .preset-card.active{background:rgba(var(--color-primary-rgb), .15)}.preset-name{color:var(--text-primary);font-size:.88rem;font-weight:600}.preset-desc{color:var(--text-muted);font-size:.72rem}.action-container{width:100%;margin-top:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.action-buttons{gap:var(--space-md);width:100%;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-xl);font-family:var(--font-body);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:none;outline:none;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none!important}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md), 0 4px 15px rgba(var(--color-primary-rgb), .25);flex:1}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg), 0 6px 20px rgba(var(--color-primary-rgb), .35)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.15rem;height:1.15rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.prompt-section{width:100%;margin-top:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.prompt-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);width:100%;box-shadow:var(--shadow-md);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;animation:.35s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.prompt-header{justify-content:space-between;align-items:center;display:flex}.prompt-title-wrapper{align-items:center;gap:var(--space-sm);display:flex}.prompt-icon{font-size:1.25rem}.prompt-title{color:var(--text-primary);font-size:1rem;font-weight:700}.btn-copy{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card-solid);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:.8rem;font-weight:600;display:inline-flex}.btn-copy:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-600)}[data-mode=dark] .btn-copy:hover{background:rgba(var(--color-primary-rgb), .15);border-color:var(--color-primary-500);color:var(--color-primary-200)}.prompt-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:15rem;font-family:inherit;font-size:.95rem;line-height:1.7;position:relative;overflow-y:auto}.prompt-box.streaming:after{content:"▊";color:var(--color-primary-500);animation:.7s step-end infinite blink;display:inline}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.prompt-box::-webkit-scrollbar{width:6px}.prompt-box::-webkit-scrollbar-track{background:0 0}.prompt-box::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.prompt-box::-webkit-scrollbar-thumb:hover{background:var(--color-primary-300)}.faq-section{width:100%;margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.faq-title{text-align:center;margin-bottom:var(--space-xl);letter-spacing:-.01em;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:800}.faq-list{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.faq-item{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.faq-item:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.faq-question{width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-heading);text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;display:flex}.faq-answer{max-height:0;padding:0 var(--space-lg);color:var(--text-secondary);font-size:.88rem;line-height:1.6;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:15rem;padding-bottom:var(--space-md)}.faq-icon{color:var(--text-muted);font-size:.75rem;transition:transform .25s}.faq-item.active .faq-icon{transform:rotate(180deg)}footer{width:100%;padding:var(--space-xl) 0;border-top:1px solid var(--border-color);text-align:center;background:var(--bg-card);color:var(--text-secondary);align-items:center;gap:var(--space-xs);flex-direction:column;font-size:.82rem;display:flex}.footer-links{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary-500)}@media (max-width:1200px){.main-shell{width:100%;display:block}.ad-banner--side{display:none}}@media (max-width:640px){.ad-banner-frame{padding:var(--space-md);justify-content:center;align-items:flex-start;gap:var(--space-sm);flex-direction:column}.ad-banner-title{font-size:.95rem}.ad-banner-size{align-self:flex-start}}@media (max-width:480px){:root{--space-lg:1rem;--space-xl:1.25rem;--space-2xl:2rem;--space-3xl:2.5rem}main{padding-top:var(--space-xl)}.top-controls{top:var(--space-sm);right:var(--space-sm)}[dir=rtl] .top-controls{right:auto;left:var(--space-sm)}.theme-toggle{width:2.5rem;height:2.5rem}.dropzone{min-height:10rem}.dropzone-content{padding:var(--space-md)}.action-buttons{gap:var(--space-sm);flex-direction:column}.btn{width:100%}.presets-grid{grid-template-columns:repeat(2,1fr)}}.lang-switcher{position:relative}.lang-switcher-btn{align-items:center;gap:var(--space-xs);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);cursor:pointer;color:var(--text-primary);font-size:.82rem;font-weight:600;font-family:var(--font-body);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;padding:.5rem .75rem;display:flex}.lang-switcher-btn:hover{box-shadow:var(--shadow-lg);border-color:var(--border-color-hover);transform:scale(1.05)}.lang-switcher-btn:active{transform:scale(.95)}.lang-flag{font-size:1.05rem;line-height:1}.lang-code{letter-spacing:.04em}.lang-chevron{color:var(--text-muted);transition:transform var(--transition-fast);align-items:center;display:flex}.lang-switcher-btn[aria-expanded=true] .lang-chevron{transform:rotate(180deg)}.lang-dropdown{min-width:10rem;padding:var(--space-xs);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card-solid);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);list-style:none;animation:.18s ease-out langDropIn;position:absolute;top:calc(100% + .5rem);right:0}[dir=rtl] .lang-dropdown{left:0;right:auto}@keyframes langDropIn{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-option{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;width:100%;font-family:var(--font-body);color:var(--text-primary);transition:background var(--transition-fast);background:0 0;border:none;padding:.55rem .75rem;font-size:.88rem;font-weight:500;display:flex}.lang-option:hover{background:var(--bg-secondary)}.lang-option.active{background:rgba(var(--color-primary-rgb), .08);color:var(--color-primary-600);font-weight:600}[data-mode=dark] .lang-option.active{background:rgba(var(--color-primary-rgb), .15);color:var(--color-primary-300)}.lang-option-label{text-align:start;flex:1}.lang-check{color:var(--color-primary-500);align-items:center;display:flex}.prompt-lang-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.prompt-lang-card{align-items:center!important;gap:var(--space-sm)!important;flex-direction:row!important}.prompt-lang-flag{font-size:1.3rem;line-height:1}[dir=rtl] body{font-family:var(--font-arabic), var(--font-body)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic), var(--font-heading)}[dir=rtl] .faq-question{text-align:right}[dir=rtl] .preview-meta,[dir=rtl] .prompt-header,[dir=rtl] .prompt-title-wrapper,[dir=rtl] .footer-links,[dir=rtl] .action-buttons{flex-direction:row-reverse}@media (max-width:480px){[dir=rtl] .action-buttons{flex-direction:column-reverse}}