@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;900&family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Cinzel:wght@400;600&display=swap";
:root{--bg:#09090b;--bg2:#121215;--bg3:#18181b;--bg4:#27272a;--surface:#09090b;--surface2:#18181b;--surface3:#27272a;--border:#222226;--border2:#3f3f46;--border3:#52525b;--text:#f4f4f5;--text2:#a1a1aa;--text3:#71717a;--text4:#52525b;--accent:#d4a020;--accent2:#f0c040;--accent3:#b8860b;--accent-glow:#d4a02026;--accent-glow2:#d4a02014;--blue:#3a7bd5;--blue2:#5a9af0;--green:#22c55e;--green2:#4ade80;--red:#ef4444;--red2:#f87171;--orange:#f59e0b;--purple:#8b5cf6;--cyan:#06b6d4;--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow:0 8px 32px #0009;--shadow-sm:0 2px 12px #0006;--shadow-glow:0 0 20px #d4a0201a;--topbar-h:60px;--panel-l:240px;--panel-r:360px;--mob-nav:64px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--font-ar:"Cairo", "Segoe UI", sans-serif;--font-en:"Syne", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--font-display:"Cinzel", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font-ar);background:var(--bg);color:var(--text);min-height:100vh;transition:background var(--transition-slow), color var(--transition);direction:rtl;overflow-x:hidden}body.lang-en{font-family:var(--font-en);direction:ltr}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.topbar{z-index:100;height:var(--topbar-h);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border-bottom:1px solid var(--border);background:#0f1520d9;align-items:center;gap:4px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--font-display);color:var(--accent);letter-spacing:.15em;white-space:nowrap;text-shadow:0 0 20px #d4a0204d;margin-inline-end:12px;font-size:1.4rem;font-weight:600}.logo-version{color:var(--text4);vertical-align:super;font-size:.6rem;font-family:var(--font-en);letter-spacing:.05em}.topbar-sep{flex:1}.tb-btn{border-radius:var(--radius);color:var(--text2);transition:all var(--transition);white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:600;display:flex;position:relative}.tb-btn:hover{background:var(--surface2);color:var(--text)}.tb-btn.active{background:var(--accent-glow);color:var(--accent)}.tb-btn svg{flex-shrink:0;width:18px;height:18px}.sel-count{color:var(--accent);white-space:nowrap;background:var(--accent-glow);font-size:.72rem;font-weight:700;font-family:var(--font-en);border-radius:20px;padding:4px 12px}.main-layout{grid-template-columns:var(--panel-l) 1fr var(--panel-r);height:calc(100vh - var(--topbar-h));margin-top:var(--topbar-h);display:grid;overflow:hidden}.sidebar{background:var(--bg2);border-inline-end:1px solid var(--border);padding:12px 0;overflow-y:auto}.nav-group-label{letter-spacing:.14em;color:var(--text4);text-transform:uppercase;padding:16px 16px 6px;font-size:.65rem;font-weight:700}.sec-nav-item{cursor:pointer;transition:all var(--transition);color:var(--text2);border-inline-start:3px solid #0000;align-items:center;gap:12px;padding:11px 16px;font-size:.85rem;font-weight:500;display:flex;position:relative}.sec-nav-item:hover{background:var(--surface);color:var(--text)}.sec-nav-item.active{background:var(--accent-glow2);border-inline-start-color:var(--accent);color:var(--accent)}.sec-icon{background:var(--surface);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sec-nav-item.active .sec-icon{background:var(--accent-glow)}.sec-icon svg{width:16px;height:16px}.sec-name{flex:1}.sec-count{background:var(--accent);color:#000;font-size:.68rem;font-weight:700;font-family:var(--font-en);border-radius:10px;padding:1px 8px;display:none}.sec-nav-item.has-sel .sec-count{display:block}.center-panel{background:var(--bg);padding:24px;overflow-y:auto}.view{display:none}.view.active{animation:.25s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.section-icon{background:var(--accent-glow);border:1px solid #d4a02033;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.section-icon svg{width:24px;height:24px;color:var(--accent)}.section-title{color:var(--text);font-size:1.5rem;font-weight:700}.section-subtitle{color:var(--text3);font-size:.78rem;font-family:var(--font-en);margin-top:2px}.option-group{margin-bottom:28px}.group-header{color:var(--text3);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:.75rem;font-weight:700;display:flex}.group-count{color:var(--text4);font-size:.68rem;font-family:var(--font-en)}.options-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.opt-card{cursor:pointer;flex-direction:column;align-items:flex-start;height:100%;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;background:#09090b!important;border:1px solid #ffffff14!important;border-radius:16px!important;box-shadow:0 4px 20px #00000073,inset 0 1px #ffffff0a!important}.opt-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.opt-card:hover{transform:translateY(-2px);background:#111115!important;border-color:#fff3!important;box-shadow:0 10px 30px #0009,inset 0 1px #ffffff0f!important}.opt-card:hover:before{opacity:.5}.opt-card.selected{border-color:var(--accent)!important;box-shadow:0 0 15px var(--accent-glow), 0 4px 20px #00000073, inset 0 1px 0 #ffffff0a!important;background:#09090b!important}.opt-card.selected:before{opacity:1}.opt-card.selected:after{content:"✓";top:10px;color:var(--accent);background:#d4a02026;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;font-weight:800;display:flex;position:absolute;inset-inline-end:12px}.opt-name-ar{margin-bottom:3px;font-size:.9rem;font-weight:700;display:block;color:#fff!important}.opt-name-en{margin-bottom:6px;font-size:.72rem;display:block;color:#a1a1aa!important}.opt-desc{text-align:start;-webkit-line-clamp:3;border-top:1px solid #ffffff0d;-webkit-box-orient:vertical;flex-grow:1;margin-top:6px;margin-bottom:4px;padding-top:8px;font-size:.74rem;line-height:1.5;display:-webkit-box;overflow:hidden;color:#71717a!important}.opt-difficulty{font-size:.62rem;font-weight:600;font-family:var(--font-en);border-radius:20px;align-items:center;gap:4px;margin-top:auto;padding:2px 8px;display:inline-flex}.opt-difficulty.easy{color:var(--green2);background:#22c55e1a}.opt-difficulty.medium{color:var(--orange);background:#f59e0b1a}.opt-difficulty.hard{color:var(--red2);background:#ef44441a}.prompt-panel{background:var(--bg2);border-inline-start:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.score-section{border-bottom:1px solid var(--border);background:linear-gradient(135deg, var(--bg3), var(--bg2));padding:18px 20px}.score-row{align-items:center;gap:14px;display:flex}.score-number{font-family:var(--font-display);color:var(--accent);text-shadow:0 0 30px #d4a02033;font-size:2.5rem;font-weight:600;line-height:1}.score-total{color:var(--text4);font-size:.75rem}.score-bar-wrap{flex:1}.score-bar-bg{background:var(--bg);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg, var(--blue), var(--accent), var(--accent2));height:100%;transition:width var(--transition-slow);border-radius:3px;box-shadow:0 0 8px #d4a0204d}.score-label{font-size:.72rem;font-weight:700;font-family:var(--font-en);letter-spacing:.1em;color:var(--text3)}.score-badge{font-size:1.2rem;font-weight:800;font-family:var(--font-en);text-align:center;min-width:36px}.score-cats{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.sc-cat{background:var(--bg);color:var(--text4);font-size:.65rem;font-family:var(--font-en);transition:all var(--transition);border-radius:20px;padding:3px 10px;font-weight:600}.sc-cat.filled{background:var(--accent-glow);color:var(--accent)}.subject-section{border-bottom:1px solid var(--border);padding:16px 20px}.subject-label{color:var(--text2);align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:700;display:flex}.subject-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);transition:border-color var(--transition);resize:none;padding:12px 14px;font-size:.88rem}.subject-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.subject-input::placeholder{color:var(--text4)}.platform-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:12px 20px;display:flex}.platform-tab{border:1px solid var(--border);color:var(--text3);transition:all var(--transition);font-size:.75rem;font-weight:600;font-family:var(--font-en);border-radius:20px;padding:6px 14px}.platform-tab:hover{border-color:var(--border2);color:var(--text)}.platform-tab.active{background:var(--accent);border-color:var(--accent);color:#000}.prompt-output{flex:1;padding:16px 20px;overflow-y:auto}.prompt-label{color:var(--text2);align-items:center;gap:6px;margin-bottom:10px;font-size:.78rem;font-weight:700;display:flex}.prompt-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:140px;color:var(--text);font-size:.82rem;font-family:var(--font-mono);resize:vertical;padding:14px;line-height:1.7}.prompt-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.prompt-box::placeholder{color:var(--text4)}.action-bar{border-top:1px solid var(--border);background:var(--bg3);gap:8px;padding:14px 20px;display:flex}.action-btn{border-radius:var(--radius);transition:all var(--transition);flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.82rem;font-weight:700;display:flex}.action-btn svg{width:16px;height:16px}.action-btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#000;box-shadow:0 4px 12px #d4a0204d}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4a02066}.action-btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text2)}.action-btn.secondary:hover{background:var(--surface2);color:var(--text);border-color:var(--border2)}.mobile-nav{height:var(--mob-nav);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;background:#0f1520f2;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mob-nav-btn{color:var(--text4);transition:color var(--transition);flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-size:.62rem;font-weight:600;display:flex}.mob-nav-btn svg{width:22px;height:22px}.mob-nav-btn.active{color:var(--accent)}.toast{background:var(--surface2);border:1px solid var(--border2);color:var(--text);z-index:1000;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:30px;padding:12px 24px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.ftab{background:var(--surface);border:1px solid var(--border);color:var(--text3);transition:all var(--transition);border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:600}.ftab:hover{border-color:var(--border2);color:var(--text);background:var(--surface2)}.ftab.active{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:0 0 12px #d4a02066}.presets-grid,.templates-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.preset-card,.template-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.preset-card:before,.template-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));opacity:0;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.preset-card:hover,.template-card:hover{border-color:var(--border2);background:var(--surface2);box-shadow:var(--shadow-sm), 0 0 15px #d4a02014;transform:translateY(-4px)}.preset-card:hover:before,.template-card:hover:before{opacity:1}.card-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.card-icon{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);padding:10px;font-size:1.8rem;line-height:1}.card-title-wrap{flex:1}.card-title{color:var(--text);margin-bottom:2px;font-size:1.1rem;font-weight:700}.card-subtitle{color:var(--text3);font-size:.72rem;font-family:var(--font-en);letter-spacing:.05em}.card-desc{color:var(--text2);flex:1;margin-bottom:16px;font-size:.82rem;line-height:1.5}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tag{background:var(--bg);color:var(--accent);font-size:.65rem;font-family:var(--font-en);border:1px solid #d4a02033;border-radius:12px;padding:2px 8px;font-weight:600}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.history-item:hover{border-color:var(--border2);background:var(--surface2)}.history-main{flex:1;min-width:0}.history-meta{align-items:center;gap:10px;margin-bottom:6px;display:flex}.history-time{color:var(--text3);font-size:.72rem;font-family:var(--font-mono)}.history-plat{background:var(--bg3);color:var(--blue2);font-size:.65rem;font-family:var(--font-en);border-radius:10px;padding:2px 8px;font-weight:700}.history-score{color:var(--accent);background:var(--accent-glow);font-size:.7rem;font-weight:700;font-family:var(--font-en);border-radius:10px;padding:2px 8px}.history-prompt{color:var(--text);font-size:.85rem;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;text-align:left;direction:ltr;overflow:hidden}.history-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.hist-btn{border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);color:var(--text2);transition:all var(--transition);align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:600;display:flex}.hist-btn:hover{background:var(--accent);border-color:var(--accent);color:#000}.hist-btn.danger:hover{background:var(--red);border-color:var(--red);color:#fff}.view-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.view-title-wrap{align-items:center;gap:10px;display:flex}.view-title-icon{font-size:1.8rem}.view-title-text{color:var(--text);font-size:1.4rem;font-weight:700}.landing-wrap{background:radial-gradient(circle at 50% 0%, #d4a0201f 0%, #0a0e1400 70%), var(--bg);flex-direction:column;align-items:center;min-height:100vh;padding-top:100px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.landing-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:1000;background:#0a0e14cc;justify-content:space-between;align-items:center;height:70px;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.landing-hero{text-align:center;max-width:900px;padding:40px 20px;animation:.8s cubic-bezier(.4,0,.2,1) fadeIn}.hero-badge{background:var(--accent-glow);color:var(--accent);letter-spacing:.1em;font-size:.8rem;font-weight:700;font-family:var(--font-en);border:1px solid #d4a0204d;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;display:inline-flex}.hero-title{color:var(--text);letter-spacing:-.02em;margin-bottom:20px;font-size:3.5rem;font-weight:900;line-height:1.2}.hero-title-highlight{background:linear-gradient(135deg, #fff 20%, var(--accent) 80%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #d4a02033;-webkit-background-clip:text}.hero-subtitle{color:var(--text2);max-width:700px;margin:0 auto 36px;font-size:1.15rem;line-height:1.7}.hero-cta-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.btn-glow{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#000;transition:all var(--transition);border-radius:30px;align-items:center;gap:10px;padding:16px 36px;font-size:1.05rem;font-weight:800;display:inline-flex;box-shadow:0 8px 32px #d4a02066}.btn-glow:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 40px #d4a02099}.btn-outline{background:var(--surface);border:1px solid var(--border2);color:var(--text);transition:all var(--transition);border-radius:30px;padding:15px 32px;font-size:1rem;font-weight:700}.btn-outline:hover{background:var(--surface2);border-color:var(--accent);color:var(--accent)}.landing-section{flex-direction:column;align-items:center;width:100%;max-width:1200px;padding:60px 20px;display:flex}.section-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.85rem;font-weight:800;font-family:var(--font-en);margin-bottom:8px}.section-head{color:var(--text);text-align:center;margin-bottom:40px;font-size:2.2rem;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;width:100%;display:grid}.feat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition);text-align:start;padding:32px 24px}.feat-card:hover{border-color:var(--border2);background:var(--surface2);transform:translateY(-4px)}.feat-icon{background:var(--bg2);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:16px;padding:12px;font-size:2.2rem;display:inline-block}.feat-title{color:var(--text);margin-bottom:10px;font-size:1.2rem;font-weight:800}.feat-desc{color:var(--text3);font-size:.9rem;line-height:1.6}.pricing-toggle{background:var(--surface);border:1px solid var(--border);border-radius:30px;align-items:center;gap:12px;margin-bottom:40px;padding:6px;display:flex}.pt-btn{color:var(--text3);transition:all var(--transition);border-radius:20px;padding:8px 20px;font-size:.85rem;font-weight:700}.pt-btn.active{background:var(--accent);color:#000}.discount-badge{color:var(--green2);font-size:.65rem;font-weight:800;font-family:var(--font-en);background:#22c55e26;border-radius:10px;padding:2px 8px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;width:100%;max-width:1050px;display:grid}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition);flex-direction:column;justify-content:space-between;padding:40px 32px;display:flex;position:relative;overflow:hidden}.plan-card.pro{background:linear-gradient(180deg, var(--surface2), var(--surface));border:2px solid var(--accent);transform:scale(1.03);box-shadow:0 12px 40px #d4a02026}.plan-badge{top:16px;background:var(--accent);color:#000;font-size:.65rem;font-weight:800;font-family:var(--font-en);letter-spacing:.1em;padding:4px 30px;position:absolute;inset-inline-end:-30px;transform:rotate(45deg)}body[dir=ltr] .plan-badge{transform:rotate(-45deg)}.plan-name{color:var(--text);margin-bottom:8px;font-size:1.3rem;font-weight:800}.plan-price-wrap{align-items:baseline;gap:4px;margin-bottom:24px;display:flex}.plan-price{font-size:3rem;font-weight:900;font-family:var(--font-display);color:var(--text)}.plan-card.pro .plan-price{color:var(--accent)}.plan-period{color:var(--text3);font-size:.85rem}.plan-list{flex-direction:column;flex:1;gap:14px;margin-bottom:36px;list-style:none;display:flex}.plan-item{color:var(--text2);align-items:center;gap:10px;font-size:.9rem;display:flex}.plan-item:before{content:"✓";color:var(--accent);font-size:1rem;font-weight:800}.plan-btn{border-radius:var(--radius-lg);text-align:center;width:100%;transition:all var(--transition);padding:14px;font-size:.95rem;font-weight:800}.plan-btn.primary{background:var(--accent);color:#000}.plan-btn.primary:hover{background:var(--accent2);box-shadow:0 4px 20px #d4a02066}.plan-btn.secondary{background:var(--bg2);border:1px solid var(--border2);color:var(--text)}.plan-btn.secondary:hover{background:var(--surface2);border-color:var(--accent);color:var(--accent)}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#0a0e14d9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:85vh;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.modal-title{color:var(--text);font-size:1.3rem;font-weight:800}.modal-close{color:var(--text3);background:var(--bg);width:36px;height:36px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.modal-close:hover{color:var(--accent);background:var(--surface2)}.modal-body{color:var(--text2);padding:28px;font-size:.9rem;line-height:1.8;overflow-y:auto}.modal-body h3{color:var(--text);margin-top:20px;margin-bottom:8px;font-size:1.05rem}.landing-footer{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:auto;padding:40px 20px;display:flex}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-link{color:var(--text3);cursor:pointer;transition:color var(--transition);font-size:.85rem}.footer-link:hover{color:var(--accent)}.footer-copy{color:var(--text4);font-size:.8rem;font-family:var(--font-en)}[data-tooltip]{position:relative}[data-tooltip]:before{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:99998;border:6px solid #0000;border-top-color:#d4a02080;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)translateY(6px)}[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(24px)saturate(1.4);color:var(--text);font-size:.78rem;font-weight:400;line-height:1.65;font-family:var(--font-ar);letter-spacing:.01em;white-space:normal;text-align:start;opacity:0;visibility:hidden;pointer-events:none;z-index:99999;background:linear-gradient(145deg,#0e1422f7 0%,#0a101afc 100%);border:1px solid #d4a0204d;border-top-color:#d4a02080;border-radius:12px;width:max-content;max-width:300px;padding:12px 16px;transition:opacity .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),visibility .22s;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 12px 40px #000000d9,0 4px 16px #0009,0 0 0 1px #ffffff08,inset 0 1px #ffffff0f,0 0 20px #d4a02012}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tooltip-wrap{width:100%;height:100%;display:block}[data-tooltip-pos=bottom]:before{border-top-color:#0000;border-bottom-color:#d4a02080;top:calc(100% + 2px);bottom:auto;transform:translate(-50%)translateY(-6px)}[data-tooltip-pos=bottom]:after{top:calc(100% + 14px);bottom:auto;transform:translate(-50%)translateY(-8px)}[data-tooltip-pos=bottom]:hover:before,[data-tooltip-pos=bottom]:hover:after{transform:translate(-50%)translateY(0)}@media (max-width:1024px){.main-layout{grid-template-columns:1fr}.sidebar,.prompt-panel{display:none}.sidebar.mobile-show{inset:0;top:var(--topbar-h);bottom:var(--mob-nav);z-index:90;display:block;position:fixed}.prompt-panel.mobile-show{inset:0;top:var(--topbar-h);bottom:var(--mob-nav);z-index:90;display:flex;position:fixed}.center-panel{padding:16px;padding-bottom:calc(var(--mob-nav) + 16px)}.mobile-nav{display:flex}.topbar .desktop-only{display:none}}@media (max-width:640px){.options-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.opt-card{padding:12px 14px}.section-title{font-size:1.2rem}.score-number{font-size:2rem}.presets-grid,.templates-grid{grid-template-columns:1fr}.history-item{flex-direction:column;align-items:stretch;gap:12px}.history-actions{justify-content:flex-end}}.lang-dropdown-container{position:relative}.lang-dropdown-menu{-webkit-backdrop-filter:blur(25px)saturate(1.5);backdrop-filter:blur(25px)saturate(1.5);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:110;opacity:0;pointer-events:none;background:#0f1520f2;flex-direction:column;gap:2px;min-width:140px;margin-top:6px;padding:6px;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:100%;left:0;transform:translateY(-8px)}.lang-dropdown-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.lang-dropdown-item{border-radius:calc(var(--radius) - 2px);color:var(--text2);transition:all var(--transition);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:.8rem;font-weight:500;display:flex}.lang-dropdown-item:hover{color:var(--accent);background:#d4a0201a}.lang-dropdown-item.active{color:var(--accent);background:#d4a02026;font-weight:700}.lang-dropdown-item .lang-indicator{color:var(--text3);font-size:.65rem}.lang-dropdown-item.active .lang-indicator{color:var(--accent)}.colorlab-view{flex-direction:column;gap:24px;height:100%;padding:24px;display:flex;overflow-y:auto}.colorlab-header{border-bottom:1px solid var(--border);padding-bottom:16px}.colorlab-title{color:var(--accent);align-items:center;gap:8px;margin-bottom:6px;font-size:1.3rem;font-weight:700;display:flex}.colorlab-description{color:var(--text3);font-size:.85rem;line-height:1.5}.color-wheels-row{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;display:grid}@media (max-width:1024px){.color-wheels-row{grid-template-columns:1fr;gap:24px}}.color-wheel-wrapper{transition:all var(--transition);flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex;background:#09090b!important;border:1px solid #ffffff14!important;border-radius:16px!important;box-shadow:0 4px 20px #00000073,inset 0 1px #ffffff0a!important}.color-wheel-wrapper:hover{border-color:#d4a0204d}.color-wheel-label{color:var(--text1);text-align:center;font-size:.9rem;font-weight:600}.color-wheel-container{cursor:crosshair;border:2px solid var(--border);background:radial-gradient(circle,#fff 0%,#fff0 100%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:130px;height:130px;position:relative;box-shadow:0 4px 12px #0006}.wheel-handle{pointer-events:none;width:12px;height:12px;box-shadow:0 0 3px #000c, 0 0 0 1px var(--accent);background:#0009;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.color-wheel-readout{font-size:.75rem;font-family:var(--font-en);color:var(--text3);background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:2px 8px}.color-sliders-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (max-width:768px){.color-sliders-grid{grid-template-columns:1fr;gap:14px}}.color-slider-item{flex-direction:column;gap:6px;padding:12px 16px;display:flex;background:#09090b!important;border:1px solid #ffffff14!important;border-radius:16px!important;box-shadow:0 4px 20px #00000073,inset 0 1px #ffffff0a!important}.color-slider-label-row{justify-content:space-between;align-items:center;display:flex}.color-slider-title{color:var(--text2);font-size:.85rem;font-weight:600}.color-slider-value{font-size:.8rem;font-family:var(--font-en);color:var(--accent);font-weight:700}.color-slider-input{appearance:none;background:var(--border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.color-slider-input.temp{background:linear-gradient(to right, #3b82f6 0%, var(--border) 50%, #f59e0b 100%)!important}.color-slider-input.tint{background:linear-gradient(to right, #10b981 0%, var(--border) 50%, #d946ef 100%)!important}.color-slider-input.contrast{background:linear-gradient(to right, #1a1a1a 0%, var(--border) 50%, #fff 100%)!important}.color-slider-input.saturation{background:linear-gradient(to right, #555 0%, var(--border) 50%, var(--accent) 100%)!important}.color-slider-input.gradient-accent{background:linear-gradient(to right, var(--border) 0%, var(--accent) 100%)!important}.color-slider-input::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:14px;height:14px;transition:transform .1s var(--transition);border:1px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0006}.color-slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.color-slider-input::-moz-range-thumb{background:var(--accent);cursor:pointer;width:14px;height:14px;transition:transform .1s var(--transition);border:1px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0006}.color-slider-input::-moz-range-thumb:hover{transform:scale(1.2)}.colorlab-footer{flex-direction:column;gap:16px;margin-top:12px;display:flex}.color-prompt-preview-box{border-radius:var(--radius);background:#d4a0200a;border:1px dashed #d4a02040;flex-direction:column;gap:8px;padding:16px;display:flex}.color-prompt-preview-title{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.color-prompt-preview-text{font-size:.9rem;font-family:var(--font-en);color:var(--text2);min-height:24px;line-height:1.5}.color-prompt-preview-empty{color:var(--text4);font-size:.85rem;font-style:italic}.colorlab-actions{justify-content:flex-end;display:flex}.colorlab-reset-btn{border:1px solid var(--border);color:var(--text2);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;display:flex}.colorlab-reset-btn:hover{color:var(--red2);background:#ef44441a;border-color:#ef44444d}.color-presets-section{flex-direction:column;gap:16px;padding:20px;display:flex;background:#09090b!important;border:1px solid #ffffff14!important;border-radius:16px!important;box-shadow:0 4px 20px #00000073,inset 0 1px #ffffff0a!important}.color-presets-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.color-presets-title{color:var(--accent);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.color-presets-subtitle{color:var(--text4);font-size:.78rem}.preset-active-badge{color:var(--accent);white-space:nowrap;background:#d4a0201a;border:1px solid #d4a02040;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;animation:2s ease-in-out infinite presetBadgePulse}@keyframes presetBadgePulse{0%,to{opacity:1}50%{opacity:.7}}.preset-categories-bar{scrollbar-width:thin;scrollbar-color:var(--border) transparent;-ms-overflow-style:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.preset-categories-bar::-webkit-scrollbar{height:3px}.preset-categories-bar::-webkit-scrollbar-track{background:0 0}.preset-categories-bar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.preset-category-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text3);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:600;transition:all .25s;display:flex}.preset-category-btn:hover{color:var(--text2);background:#d4a0200f;border-color:#d4a0204d}.preset-category-btn.active{border-color:var(--accent);color:var(--accent);background:#d4a0201f;box-shadow:0 0 12px #d4a0201a}.preset-category-btn .cat-icon{font-size:1rem;line-height:1}.preset-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:1200px){.preset-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.preset-grid{grid-template-columns:1fr}}.preset-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:#09090b!important;border:1px solid #ffffff14!important;border-radius:16px!important;box-shadow:0 4px 20px #00000073,inset 0 1px #ffffff0a!important}.preset-card:hover{border-color:#d4a02059;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 0 1px #d4a0201a}.preset-card.active{border-color:var(--accent);box-shadow:0 0 20px #d4a02026, 0 0 0 1px var(--accent)}.preset-card.active:after{content:"✓";background:var(--accent);color:#000;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0006}.preset-card-gradient{width:100%;height:48px;position:relative}.preset-card-gradient:after{content:"";background:linear-gradient(to top, var(--bg3), transparent);height:16px;position:absolute;bottom:0;left:0;right:0}.preset-card-info{flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.preset-card-name{color:var(--text1);font-size:.82rem;font-weight:700;line-height:1.3}.preset-card-name-en{font-size:.7rem;font-family:var(--font-en);color:var(--text4);font-weight:500}.preset-card-desc{color:var(--text3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.preset-card:hover .preset-card-name{color:var(--accent)}@keyframes presetCardIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.preset-grid .preset-card{animation:.35s forwards presetCardIn}.preset-grid .preset-card:first-child{animation-delay:0s}.preset-grid .preset-card:nth-child(2){animation-delay:40ms}.preset-grid .preset-card:nth-child(3){animation-delay:80ms}.preset-grid .preset-card:nth-child(4){animation-delay:.12s}.preset-grid .preset-card:nth-child(5){animation-delay:.16s}.color-rule-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:20px;padding:20px;display:flex;position:relative}.color-rule-header{flex-direction:column;gap:4px;display:flex}.color-rule-title{color:var(--accent);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.color-rule-subtitle{color:var(--text4);font-size:.78rem;line-height:1.4}.color-rule-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:768px){.color-rule-grid{grid-template-columns:1fr;gap:12px}}.color-rule-slot{flex-direction:column;gap:6px;display:flex;position:relative}.color-rule-label{color:var(--text3);font-size:.78rem;font-weight:600}.color-search-wrapper{align-items:center;display:flex;position:relative}.color-search-input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text1);transition:all var(--transition);padding:10px 42px 10px 14px;font-size:.85rem;font-weight:500}[dir=ltr] .color-search-input{padding:10px 14px 10px 42px}.color-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.input-swatch-indicator{pointer-events:none;border:1px solid #ffffff26;border-radius:50%;width:20px;height:20px;position:absolute;right:12px;box-shadow:0 2px 4px #0003}[dir=ltr] .input-swatch-indicator{left:12px;right:auto}.color-dropdown{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);z-index:99;scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:280px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.color-dropdown::-webkit-scrollbar{width:4px}.color-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.color-dropdown-category-header{text-transform:uppercase;color:var(--accent);letter-spacing:.5px;background:#d4a0200d;border-bottom:1px solid #ffffff08;padding:6px 12px;font-size:.68rem;font-weight:700}.color-dropdown-item{cursor:pointer;border-bottom:1px solid #ffffff05;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.color-dropdown-item:hover{background:#d4a02014}.color-dropdown-item.selected{border-right:3px solid var(--accent);background:#d4a02026}[dir=ltr] .color-dropdown-item.selected{border-right:none;border-left:3px solid var(--accent)}.color-swatch-circle{border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:16px;height:16px}.color-dropdown-item-names{flex-direction:column;gap:2px;display:flex}.color-dropdown-item-name{color:var(--text1);font-size:.82rem;font-weight:600}.color-dropdown-item-en{color:var(--text4);font-size:.68rem;font-family:var(--font-en)}.color-rule-preview-bar{border-radius:var(--radius);border:1px solid var(--border);background:#111;height:38px;margin-top:8px;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.color-rule-preview-segment{color:#000;text-shadow:0 1px 2px #fff9,0 -1px 2px #fff9;white-space:nowrap;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.color-rule-preview-segment.dark-bg{color:#fff;text-shadow:0 1px 3px #000c}.color-rule-preview-segment.empty{background:var(--bg3);color:var(--text4);text-shadow:none;font-weight:500}.color-rule-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.color-rule-prompt-preview{border-radius:var(--radius);background:#d4a0200a;border:1px dashed #d4a02040;flex-grow:1;padding:12px 16px}.color-rule-prompt-title{color:var(--accent);text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:700}.color-rule-prompt-text{font-size:.82rem;font-family:var(--font-en);color:var(--text2);word-break:break-all}.color-rule-reset-btn{border:1px solid var(--border);color:var(--text2);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:600;display:flex}.color-rule-reset-btn:hover{color:var(--red2);background:#ef44441a;border-color:#ef44444d}.color-rule-guide-box{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.color-rule-guide-title{color:var(--accent);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.color-rule-guide-list{flex-direction:column;gap:8px;display:flex}.color-rule-guide-item{color:var(--text3);align-items:flex-start;gap:8px;font-size:.76rem;line-height:1.4;display:flex}.color-rule-guide-badge{text-align:center;border-radius:4px;flex-shrink:0;min-width:42px;margin-top:1px;padding:2px 6px;font-size:.68rem;font-weight:700}.color-rule-guide-badge.b60{color:var(--accent);background:#d4a02026;border:1px solid #d4a0204d}.color-rule-guide-badge.b30{color:var(--text2);background:#ffffff14;border:1px solid #ffffff26}.color-rule-guide-badge.b10{color:var(--red2);background:#ef444426;border:1px solid #ef44444d}.premium-status-btn{cursor:pointer;transition:all var(--transition);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;font-weight:700;display:flex}.premium-status-btn.free{border:1px solid var(--border);color:var(--text3);background:#ffffff0d}.premium-status-btn.free:hover{color:var(--text2);background:#ffffff14;border-color:#fff3}.premium-status-btn.pro{border:1px solid var(--accent);color:var(--accent);background:#d4a0201f;animation:2s ease-in-out infinite premiumPulse;box-shadow:0 0 10px #d4a02026}@keyframes premiumPulse{0%,to{box-shadow:0 0 10px #d4a02026}50%{box-shadow:0 0 18px #d4a0204d}}.premium-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;animation:fadeIn var(--transition) forwards;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.premium-modal{background:var(--bg2);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);width:90%;max-width:500px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards modalSlideIn;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 0 1px #d4a0201a}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.premium-modal-banner{background:linear-gradient(135deg, #d4a02026, #0000), var(--bg3);text-align:center;border-bottom:1px solid var(--border);padding:30px;position:relative}.premium-modal-badge{margin-bottom:12px;font-size:2.5rem}.premium-modal-title{color:var(--accent);margin-bottom:8px;font-size:1.25rem;font-weight:800}.premium-modal-subtitle{color:var(--text3);font-size:.82rem;line-height:1.5}.premium-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.beta-notice-box{border-radius:var(--radius);background:#d4a0200d;border:1px solid #d4a02026;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.beta-notice-icon{font-size:1.2rem}.beta-notice-text{color:var(--text2);font-size:.78rem;line-height:1.5}.coupon-input-group{flex-direction:column;gap:8px;display:flex}.coupon-input-label{color:var(--text3);font-size:.78rem;font-weight:700}.coupon-input-row{gap:10px;display:flex}.coupon-input-row input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text1);font-family:var(--font-en);letter-spacing:1px;text-transform:uppercase;transition:all var(--transition);flex:1;padding:10px 14px;font-size:.9rem;font-weight:700}.coupon-input-row input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 10px #d4a0201a}.coupon-apply-btn{background:var(--accent);color:#000;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;padding:10px 20px;font-size:.82rem;font-weight:700}.coupon-apply-btn:hover{background:#f7ca5e;transform:translateY(-1px)}.coupon-feedback{margin-top:4px;font-size:.74rem;line-height:1.4}.coupon-feedback.error{color:var(--red2)}.coupon-feedback.success{color:#4ade80}.premium-modal-footer{justify-content:flex-end;padding:0 24px 24px;display:flex}.premium-close-btn{border:1px solid var(--border);color:var(--text3);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:0 0;padding:8px 16px;font-size:.8rem;font-weight:600}.premium-close-btn:hover{color:var(--text2);background:#ffffff0d}body.light{--bg:#f4f6fa;--bg2:#fff;--bg3:#edf0f5;--bg4:#e2e7f0;--surface:#fff;--surface2:#f0f3f8;--surface3:#e6ebf3;--border:#d3dbe8;--border2:#b9c5d9;--border3:#9fb0c9;--text:#1a2333;--text2:#4a5a73;--text3:#6c7e99;--text4:#98a9c2;--accent:#b07c00;--accent2:#d4a020;--accent3:#966900;--accent-glow:#b07c001a;--accent-glow2:#b07c000d;--shadow:0 8px 32px #1a233314;--shadow-sm:0 2px 12px #1a23330a;--shadow-glow:0 0 20px #b07c000d}body.light .topbar{background:#ffffffd9;box-shadow:0 1px 10px #0000000d}body.light .sidebar{box-shadow:1px 0 10px #00000008}body.light .prompt-panel{box-shadow:-1px 0 10px #00000008}body.light .opt-btn{background:var(--bg2)}body.light .opt-btn:hover{background:var(--bg3)}body.light .opt-btn.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}body.light .color-presets-section{background:var(--bg2)}body.light .color-wheel-wrapper,body.light .color-slider-item,body.light .opt-card{background:var(--bg2)!important;border:1px solid var(--border)!important;box-shadow:0 4px 12px #1a233308,inset 0 1px #fff9!important}body.light .opt-card:hover{background:var(--bg3)!important;border-color:var(--border2)!important;box-shadow:0 8px 24px #1a23330f,inset 0 1px #fffc!important}body.light .opt-card.selected{background:var(--bg2)!important;border-color:var(--accent)!important;box-shadow:0 0 15px var(--accent-glow), 0 4px 12px #1a233308!important}body.light .opt-name-ar{color:var(--text)!important}body.light .opt-name-en{color:var(--text2)!important}body.light .opt-desc{color:var(--text3)!important;border-top:1px solid var(--border)!important}body.light .color-wheel-readout{background:var(--bg3)!important;border-color:var(--border)!important;color:var(--text2)!important}.settings-dropdown-container{display:inline-block;position:relative}.settings-dropdown-menu{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);width:260px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:all var(--transition);z-index:200;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:auto;right:0;transform:translateY(-8px)}.settings-dropdown-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}body:not(.lang-en) .settings-dropdown-menu{left:0;right:auto}.settings-menu-item{border-radius:calc(var(--radius) - 2px);color:var(--text2);transition:all var(--transition);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.8rem;font-weight:600;display:flex}.settings-menu-item:hover{background:var(--bg3);color:var(--text1)}.settings-menu-label-wrapper{align-items:center;gap:8px;display:flex}.settings-menu-icon{align-items:center;font-size:1.1rem;display:flex}.settings-lang-sub{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:4px;padding-top:6px;display:flex}.settings-lang-title{color:var(--text3);align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:700;display:flex}.settings-lang-grid{grid-template-columns:repeat(2,1fr);gap:4px;padding:0 4px;display:grid}.settings-lang-btn{background:var(--bg3);color:var(--text3);cursor:pointer;transition:all var(--transition);border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:.74rem;font-weight:600;display:flex}.settings-lang-btn:hover{background:var(--bg4);color:var(--text2)}.settings-lang-btn.active{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}body.light [data-tooltip]:after{color:#1a2333!important;background:linear-gradient(145deg,#fffffffa 0%,#f5f7fafc 100%)!important;border-color:#b07c0040!important;box-shadow:0 12px 40px #00000014,0 4px 16px #0000000a,0 0 0 1px #0000000d!important}body.light [data-tooltip]:before{border-top-color:#b07c004d!important}body.light [data-tooltip-pos=bottom]:before{border-bottom-color:#b07c004d!important}.assistant-view{height:100%;max-height:calc(100vh - var(--topbar-h) - 24px);flex-direction:column;gap:0;display:flex}.assistant-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:20px 24px 12px}.assistant-title{color:var(--text1);align-items:center;gap:10px;margin:0 0 4px;font-size:1.3rem;font-weight:700;display:flex}.assistant-subtitle{color:var(--text3);margin:0;font-size:.78rem}.assistant-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:10px 24px;display:flex}.color-lab-toggle{border:1px solid var(--border);background:var(--bg2);cursor:pointer;color:var(--text2);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.76rem;transition:all .25s;display:flex}.color-lab-toggle:hover{border-color:var(--accent)}.color-lab-toggle.active{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}.toggle-switch{background:var(--bg3);border-radius:10px;flex-shrink:0;width:34px;height:18px;transition:background .25s;position:relative}.toggle-switch:after{content:"";background:var(--text3);border-radius:50%;width:14px;height:14px;transition:all .25s;position:absolute;top:2px;left:2px}.color-lab-toggle.active .toggle-switch{background:var(--accent)}.color-lab-toggle.active .toggle-switch:after{background:#fff;left:18px}.clear-chat-btn{border:1px solid var(--border);color:var(--text3);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;margin-inline-start:auto;padding:5px 12px;font-size:.72rem;transition:all .2s;display:flex}.clear-chat-btn:hover{color:#e74c3c;border-color:#e74c3c}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.chat-welcome{text-align:center;opacity:.7;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.chat-welcome-icon{font-size:3rem;line-height:1}.chat-welcome-title{color:var(--text1);margin:0;font-size:1.1rem;font-weight:600}.chat-welcome-subtitle{color:var(--text3);max-width:400px;font-size:.82rem;line-height:1.6}.chat-welcome-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.chat-suggestion{border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.74rem;transition:all .2s}.chat-suggestion:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.chat-bubble{word-wrap:break-word;border-radius:16px;max-width:85%;padding:14px 18px;font-size:.84rem;line-height:1.75;animation:.3s chatFadeIn;position:relative}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.user{background:linear-gradient(135deg, var(--accent) 0%, #b8860b 100%);color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:16px;align-self:flex-end}[dir=rtl] .chat-bubble.user{border-bottom-right-radius:16px;border-bottom-left-radius:4px}.chat-bubble.assistant{background:var(--bg2);border:1px solid var(--border);color:var(--text1);border-bottom-right-radius:16px;border-bottom-left-radius:4px;align-self:flex-start}[dir=rtl] .chat-bubble.assistant{border-bottom-right-radius:4px;border-bottom-left-radius:16px}.chat-bubble.assistant pre{background:var(--bg1);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:10px 0;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:.78rem;overflow-x:auto}.chat-bubble.assistant code{background:var(--bg1);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.78rem}.chat-bubble.assistant strong{color:var(--accent);font-weight:600}.chat-bubble.assistant h1,.chat-bubble.assistant h2,.chat-bubble.assistant h3{color:var(--accent);margin:14px 0 6px;font-size:.92rem}.chat-bubble.assistant h1:first-child,.chat-bubble.assistant h2:first-child,.chat-bubble.assistant h3:first-child{margin-top:0}.chat-bubble.assistant ul,.chat-bubble.assistant ol{margin:6px 0;padding-inline-start:18px}.chat-bubble.assistant li{margin-bottom:4px}.chat-bubble.assistant hr{border:none;border-top:1px solid var(--border);margin:12px 0}.copy-prompt-btn{border:1px solid var(--border);background:var(--bg1);color:var(--accent);cursor:pointer;border-radius:6px;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:.7rem;transition:all .2s;display:inline-flex}.copy-prompt-btn:hover{background:var(--accent-glow);border-color:var(--accent)}.chat-loading{background:var(--bg2);border:1px solid var(--border);border-radius:16px;align-self:flex-start;align-items:center;gap:8px;padding:14px 18px;animation:.3s chatFadeIn;display:flex}.chat-loading-dots{gap:4px;display:flex}.chat-loading-dots span{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.2s infinite chatDotPulse}.chat-loading-dots span:nth-child(2){animation-delay:.2s}.chat-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes chatDotPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-input-area{border-top:1px solid var(--border);background:var(--bg1);flex-shrink:0;align-items:flex-end;gap:10px;padding:16px 24px 20px;display:flex;position:relative}.chat-template-select-container{flex-shrink:0;position:relative}.chat-template-btn{border:1px solid var(--border);background:var(--bg2);height:44px;color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:0 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.chat-template-btn:hover{color:var(--accent);background:#d4a0200d;border-color:#d4a02066}.chat-template-btn.active{border-color:var(--accent);color:var(--accent);background:#d4a0201f;box-shadow:0 0 10px #d4a0201a}.chat-template-dropdown{z-index:100;background:#09090b;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;width:280px;animation:.2s templateFadeIn;display:flex;position:absolute;bottom:54px;right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes templateFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-template-dropdown-header{color:var(--text3);background:#ffffff05;border-bottom:1px solid #ffffff0f;padding:12px 16px;font-size:.8rem;font-weight:700}.chat-template-dropdown-list{flex-direction:column;gap:4px;max-height:220px;padding:6px;display:flex;overflow-y:auto}.chat-template-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.chat-template-item:hover{background:#ffffff0a}.chat-template-item.selected{background:#d4a02014;border:1px solid #d4a02026}.template-item-icon{font-size:1.1rem}.template-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.template-item-title{color:var(--text1);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.template-item-details{color:var(--text4);font-size:.68rem}.chat-template-empty{color:var(--text4);text-align:center;padding:20px 16px;font-size:.74rem;line-height:1.5}.active-template-badge{background:var(--accent);color:#000;z-index:10;border-radius:20px;align-items:center;gap:6px;padding:2px 8px;font-size:.68rem;font-weight:700;animation:.25s cubic-bezier(.175,.885,.32,1.275) templateBadgeIn;display:flex;position:absolute;top:-10px;right:16px;box-shadow:0 2px 8px #0000004d}@keyframes templateBadgeIn{0%{opacity:0;transform:translateY(6px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.clear-template-btn{color:#000;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:800;line-height:1}.clear-template-btn:hover{color:var(--red2)}body.light .chat-template-dropdown{background:#fff;border-color:#00000014;box-shadow:0 8px 32px #00000026}body.light .chat-template-item:hover{background:#00000008}.chat-input-wrapper{flex:1;position:relative}.chat-input{border:1px solid var(--border);background:var(--bg2);width:100%;color:var(--text1);resize:none;border-radius:14px;outline:none;min-height:44px;max-height:120px;padding:12px 16px;font-family:inherit;font-size:.84rem;line-height:1.5;transition:border-color .2s}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--text3)}.chat-send-btn{background:linear-gradient(135deg, var(--accent) 0%, #b8860b 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #d4a0204d}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn svg{width:20px;height:20px}.chat-no-key{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.chat-no-key-icon{font-size:2.5rem}.chat-no-key-title{color:var(--text1);font-size:1rem;font-weight:600}.chat-no-key-desc{color:var(--text3);max-width:380px;font-size:.8rem;line-height:1.6}.settings-ai-brain{border-top:1px solid var(--border);padding:8px 12px}.settings-ai-brain-title{color:var(--text3);align-items:center;gap:4px;margin-bottom:6px;font-size:.72rem;display:flex}.api-key-input-row{align-items:center;gap:6px;display:flex}.api-key-input{border:1px solid var(--border);background:var(--bg1);color:var(--text1);border-radius:8px;outline:none;flex:1;min-width:0;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.72rem;transition:border-color .2s}.api-key-input:focus{border-color:var(--accent)}.api-key-save-btn{border:1px solid var(--accent);background:var(--accent-glow);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:.7rem;font-weight:600;transition:all .2s}.api-key-save-btn:hover{background:var(--accent);color:#fff}.api-key-status{align-items:center;gap:4px;margin-top:4px;font-size:.65rem;display:flex}.api-key-status.saved{color:#22c55e}.api-key-status.empty{color:var(--text3)}body.light .chat-bubble.assistant{background:#ffffffd9;border-color:#00000014}body.light .chat-bubble.assistant pre{background:#f0f2f5;border-color:#0000000f}body.light .chat-bubble.assistant code{background:#f0f2f5}body.light .chat-input{background:#fffc;border-color:#0000001a}body.light .chat-input-area,body.light .color-lab-toggle,body.light .chat-suggestion{background:#fff9}body.light .api-key-input{background:#fffc;border-color:#0000001a}@media (max-width:900px){.assistant-view{max-height:calc(100vh - var(--topbar-h) - 60px)}.assistant-header{padding:14px 16px 10px}.assistant-toolbar{padding:8px 16px}.chat-messages{padding:14px 16px}.chat-input-area{padding:12px 16px 16px}.chat-bubble{max-width:92%}}.depth-layers-view{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;padding:24px;display:flex}.depth-layers-header{text-align:center;margin-bottom:4px}.depth-layers-title{color:var(--accent);margin:0 0 8px;font-size:1.3rem;font-weight:800}.depth-layers-description{color:var(--text3);margin:0;font-size:.82rem;line-height:1.5}.depth-presets-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.depth-presets-label{color:var(--text2);margin-bottom:12px;font-size:.82rem;font-weight:700}.depth-preset-bar{flex-wrap:wrap;gap:8px;display:flex}.depth-preset-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text3);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.78rem;font-weight:600;transition:all .25s;display:flex}.depth-preset-btn:hover{color:var(--text2);background:#d4a0200f;border-color:#d4a0204d}.depth-preset-btn.active{border-color:var(--accent);color:var(--accent);background:#d4a0201f;box-shadow:0 0 12px #d4a0201a}.depth-preset-icon{font-size:1rem;line-height:1}.depth-layer-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;padding:18px 20px;transition:border-color .3s,box-shadow .3s;display:flex}.depth-layer-card:hover{border-color:#ffffff1f;box-shadow:0 4px 20px #0003}.depth-layer-header{align-items:center;gap:10px;display:flex}.depth-layer-icon{font-size:1.2rem;line-height:1}.depth-layer-name{color:var(--text1);flex:1;font-size:.95rem;font-weight:700}.depth-layer-value{font-variant-numeric:tabular-nums;text-align:right;min-width:48px;font-size:1.1rem;font-weight:800}.depth-slider-row{width:100%}.depth-slider-input{appearance:none;cursor:pointer;background:#ffffff14;border-radius:4px;outline:none;width:100%;height:8px;transition:opacity .2s}.depth-slider-input::-webkit-slider-thumb{appearance:none;border:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;box-shadow:0 2px 8px #0006}.depth-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.depth-slider-input::-moz-range-thumb{border:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0006}.depth-density-row{align-items:center;gap:10px;display:flex}.depth-density-label{color:var(--text4);white-space:nowrap;min-width:55px;font-size:.78rem;font-weight:600}.depth-density-btns{flex-wrap:wrap;gap:4px;display:flex}.depth-density-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text4);cursor:pointer;border-radius:14px;padding:5px 12px;font-size:.72rem;font-weight:600;transition:all .2s}.depth-density-btn:hover{color:var(--text2);border-color:#ffffff26}.depth-density-btn.active{border-color:var(--accent);color:var(--accent);background:#d4a0201f}.depth-desc-row{width:100%}.depth-desc-input{border:1px solid var(--border);background:var(--bg3);width:100%;color:var(--text2);resize:vertical;border-radius:8px;outline:none;min-height:44px;padding:10px 14px;font-family:inherit;font-size:.8rem;transition:border-color .2s}.depth-desc-input::placeholder{color:var(--text4)}.depth-desc-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d4a0201a}.depth-preview-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.depth-preview-label{color:var(--text2);margin-bottom:12px;font-size:.82rem;font-weight:700}.depth-preview-bars{flex-direction:column;gap:10px;display:flex}.depth-preview-row{align-items:center;gap:10px;display:flex}.depth-preview-key{color:var(--text3);min-width:24px;font-size:.72rem;font-weight:700;font-family:var(--font-en)}.depth-preview-track{background:#ffffff0a;border-radius:6px;flex:1;height:12px;overflow:hidden}.depth-preview-fill{border-radius:6px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.depth-preview-pct{color:var(--text3);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:.72rem;font-weight:700}.depth-prompt-preview-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.depth-prompt-preview-title{color:var(--accent);margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.depth-prompt-preview-text{color:var(--text2);font-size:.78rem;line-height:1.6;font-family:var(--font-en);text-align:left;word-break:break-word;direction:ltr;min-height:40px}.depth-prompt-preview-empty{color:var(--text4);font-style:italic}.depth-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.depth-link-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text3);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:10px 24px;font-size:.82rem;font-weight:600;transition:all .3s;display:flex}.depth-link-btn:hover{color:var(--text2);border-color:#d4a0204d}.depth-link-btn.linked{border-color:var(--accent);color:var(--accent);background:#d4a0201f;box-shadow:0 0 16px #d4a0201a}.depth-reset-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text4);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:.82rem;font-weight:600;transition:all .25s;display:flex}.depth-reset-btn:hover{color:#ff7070;background:#ef44440f;border-color:#ef44444d}@keyframes depthCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.depth-layers-view .depth-layer-card{animation:.4s forwards depthCardIn}.depth-layers-view .depth-layer-card:nth-child(3){animation-delay:0s}.depth-layers-view .depth-layer-card:nth-child(4){animation-delay:80ms}.depth-layers-view .depth-layer-card:nth-child(5){animation-delay:.16s}@media (max-width:768px){.depth-layers-view{gap:16px;padding:16px}.depth-layer-card{padding:14px 16px}.depth-preset-bar{gap:6px}.depth-preset-btn{padding:6px 12px;font-size:.72rem}.depth-density-row{flex-wrap:wrap}.depth-density-label{width:100%;margin-bottom:4px}}