:root{--color-bg: #14110d;--color-surface: #1c1811;--color-surface-raised: #241f17;--color-border: #35301f;--color-text: #f5f1e8;--color-text-muted: #a79c8a;--color-gold: #e8a33d;--color-gold-soft: rgba(232, 163, 61, .15);--color-green: #3f8f76;--color-green-soft: rgba(63, 143, 118, .15);--color-red: #c1443a;--color-red-soft: rgba(193, 68, 58, .15);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-kurdish: "Noto Naskh Arabic", "Segoe UI", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-soft: 0 12px 32px rgba(0, 0, 0, .35);color-scheme:dark}[data-theme=light]{--color-bg: #faf6ee;--color-surface: #ffffff;--color-surface-raised: #fffdf9;--color-border: #e7ddc7;--color-text: #201a10;--color-text-muted: #766c58;--color-gold-soft: rgba(232, 163, 61, .12);--color-green-soft: rgba(63, 143, 118, .12);--color-red-soft: rgba(193, 68, 58, .1);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}button{font-family:inherit}.app-shell{min-height:100%;display:flex;flex-direction:column;background-image:radial-gradient(circle at 12% -10%,var(--color-gold-soft),transparent 45%),radial-gradient(circle at 100% 0%,var(--color-green-soft),transparent 40%)}.container{width:100%;max-width:880px;margin:0 auto;padding:0 20px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;flex-shrink:0}.brand-name{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:.01em}.brand-tagline{font-size:12.5px;color:var(--color-text-muted);margin-top:-2px}.theme-toggle{display:flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:6px 14px 6px 6px;cursor:pointer;color:var(--color-text);transition:border-color .2s ease}.theme-toggle:hover{border-color:var(--color-gold)}.theme-toggle-dot{width:22px;height:22px;border-radius:50%;background:var(--color-gold);display:flex;align-items:center;justify-content:center;font-size:12px}.hero{padding:28px 0 8px;text-align:center}.hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,5vw,44px);line-height:1.12;margin:0 0 12px}.hero p{color:var(--color-text-muted);font-size:16px;max-width:560px;margin:0 auto;line-height:1.55}.hero .kurdish-sample{font-family:var(--font-kurdish);direction:rtl;display:inline-block;margin-top:10px;color:var(--color-gold);font-size:18px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:28px;margin:20px 0}.dropzone{border:1.5px dashed var(--color-border);border-radius:var(--radius-md);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease;background:var(--color-surface-raised)}.dropzone.dragging{border-color:var(--color-gold);background:var(--color-gold-soft);transform:scale(1.005)}.dropzone-icon{width:46px;height:46px;margin:0 auto 14px;color:var(--color-gold)}.dropzone h3{font-family:var(--font-display);font-weight:600;margin:0 0 6px;font-size:19px}.dropzone p{color:var(--color-text-muted);font-size:14px;margin:0}.format-chip-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.format-chip{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted)}.progress-track{width:100%;height:8px;border-radius:999px;background:var(--color-border);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-gold),var(--color-green));border-radius:999px;transition:width .35s ease}.progress-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--color-text-muted);margin-bottom:8px}.video-frame{position:relative;border-radius:var(--radius-md);overflow:hidden;background:#000}.video-frame video{width:100%;display:block;max-height:420px}.subtitle-overlay-preview{position:absolute;left:6%;right:6%;display:flex;justify-content:center;pointer-events:none}.subtitle-overlay-preview span{font-family:var(--font-kurdish);direction:rtl;background:#0000008c;color:#fff;padding:6px 16px;border-radius:6px;line-height:1.5;text-align:center}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}@media (max-width: 560px){.control-grid{grid-template-columns:1fr}}.control-label{display:flex;justify-content:space-between;font-size:13px;color:var(--color-text-muted);margin-bottom:8px}.control-label strong{color:var(--color-text);font-weight:500}input[type=range]{width:100%;accent-color:var(--color-gold)}.segmented{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.segmented button{flex:1;padding:9px 0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:13px;transition:background .2s ease,color .2s ease}.segmented button.active{background:var(--color-gold);color:#1a1408;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-sm);padding:13px 22px;font-size:14.5px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-gold);color:#1a1408}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #e8a33d59}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){border-color:var(--color-gold)}.btn-block{width:100%}.processing-view{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0 4px}.roj-spinner{width:132px;height:132px;margin-bottom:22px}.stage-label{font-family:var(--font-display);font-size:19px;font-weight:600;margin-bottom:4px}.stage-sub{color:var(--color-text-muted);font-size:14px;margin-bottom:22px}.stage-steps{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap;justify-content:center}.stage-pill{font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted)}.stage-pill.active{border-color:var(--color-gold);color:var(--color-gold);background:var(--color-gold-soft)}.stage-pill.done{border-color:var(--color-green);color:var(--color-green);background:var(--color-green-soft)}.download-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.download-row .btn{flex:1;min-width:200px}.success-banner{display:flex;align-items:center;gap:10px;color:var(--color-green);font-weight:600;font-size:15px;margin-bottom:4px}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:999;max-width:340px}@media (max-width: 560px){.toast-stack{left:16px;right:16px;max-width:none}}.toast{background:var(--color-surface-raised);border:1px solid var(--color-border);border-left:3px solid var(--color-gold);border-radius:var(--radius-sm);padding:13px 16px;font-size:13.5px;box-shadow:var(--shadow-soft);animation:toast-in .25s ease}.toast.error{border-left-color:var(--color-red)}.toast.success{border-left-color:var(--color-green)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.footer-note{text-align:center;color:var(--color-text-muted);font-size:12.5px;padding:30px 0 40px}.error-text{color:var(--color-red);font-size:13.5px;margin-top:10px}