:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #273549;--accent: #38bdf8;--accent-hover: #0ea5e9;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #334155;--gold: #fbbf24;--green: #22c55e;--phone-bg: #ffffff;--phone-text: #0f172a;--card-bg: #f8fafc;--card-border: #e2e8f0}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:clip}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Arabic,Amiri,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column}.arabic-text{font-family:Amiri,Noto Sans Arabic,Traditional Arabic,Segoe UI,Tahoma,sans-serif;direction:rtl;font-weight:700;letter-spacing:0}body.ltr-target .arabic-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Noto Sans CJK SC,Noto Sans Devanagari,Helvetica,Arial,sans-serif;direction:ltr}body.ltr-target .form-input.ar-input{direction:ltr}header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.logo-area{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;cursor:pointer;transition:opacity .18s ease}.logo-icon{width:32px;height:32px;flex-shrink:0;display:block}.logo-area:hover{opacity:.85}.logo-title{font-size:1.25rem;font-weight:700;color:var(--text-main)}.logo-tag{background:#38bdf826;color:var(--accent);padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:600}.status-badges{display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-width:100%;min-width:0}.header-lang-wrap{display:inline-flex;align-items:center;gap:8px;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:10px;padding:4px 10px;max-width:100%;min-width:0;overflow:hidden;transition:opacity .2s,border-color .2s,background .2s}.header-lang-wrap.locked{opacity:.65;background:#0f172a73;border-style:dashed;cursor:not-allowed}.header-lang-label{font-size:.82rem;font-weight:600;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.target-lang-select{background:transparent;color:var(--text-main);border:none;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;outline:none;padding:2px 4px;min-width:0;max-width:100%;flex:1 1 auto;text-overflow:ellipsis;overflow:hidden}@media(max-width:640px){header{padding:10px 14px;gap:8px}main{padding:14px}.topic-section,.selection-section{padding:16px}.status-badges{width:100%;gap:8px}.header-lang-wrap{flex:1 1 100%;width:100%;justify-content:space-between;padding:5px 10px;gap:6px}.header-lang-label{font-size:.78rem}.target-lang-select{font-size:.84rem;width:100%}}.target-lang-select:disabled{cursor:not-allowed;color:var(--text-muted);opacity:.9}.target-lang-select option{background:var(--bg-secondary);color:var(--text-main)}.status-pill{font-size:.8rem;padding:4px 10px;border-radius:20px;background:#334155;color:var(--text-muted);display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.status-pill.online{background:#22c55e26;color:#4ade80}.status-pill.online .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e99}.status-pill.starting{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.status-pill.starting .status-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0bcc;animation:pulseDot 1.2s infinite ease-in-out}.status-pill.offline{background:#ef44442e;color:#f87171;border:1px solid rgba(239,68,68,.35)}.status-pill.offline .status-dot{background:#ef4444;box-shadow:0 0 8px #ef444499}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.5}}main{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}.topic-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 10px 25px -5px #0000004d}.topic-form{display:flex;flex-direction:column;gap:14px}.topic-input-row{display:flex;gap:12px;flex-wrap:wrap}.lyrics-mode-toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#38bdf812;border:1px solid rgba(56,189,248,.22);cursor:pointer;user-select:none;align-self:flex-start;transition:all .2s ease}.lyrics-mode-toggle:hover{background:#38bdf824;border-color:#38bdf873}.lyrics-mode-toggle.active{background:#38bdf82e;border-color:var(--accent);box-shadow:0 0 0 2px #38bdf82e}.lyrics-mode-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.lyrics-mode-icon{font-size:1.15rem}.lyrics-mode-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.92rem;color:var(--text-main)}.lyrics-mode-sub{font-size:.8rem;color:var(--text-muted)}.source-text-container{background:#0f172a8c;border:1.5px solid rgba(56,189,248,.35);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.source-text-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.source-text-label{font-size:.88rem;font-weight:700;color:var(--accent)}.source-text-badge{font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;background:#38bdf826;color:var(--accent);border:1px solid rgba(56,189,248,.3)}.source-text-textarea{width:100%;min-height:96px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-main);font-family:inherit;font-size:.96rem;line-height:1.5;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}.source-text-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf833}.slider-container{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 18px;display:flex;flex-direction:column;gap:8px}.slider-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.slider-label{color:var(--text-muted);font-weight:500}.slider-badge{color:var(--text-main);font-weight:600}.slider-badge strong{color:var(--accent);font-size:1.05rem}.slider-speed{font-size:.8rem;margin-left:6px;font-weight:600;color:var(--accent)}.word-slider{width:100%;height:6px;border-radius:4px;background:var(--bg-primary);outline:none;cursor:pointer;accent-color:var(--accent)}.slider-ticks{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.topic-input{flex:1 1 240px;min-width:0;max-width:100%;padding:14px 20px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-main);font-size:1.1rem;outline:none;transition:border-color .2s,box-shadow .2s}.topic-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf833}.btn{padding:12px 24px;border-radius:12px;font-weight:600;font-size:1rem;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;text-decoration:none}.btn-primary{background:var(--accent);color:#0f172a}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#334155}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-topics{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.quick-topics-label{font-size:.85rem;color:var(--text-muted);margin-right:4px}.quick-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:6px 14px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.quick-chip:hover{background:#38bdf833;color:var(--accent);border-color:var(--accent)}.history-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:18px 24px;margin-top:24px;display:flex;flex-direction:column;gap:12px}.history-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.history-title-wrap{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.history-title{font-size:.92rem;font-weight:700;color:var(--text-main)}.history-subtitle{font-size:.78rem;color:var(--text-muted)}.btn-clear-history{background:#ef44441a;border:1px solid rgba(239,68,68,.28);color:#f87171;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .18s}.btn-clear-history:hover{background:#ef444438;border-color:#ef4444}.history-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.history-list::-webkit-scrollbar{height:6px}.history-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.history-item{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:12px;padding:10px 14px;min-width:230px;max-width:290px;flex-shrink:0;cursor:pointer;display:flex;flex-direction:column;gap:6px;position:relative;transition:all .18s ease;user-select:none}.history-item:hover{border-color:var(--accent);background:#2e3e56;transform:translateY(-2px)}.history-item.active{border-color:var(--accent);background:#38bdf824;box-shadow:0 0 12px #38bdf838}.history-item.latest:not(.active){border-color:#fbbf248c}.history-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:18px}.history-item-ar{font-size:1.15rem;color:var(--gold);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-en{font-size:.88rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.73rem;color:var(--text-muted);margin-top:2px}.history-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;font-weight:600;background:#0f172a8c;color:var(--accent)}.history-badge.latest-tag{background:#fbbf242e;color:var(--gold)}.history-badge.history-lang-badge{background:#38bdf81f;color:#e2e8f0;border:1px solid rgba(56,189,248,.25)}.history-theme-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0;border:1px solid rgba(255,255,255,.4)}.history-delete-btn{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:.9rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.history-delete-btn:hover{background:#ef444440;color:#f87171}.loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.spinner{width:48px;height:48px;border:4px solid rgba(56,189,248,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selection-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px}.selection-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.selection-title-box{display:flex;flex-direction:column;gap:4px}.selection-title{font-size:1.4rem;font-weight:700;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.topic-badge-ar{font-size:1.4rem;color:var(--gold)}.topic-badge-tr{font-size:.95rem;font-style:italic;font-weight:500;color:var(--text-muted);background:#ffffff0d;border:1px dashed rgba(148,163,184,.45);border-radius:6px;padding:3px 10px;min-width:110px;max-width:240px;outline:none;transition:border-color .2s,background .2s,color .2s}.topic-badge-tr:hover{border-color:var(--accent);color:var(--text-main)}.topic-badge-tr:focus{border-color:var(--accent);background:#38bdf81f;color:var(--text-main)}.selection-count{font-size:.95rem;color:var(--accent);font-weight:600}.selection-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:768px){.selection-actions{width:100%}.selection-actions .layout-radio-group{flex:1 1 100%;width:100%;justify-content:space-between}.selection-actions .layout-radio-option{flex:1;justify-content:center;padding:8px;font-size:.82rem}.selection-actions #btnAutoPick,.selection-actions #btnBuildPoster{flex:1 1 calc(50% - 6px)}}.add-word-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;margin-bottom:18px}.add-word-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.custom-word-input{flex:1 1 240px;min-width:0;padding:10px 14px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-main);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}@media(max-width:768px){.add-word-row .custom-word-input,.add-word-row #btnAddCustomWord{flex:1 1 100%;width:100%}}.custom-word-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf833}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.word-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:12px 14px;cursor:pointer;user-select:none;transition:all .2s;display:flex;flex-direction:column;gap:6px;position:relative}.word-card:hover{border-color:var(--accent);transform:translateY(-2px);background:#2e3e56}.word-card.selected{border-color:var(--accent);background:#38bdf824;box-shadow:0 0 14px #38bdf847}.word-card.selected:after{content:attr(data-select-badge);position:absolute;top:7px;right:8px;min-width:22px;height:22px;padding:0 8px;background:var(--accent);color:#0f172a;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;letter-spacing:.01em;box-shadow:0 2px 8px #0f172a80;z-index:2}.selection-sticky-bar{position:sticky;bottom:12px;z-index:45;margin-top:18px;background:#0f172af0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(56,189,248,.45);border-radius:14px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 10px 28px #0000008c;transition:border-color .2s,box-shadow .2s}.selection-sticky-bar.ready{border-color:#10b981;box-shadow:0 10px 28px #0000008c,0 0 18px #10b98147}.selection-sticky-left{display:flex;align-items:center;gap:12px;flex:1 1 220px;min-width:0}.selection-sticky-badge{background:#38bdf82e;border:1.5px solid var(--accent);color:var(--accent);font-weight:800;font-size:1rem;padding:6px 13px;border-radius:999px;white-space:nowrap;flex-shrink:0;transition:all .2s}.selection-sticky-bar.ready .selection-sticky-badge{background:#10b98133;border-color:#10b981;color:#34d399}.selection-sticky-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.selection-sticky-text{font-size:.9rem;font-weight:600;color:var(--text-main)}.selection-progress-track{width:100%;max-width:260px;height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.selection-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .22s ease,background .2s ease}.selection-sticky-bar.ready .selection-progress-fill{background:#10b981}.selection-sticky-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:640px){.selection-sticky-bar{padding:10px 12px;gap:10px;bottom:8px}.selection-sticky-actions{width:100%}.selection-sticky-actions .btn{flex:1 1 auto}}.word-card-ar-box{border:1.5px dashed #475569;border-radius:6px;background:#0f172a66;padding:10px 10px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;box-sizing:border-box;flex-shrink:0}.word-card-ar{font-size:1.35rem;color:var(--gold);line-height:1.75;padding-top:2px;padding-bottom:4px}.word-card-tr{font-size:.8rem;color:var(--text-muted);font-style:italic;line-height:1.3}.word-card-en{font-size:.95rem;font-weight:600;color:var(--text-main);line-height:1.3}.studio-layout{display:flex;gap:32px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.studio-controls{flex:1;min-width:300px;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.control-group{display:flex;flex-direction:column;gap:10px}.control-title{font-size:1.05rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px}.instruction-hint{font-size:.85rem;color:var(--text-muted);line-height:1.5}.theme-picker-row{display:flex;align-items:center;gap:12px}.theme-color-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:38px;background:transparent;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;padding:2px;transition:border-color .2s}.theme-color-input:hover{border-color:var(--accent)}.theme-color-input::-webkit-color-swatch-wrapper{padding:0}.theme-color-input::-webkit-color-swatch{border:none;border-radius:5px}.btn-sm{padding:8px 14px;font-size:.88rem}.preset-swatches{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.swatch-btn{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;padding:0;outline:none}.swatch-btn:hover{transform:scale(1.18);box-shadow:0 0 8px #fff9;border-color:#fff}.phone-viewport-container{display:flex;flex-direction:column;align-items:center;gap:16px}.phone-device-frame{width:405px;height:720px;aspect-ratio:9 / 16;background:var(--phone-bg);border-radius:0;box-shadow:0 15px 40px #0006;border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;position:relative;color:var(--phone-text);box-sizing:border-box;transition:width .2s ease,height .2s ease}.phone-device-frame.hide-transliteration .phone-title-tr,.phone-device-frame.hide-transliteration .poster-card-tr{display:none!important}.phone-device-frame.hide-transliteration .header-ar-box{padding:7px 12px}.phone-device-frame.hide-transliteration .phone-title-ar{padding:2px 4px;margin-bottom:0}.phone-header{padding:10px 12px 9px;background-color:var(--poster-theme-main, #0284c7);background-image:linear-gradient(135deg,var(--poster-theme-main, #0284c7) 0%,var(--poster-theme-dark, #0369a1) 100%);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;border-bottom:3px solid var(--poster-theme-light, #38bdf8);transition:background .3s ease,border-color .3s ease;flex-shrink:0;width:100%;box-sizing:border-box}.header-ar-box{border:1.5px dashed #94a3b8;border-radius:6px;background:#f8fafc;padding:10px 12px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:96%;min-width:180px;max-width:98%;box-shadow:0 2px 6px #00000014}.phone-title-ar{width:100%;border:1px dashed transparent;background:transparent;text-align:center;font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1.85;min-height:2.9rem;padding:6px 4px 0;margin-bottom:-4px;border-radius:4px;outline:none;transition:background .2s,border-color .2s}.phone-title-ar:hover{background:#94a3b824;border-color:#94a3b8}.phone-title-ar:focus{background:#fff;border-color:#0284c7}.phone-title-tr{width:100%;border:1px dashed transparent;background:transparent;text-align:center;font-family:inherit;font-size:.82rem;color:#64748b;font-style:italic;font-weight:500;line-height:1.2;padding:2px 6px;border-radius:4px;outline:none;transition:background .2s,border-color .2s}.phone-title-tr:hover{background:#94a3b824;border-color:#94a3b8}.phone-title-tr:focus{background:#fff;border-color:#0284c7;color:#0f172a}.phone-title-en{width:100%;border:1px dashed transparent;background:transparent;text-align:center;font-family:inherit;font-size:1.15rem;font-weight:700;letter-spacing:0;line-height:1.5;unicode-bidi:plaintext;text-transform:none;color:#fff;outline:none;padding:4px 8px;border-radius:6px;transition:background .2s,border-color .2s,box-shadow .2s}.phone-title-en.has-arabic{font-family:Amiri,Noto Sans Arabic,Traditional Arabic,Segoe UI,Tahoma,sans-serif;direction:rtl;letter-spacing:0;line-height:1.85;min-height:2.6rem;padding:6px 8px 2px;font-size:1.35rem}.phone-title-en:hover{background:#ffffff24;border-color:#ffffff73}.phone-title-en:focus{background:#0f172a40;border-color:#fff;box-shadow:0 0 0 2px #ffffff59}.phone-grid-2x3{padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-height:0;background:#f1f5f9;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body.is-dragging-card,body.is-dragging-card *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;cursor:grabbing!important}.poster-card{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:grab;position:relative;min-width:0;min-height:0;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;transition:box-shadow .22s ease,border-color .22s ease,background-color .22s ease;box-shadow:0 2px 6px #0000000d;will-change:transform}.poster-card *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.phone-grid-2x3:not(.is-sorting) .poster-card:hover{border-color:var(--poster-theme-main, #0284c7);box-shadow:0 6px 14px #0000001f}.poster-card:active{cursor:grabbing}.poster-card.sortable-ghost{opacity:.42!important;background:#e0f2fe!important;border:2px dashed var(--poster-theme-main, #0284c7)!important;box-shadow:inset 0 2px 10px #0284c72e!important;animation:ghostSlotPulse 1s ease-in-out infinite alternate}.poster-card.sortable-chosen{border-color:var(--poster-theme-main, #0284c7);box-shadow:0 12px 24px #0284c747}.poster-card.sortable-fallback,.poster-card.sortable-drag{opacity:.96!important;background:#fff!important;border:2px solid var(--poster-theme-main, #0284c7)!important;box-shadow:0 18px 36px #0f172a52,0 0 0 3px #38bdf847!important;cursor:grabbing!important}.poster-card.card-shifting{z-index:6;border-color:var(--poster-theme-main, #0284c7)!important;background:#f0f9ff;box-shadow:0 8px 20px #0284c738,0 0 0 2px #38bdf859}.poster-card.card-shifting:after{content:"\21c4";position:absolute;top:4px;left:5px;width:18px;height:18px;border-radius:50%;background:var(--poster-theme-main, #0284c7);color:#fff;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;pointer-events:none;animation:swapBadgePop .28s cubic-bezier(.22,1,.36,1)}.poster-card.card-drop-settle{z-index:7;animation:cardDropSettle .38s cubic-bezier(.22,1,.36,1)}.poster-card.card-swapped-settle{animation:cardSwappedFlash .45s ease-out}@keyframes ghostSlotPulse{0%{background-color:#e0f2fe}to{background-color:#bae6fd}}@keyframes swapBadgePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes cardDropSettle{0%{transform:scale(1.06);box-shadow:0 14px 28px #0284c752;border-color:var(--poster-theme-main, #0284c7)}60%{transform:scale(.98)}to{transform:scale(1);box-shadow:0 2px 6px #0000000d}}@keyframes cardSwappedFlash{0%{background-color:#e0f2fe;border-color:var(--poster-theme-main, #0284c7);box-shadow:0 0 0 2px #38bdf866}to{background-color:#fff;box-shadow:0 2px 6px #0000000d}}.poster-img-wrap{width:72px;height:72px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#fff;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;margin-bottom:3px}.poster-img{width:100%;height:100%;object-fit:contain;padding:3px;transition:transform .2s}.poster-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;color:#94a3b8;font-size:.72rem;padding:4px;text-align:center}.poster-img-placeholder.loading .mini-spinner{width:24px;height:24px;border:3px solid #cbd5e1;border-top-color:var(--poster-theme-main, #0284c7);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:6px}.poster-text-wrap{margin-top:2px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.poster-ar-box{width:100%;border:1.5px dashed #94a3b8;border-radius:5px;background:#f8fafc;padding:8px 4px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;margin-bottom:1px;flex-shrink:0}.poster-card-ar{width:100%;font-size:1.22rem;font-weight:800;color:#0f172a;line-height:1.65;padding-top:2px;padding-bottom:3px;overflow-wrap:break-word;word-break:normal}.poster-card-tr{width:100%;font-size:.72rem;color:#64748b;font-style:italic;font-weight:500;line-height:1.2;overflow-wrap:break-word}.poster-card-en{width:100%;font-size:.82rem;font-weight:700;color:var(--poster-theme-en, #0369a1);text-transform:none;line-height:1.2;overflow-wrap:break-word;transition:color .3s ease}.edit-badge{position:absolute;top:4px;right:4px;background:#0f172ab3;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;opacity:0;transition:opacity .2s;pointer-events:none}.poster-card:hover .edit-badge{opacity:1}.phone-footer-wrap{background:#e2e8f0;padding:7px 12px;border-top:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;margin-top:auto;box-sizing:border-box;flex-shrink:0}.phone-footer-input{width:100%;border:none;background:transparent;text-align:center;font-size:.78rem;font-weight:600;color:#475569;outline:none;padding:4px 8px;border-radius:6px;transition:all .2s}.phone-footer-input:hover{background:#fff9}.phone-footer-input:focus{background:#fff;color:#0284c7;box-shadow:0 0 0 2px #0284c7}.phone-footer-input::placeholder{color:#94a3b8;font-weight:400;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-main)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.modal-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.modal-tab-btn{background:none;border:none;color:var(--text-muted);font-weight:600;font-size:.95rem;padding:8px 16px;border-radius:8px;cursor:pointer}.modal-tab-btn.active{background:var(--bg-card);color:var(--accent)}.image-variants-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.variant-box{aspect-ratio:1/1;border:2px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;position:relative;transition:all .2s}.variant-box:hover{border-color:var(--accent);transform:scale(1.02)}.variant-box.selected{border-color:#10b981;box-shadow:0 0 0 3px #10b9814d}.variant-box img{width:100%;height:100%;object-fit:contain}.variant-badge{position:absolute;top:8px;left:8px;background:#0f172ac7;color:#f8fafc;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;pointer-events:none}.upload-drop-zone{transition:border-color .2s,background .2s}.upload-drop-zone:hover,.upload-drop-zone.drag-over{border-color:var(--accent)!important;background:#38bdf814!important}.translations-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.translation-option-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.translation-option-item:hover{border-color:var(--gold);background:#33445d}.trans-opt-left{display:flex;flex-direction:column;gap:2px}.trans-opt-ar{font-size:1.4rem;color:var(--gold)}.trans-opt-tr{font-size:.85rem;color:var(--text-muted)}.trans-opt-tag{font-size:.75rem;background:#1e293b;color:var(--accent);padding:3px 8px;border-radius:6px;font-weight:600}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.form-input{padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-main);font-size:1rem}.form-input.ar-input{font-size:1.3rem;line-height:1.85;padding:8px 14px;direction:rtl;color:var(--gold)}.topic-trans-picker-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px;margin-bottom:4px}.topic-trans-label{font-size:.82rem;color:var(--text-muted);font-weight:600}.topic-trans-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.topic-trans-chip{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:10px;padding:5px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-main);transition:all .18s ease}.topic-trans-chip:hover{border-color:var(--accent);background:#2e3e56}.topic-trans-chip.selected{border-color:var(--gold);background:#fbbf2426;box-shadow:0 0 10px #fbbf2433}.topic-trans-chip-ar{font-size:1.15rem;color:var(--gold);line-height:1.3}.topic-trans-chip-tr{font-size:.78rem;color:var(--text-muted);font-style:italic}.btn-link-sm{background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:var(--accent);padding:4px 10px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s}.btn-link-sm:hover:not(:disabled){background:#38bdf840;border-color:var(--accent)}.btn-link-sm:disabled{opacity:.5;cursor:wait}.studio-topic-trans-list{display:flex;flex-direction:column;gap:6px}.studio-topic-trans-item{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:10px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;color:var(--text-main);text-align:left;transition:all .18s ease}.studio-topic-trans-item:hover{border-color:var(--accent);background:#2e3e56}.studio-topic-trans-item.selected{border-color:var(--gold);background:#fbbf2424;box-shadow:0 0 10px #fbbf242e}.studio-topic-trans-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.studio-topic-trans-ar{font-size:1.25rem;color:var(--gold);line-height:1.35}.studio-topic-trans-tr{font-size:.8rem;color:var(--text-muted);font-style:italic}.studio-topic-trans-note{font-size:.7rem;background:#0f172a99;color:var(--accent);padding:2px 7px;border-radius:6px;font-weight:600;white-space:nowrap}.layout-radio-group{display:inline-flex;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;padding:4px;gap:4px;align-items:center}.layout-radio-option{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:.88rem;font-weight:600;color:var(--text-muted);cursor:pointer;user-select:none;transition:all .18s ease}.layout-radio-option input[type=radio]{accent-color:var(--accent);cursor:pointer;margin:0}.layout-radio-option:hover{color:var(--text-main);background:#ffffff0d}.layout-radio-option.active{background:#38bdf829;color:var(--accent);box-shadow:0 0 0 1px #38bdf866}.phone-grid-2x3.grid-2x5{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:6px;padding:8px}.poster-card.text-only-card{padding:5px 5px 4px;border-radius:10px}.poster-card.text-only-card .poster-text-wrap{margin-top:0;gap:2px}.poster-card.text-only-card .poster-ar-box{padding:7px 5px 4px}.phone-device-frame.frame-3x8{width:450px;height:800px}.phone-grid-2x3.grid-3x8{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:5px;padding:6px 8px}.poster-card.card-3x8{padding:3px;border-radius:8px}.poster-card.card-3x8 .poster-ar-box{padding:5px 3px 3px;gap:2px;margin-bottom:1px}.poster-card.card-3x8 .poster-card-ar{font-size:.98rem;line-height:1.55;padding-bottom:2px}.poster-card.card-3x8 .poster-card-tr{font-size:.6rem;line-height:1.15}.poster-card.card-3x8 .poster-card-en{font-size:.68rem;line-height:1.15}.seo-about-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-top:24px;overflow:hidden}.seo-about-summary{padding:16px 22px;font-size:.95rem;font-weight:700;color:var(--text-main);cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background .18s}.seo-about-summary::-webkit-details-marker{display:none}.seo-about-summary:after{content:"\25be";color:var(--accent);font-size:1rem;transition:transform .2s}.seo-about-section[open] .seo-about-summary:after{transform:rotate(180deg)}.seo-about-summary:hover{background:#ffffff08}.seo-about-body{padding:0 22px 20px;border-top:1px solid rgba(255,255,255,.06)}.seo-about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.seo-about-card{background:#0f172a8c;border:1px solid var(--border-color);border-radius:12px;padding:14px 16px}.seo-about-card h3{font-size:.95rem;color:var(--accent);margin-bottom:8px}.seo-about-card p{font-size:.84rem;color:var(--text-muted);line-height:1.55}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:16px 24px;margin-top:auto}.site-footer-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--text-muted)}.site-footer-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-link-btn,.btn-link-inline{background:none;border:none;color:var(--accent);font-size:inherit;font-family:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.footer-link-btn:hover,.btn-link-inline:hover{color:var(--accent-hover)}.cookie-banner{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:920px;background:#0f172af5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(56,189,248,.45);border-radius:14px;padding:14px 18px;box-shadow:0 14px 36px #000000a6;z-index:900}.cookie-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cookie-banner-text{flex:1 1 320px;font-size:.85rem;color:var(--text-main);line-height:1.5}.cookie-banner-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cookie-pref-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px}.cookie-pref-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cookie-always-on{font-size:.75rem;font-weight:700;color:#4ade80;background:#22c55e24;border:1px solid rgba(34,197,94,.3);padding:3px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}.legal-content{font-size:.88rem;color:var(--text-muted);line-height:1.6;max-height:55vh;overflow-y:auto;padding-right:6px}.legal-content h4{color:var(--text-main);font-size:.96rem;margin:12px 0 6px}.legal-content h4:first-child{margin-top:0}.legal-content p{margin-bottom:10px}.legal-content ul{padding-left:20px;margin-bottom:10px}.legal-content li{margin-bottom:6px}