:root{--paper: #f7f4ee;--paper-raised: #ffffff;--paper-input: #f1ede3;--line: #e4ddc9;--accent: #2a3b66;--accent-dark: #1e2c4d;--accent-glow: rgba(42, 59, 102, .1);--error: #a5382c;--error-bg: #fbecea;--gold: #b6892f;--gold-soft: #ddc07f;--ink: #2a241c;--muted: #7d7360;--muted-dim: #a89f8c;--white: #ffffff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,IBM Plex Sans Arabic,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.app{min-height:100vh}.filmstrip{height:4px;background:linear-gradient(90deg,var(--accent) 0%,var(--gold) 50%,var(--accent) 100%)}.topbar{background:var(--paper-raised);border-bottom:1px solid var(--line);padding:18px 24px}.topbar-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Markazi Text,Cairo,serif;font-size:30px;font-weight:700;letter-spacing:.3px;color:var(--ink)}.logo span{color:var(--accent)}.badge{font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:.5px;background:#2a3b6612;color:var(--accent);border:1px solid rgba(42,59,102,.25);padding:3px 10px;border-radius:3px;margin-inline-start:10px}.wrap{max-width:1000px;margin:0 auto;padding:24px 20px}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:16px}.card h3{margin:0 0 14px;font-size:15px;font-weight:800;color:var(--ink)}.card .hint{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.7}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:720px){.row{grid-template-columns:1fr}}.input,.textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper-input);font-size:14px;font-family:inherit;color:var(--ink)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--gold);background:var(--paper-raised)}.textarea{resize:vertical;line-height:1.7}.input.mono{font-family:IBM Plex Mono,monospace;direction:ltr;text-align:right}.btn{border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;padding:12px 22px;font-family:inherit;transition:transform .05s,opacity .1s,box-shadow .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:not(:disabled):hover{background:var(--accent-dark)}.btn-gold{background:var(--gold);color:var(--white)}.btn-ghost{background:transparent;color:var(--accent);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--gold-soft)}.btn-sm{padding:8px 14px;font-size:13px}.steps{display:flex;gap:22px;flex-wrap:wrap;padding:20px 0;border-bottom:1px dashed var(--line);margin-bottom:22px;align-items:center}.step{display:flex;align-items:center;gap:10px}.step .dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;font-family:IBM Plex Mono,monospace;background:var(--paper-input);color:var(--muted-dim);border:2px solid var(--line)}.step.active .dot{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.step.done .dot{border-color:var(--gold);background:var(--gold);color:var(--white)}.step .lbl{font-size:13px;font-weight:600;color:var(--muted)}.step.active .lbl,.step.done .lbl{color:var(--ink)}.movie{background:linear-gradient(135deg,rgba(182,137,47,.08),transparent 60%),var(--paper-raised);border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:8px;padding:20px;margin-bottom:16px}.movie .title{font-family:Markazi Text,serif;font-weight:700;font-size:21px;color:var(--accent)}.movie .meta{font-size:13px;color:var(--muted);margin-top:4px}.movie .plot{font-size:13px;margin-top:10px;line-height:1.8;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{font-size:12px;background:var(--paper-input);border:1px solid var(--line);padding:4px 10px;border-radius:20px;color:var(--muted)}.chip b{color:var(--accent);font-weight:700}.bar{height:7px;background:var(--paper-input);border-radius:20px;overflow:hidden;margin-top:14px;border:1px solid var(--line)}.bar>div{height:100%;background:linear-gradient(90deg,var(--gold),var(--accent));transition:width .3s}.err{background:var(--error-bg);border:1px solid var(--error);color:var(--error);border-radius:8px;padding:12px 14px;font-size:13px;font-weight:600;margin-bottom:16px}.ok{color:var(--accent);font-size:13px;font-weight:700}.editor-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--paper-input);border-radius:8px 8px 0 0;flex-wrap:wrap;gap:10px}.editor{background:var(--paper-raised);border:1px solid var(--line);border-radius:8px;overflow:hidden}.rows{max-height:480px;overflow-y:auto}.trow{display:grid;grid-template-columns:60px 1fr 1fr;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);align-items:start}.trow:hover{background:#b6892f0a}.trow .idx{font-size:11px;color:var(--muted-dim);font-family:IBM Plex Mono,monospace;direction:ltr;text-align:left}.trow .idx span{color:var(--gold)}.trow .en{font-size:13px;color:var(--muted);line-height:1.6}.trow textarea{font-size:15px;line-height:1.8;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 10px;background:var(--paper-input);resize:vertical;min-height:46px;width:100%;font-family:Markazi Text,Amiri,serif;direction:rtl}.trow textarea:focus{outline:none;border-color:var(--gold);background:var(--paper-raised)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--paper)}.auth-box{background:var(--paper-raised);border:1px solid var(--line);border-radius:12px;padding:32px;width:100%;max-width:380px;box-shadow:0 4px 24px #2a241c0f}.auth-box .logo-lg{font-family:Markazi Text,serif;font-size:36px;font-weight:700;text-align:center;margin-bottom:4px;color:var(--ink)}.auth-box .logo-lg span{color:var(--accent)}.auth-box .tag{text-align:center;color:var(--muted);font-size:13px;margin-bottom:24px}.auth-box .input{margin-bottom:12px}.link{background:none;border:none;color:var(--accent);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700}.foot{text-align:center;font-size:12px;color:var(--muted-dim);margin-top:28px;line-height:1.8}.foot a{color:var(--accent);text-decoration:none;font-weight:700}.foot a:hover{text-decoration:underline}.plan-pill{font-size:12px;background:var(--paper-input);border:1px solid var(--line);padding:4px 12px;border-radius:20px;color:var(--muted);white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}label.field{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}.export-opts{display:flex;gap:10px;align-items:center}.select{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper-input);color:var(--ink);font-family:inherit;font-size:13px}.model-select{border-color:var(--gold-soft);color:var(--gold);font-weight:700}.landing{min-height:100vh;background:var(--paper)}.hero{min-height:calc(100vh - 4px);display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background:radial-gradient(ellipse 800px 500px at 50% 0%,var(--accent-glow),transparent 65%),var(--paper)}.hero-inner{max-width:620px;display:flex;flex-direction:column;align-items:center}.hero-logo{font-size:44px;margin-bottom:18px}.hero-title{font-family:Markazi Text,serif;font-size:32px;font-weight:700;color:var(--ink);line-height:1.5;margin:0 0 14px}.hero-sub{font-size:15px;color:var(--muted);line-height:1.8;margin:0 0 22px;max-width:480px}.hero-arrow{margin-top:56px;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper-raised);color:var(--accent);display:grid;place-items:center;cursor:pointer;animation:bob 2s ease-in-out infinite}.hero-arrow:hover{border-color:var(--gold-soft)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.features{max-width:1000px;margin:0 auto;padding:70px 20px 60px;text-align:center}.features-title{font-family:Markazi Text,serif;font-size:28px;color:var(--ink);margin-bottom:34px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:start}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:10px;padding:18px;text-align:right}.feature-num{font-family:IBM Plex Mono,monospace;color:var(--gold);font-size:13px;margin-bottom:8px}.feature-t{font-weight:800;font-size:14px;color:var(--ink);margin-bottom:6px}.feature-d{font-size:12.5px;color:var(--muted);line-height:1.7}.lang-toggle{font-family:IBM Plex Mono,monospace;letter-spacing:1px;min-width:42px}@media(max-width:640px){.topbar{padding:12px 14px}.topbar-inner{flex-direction:column;align-items:stretch;gap:10px}.logo{font-size:22px;text-align:center}.topbar-actions{justify-content:center;gap:8px}.hide-xs{display:none}.wrap{padding:16px 12px}.card{padding:14px}.row{gap:10px}.steps{gap:12px;padding:14px 0}.step .lbl{font-size:11.5px}.step .dot{width:24px;height:24px;font-size:11px}.editor-head{padding:12px 14px;flex-direction:column;align-items:stretch}.export-opts{justify-content:space-between}.trow{grid-template-columns:1fr;gap:6px;padding:12px 14px}.trow .idx{display:flex;gap:8px;flex-direction:row}.trow .idx br{display:none}.hero{padding:40px 16px}.hero-title{font-size:24px}.hero-sub{font-size:14px}.hero-logo{font-size:34px}.features{padding:40px 14px}.features-title{font-size:22px}.auth-box{padding:22px}}