:root{--bg: #fbfcfe;--surface: #ffffff;--surface-2: #f4f6f9;--border: #e9edf2;--border-strong: #dbe1e9;--text: #171d2b;--muted: #8a94a6;--primary: #6366f1;--primary-soft: #eef1fe;--accent-grad: linear-gradient(135deg, #6366f1, #a855f7);--danger: #dc2626;--danger-soft: #fef2f2;--danger-border: #fecaca;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 16px -2px rgba(16, 24, 40, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Tajawal,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-inner{width:min(1400px,100%);margin-inline:auto;padding-inline:24px;display:flex;align-items:center;justify-content:flex-start;gap:0;height:58px}.topbar-toggle{flex-shrink:0;margin-inline-end:6px;color:var(--text)}.topnav{display:flex;align-items:stretch;gap:2px;height:100%;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.nav-item{position:relative;border:none;background:none;padding:0 14px;font:inherit;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .15s}.nav-item:hover{color:var(--text)}.nav-item.active{color:var(--text);font-weight:800}.nav-item.active:after{content:"";position:absolute;bottom:0;inset-inline:12px;height:3px;border-radius:3px 3px 0 0;background:var(--text)}.topbar-side{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-inline-start:auto}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;white-space:nowrap}.count-pill{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.key-pill{border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);cursor:pointer;transition:.15s}.key-pill .dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.key-pill.ok .dot{background:#10b981}.key-pill:hover{border-color:var(--primary);color:var(--primary)}.sync-banner{position:sticky;top:52px;z-index:16;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:var(--primary-soft);color:var(--primary);font-size:12.5px;font-weight:700}.sync-banner .spinner{width:13px;height:13px;border-width:2px}.toolbar{position:sticky;top:58px;z-index:15;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.toolbar-inner{width:min(1400px,100%);margin-inline:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar-group{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:12px;padding:8px 14px;width:280px;background:var(--surface);color:var(--muted);transition:.15s}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.search-box input{border:none;outline:none;font:inherit;font-size:13.5px;flex:1;min-width:0;color:var(--text);background:none}.search-box input::placeholder{color:var(--muted)}.search-clear{border:none;background:var(--surface-2);color:var(--muted);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.search-clear:hover{color:var(--text)}.zoom-group{flex:1;max-width:360px;display:flex;align-items:center;gap:12px;color:var(--muted);margin-inline:auto}input.zoom{flex:1;accent-color:var(--primary);cursor:pointer}.icon-btn{width:36px;height:36px;border-radius:11px;border:none;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.15s;flex-shrink:0}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn.danger:hover{color:var(--danger);background:var(--danger-soft)}.dd{position:relative}.dd-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:12px;cursor:pointer;transition:.15s;white-space:nowrap}.dd-btn:hover{border-color:var(--primary);color:var(--primary)}.dd-caret{color:var(--muted)}.dd-menu{position:absolute;top:calc(100% + 8px);inset-inline-start:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #10182824;padding:6px;min-width:150px;z-index:40;display:flex;flex-direction:column;animation:menu-in .14s ease}.dd-menu.end{inset-inline-start:auto;inset-inline-end:0}.dd-menu button{text-align:start;border:none;background:none;padding:9px 12px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--text);cursor:pointer;transition:.1s;white-space:nowrap}.dd-menu button:hover{background:var(--surface-2)}.dd-menu button.active{color:var(--primary);background:var(--primary-soft);font-weight:700}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.stage{width:min(1400px,100%);margin-inline:auto;padding:22px 24px 250px;position:relative;z-index:1}.gallery{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(var(--zoom, 240px),1fr))}.card{background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-img{position:relative;aspect-ratio:1;background:var(--surface-2);cursor:zoom-in}.card-img img{width:100%;height:100%;object-fit:cover;display:block}.card-shade{position:absolute;inset-inline:0;bottom:0;height:42%;background:linear-gradient(transparent,#0f172a38);pointer-events:none}.card-time{position:absolute;bottom:10px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:6px;background:#0f172a9e;color:#fff;font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-actions{position:absolute;inset-inline-start:8px;inset-block-start:8px;display:flex;gap:6px;opacity:0;transition:opacity .15s}.card-img:hover .card-actions,.card-img:focus-within .card-actions{opacity:1}.card-actions button{width:32px;height:32px;border-radius:10px;border:none;background:#fffffff0;color:var(--text);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:.12s}.card-actions button:hover{background:#fff;color:var(--primary)}.skeleton{aspect-ratio:1;border-radius:16px;background:linear-gradient(100deg,#eef1f6 40%,#f8fafc,#eef1f6 60%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}.icon-btn .spinner,.btn-ghost .spinner{border-color:#6366f140;border-top-color:var(--primary)}.empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:100px 20px;color:var(--muted)}.empty-icon{width:74px;height:74px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin-bottom:6px}.empty h3{margin:0;color:var(--text);font-size:17px}.empty p{margin:0;font-size:14px;max-width:480px}.composer{position:fixed;bottom:16px;inset-inline:0;margin-inline:auto;width:min(980px,calc(100% - 32px));background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:0 14px 44px #10182821;z-index:25;padding:10px 14px 8px;transition:border-color .15s,box-shadow .15s}.composer.drag{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.composer-banner{margin-bottom:8px}.composer-main{display:flex;align-items:flex-end;gap:6px}.composer-attach{width:40px;height:40px;color:var(--muted)}.composer-attach:hover{color:var(--primary)}.composer-input{flex:1;border:none;outline:none;resize:none;font:inherit;font-size:15.5px;line-height:1.5;min-height:40px;max-height:140px;padding:8px 6px;background:transparent;color:var(--text)}.composer-input::placeholder{color:#9aa4b2}.btn-generate{background:#14192a;color:#fff;border:none;border-radius:14px;padding:0 24px;height:42px;font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.15s;flex-shrink:0}.btn-generate:hover:not(:disabled){background:#000;transform:translateY(-1px)}.btn-generate:disabled{opacity:.65;cursor:progress}.composer-settings{display:flex;align-items:center;gap:6px;padding:7px 4px 2px;flex-wrap:wrap}.dd.chip .dd-btn{background:var(--surface-2);border:1px solid transparent;color:var(--text);font-size:12.5px;padding:6px 12px;border-radius:11px}.dd.chip .dd-btn:hover{background:#ebeff5;border-color:transparent;color:var(--text)}.dd.chip .dd-btn>svg:first-child{color:var(--primary)}.dd.chip .dd-menu{bottom:calc(100% + 8px);top:auto}.stepper{display:inline-flex;align-items:center;gap:2px;background:var(--surface-2);border-radius:11px;padding:3px}.stepper button{width:26px;height:26px;border-radius:8px;border:none;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.12s}.stepper button:hover:not(:disabled){background:#fff;color:var(--text)}.stepper button:disabled{opacity:.35;cursor:default}.stepper span{min-width:22px;text-align:center;font-size:13.5px;font-weight:700}.ref-note{margin-inline-start:auto;font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}.chip-btn{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid transparent;color:var(--text);font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:11px;cursor:pointer;transition:.15s;flex-shrink:0}.chip-btn svg{color:var(--primary)}.chip-btn:hover,.chip-btn.active{background:var(--primary-soft);color:var(--primary)}.ref-note+.chip-btn{margin-inline-start:0}.ref-chips{display:flex;gap:8px;flex-wrap:wrap;padding:4px 4px 6px}.ref-chip{position:relative;width:44px;height:44px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.ref-chip img{width:100%;height:100%;object-fit:cover;display:block}.ref-chip button{position:absolute;top:2px;inset-inline-end:2px;width:16px;height:16px;border-radius:50%;border:none;background:#0f172aa6;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.ref-chip button:hover{background:#0f172ae6}.attach-wrap{position:relative;flex-shrink:0}.pop{position:absolute;bottom:calc(100% + 12px);inset-inline-start:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 44px #10182829;z-index:40;padding:8px;min-width:230px;animation:menu-in .14s ease}.attach-pop button{display:flex;gap:10px;align-items:center;width:100%;border:none;background:none;padding:10px 12px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;transition:.12s;white-space:nowrap}.attach-pop button svg{color:var(--primary)}.attach-pop button:hover{background:var(--primary-soft);color:var(--primary)}.picker-pop{width:min(420px,86vw)}.brandopts-wrap{position:relative}.brandopts-pop{min-width:250px}.pop-row{display:flex;gap:10px;align-items:center;width:100%;border:none;background:none;padding:10px 12px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;transition:.12s;white-space:nowrap;text-align:start}.pop-row svg{color:var(--primary);flex-shrink:0}.pop-row:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.pop-row:disabled{opacity:.45;cursor:not-allowed}.pop-check{width:18px;height:18px;border:1.5px solid var(--border);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);flex-shrink:0;transition:.12s}.pop-check.on{background:var(--primary);border-color:var(--primary)}.pop-check.on svg{color:#fff}.picker-head{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 10px;font-weight:800;font-size:13.5px}.picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:250px;overflow:auto;padding:2px}.picker-grid button{position:relative;aspect-ratio:1;border:1px solid var(--border);border-radius:10px;overflow:hidden;padding:0;cursor:pointer;background:var(--surface-2);transition:.12s}.picker-grid img{width:100%;height:100%;object-fit:cover;display:block}.picker-grid button:hover{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.picker-empty{grid-column:1 / -1;text-align:center;color:var(--muted);font-size:12.5px;padding:26px 10px}.picker-manage{display:block;width:100%;text-align:center;margin-top:8px;padding:8px;border:none;background:none;color:var(--primary);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;border-radius:10px;transition:.12s}.picker-manage:hover{background:var(--primary-soft)}.page{width:min(1100px,100%);margin-inline:auto;padding:26px 24px 90px;position:relative;z-index:1}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}.page-head h2{margin:0;font-size:21px;font-weight:800}.page-head p{margin:4px 0 0;color:var(--muted);font-size:13.5px}.btn-new-client{display:inline-flex;align-items:center;gap:8px;background:#14192a;color:#fff;border:none;border-radius:12px;padding:10px 18px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.15s}.btn-new-client:hover{background:#000;transform:translateY(-1px)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.client-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;cursor:pointer;transition:.15s;box-shadow:var(--shadow-sm)}.client-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.client-logo{width:46px;height:46px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.client-logo img{width:100%;height:100%;object-fit:cover}.client-card-text{flex:1;min-width:0}.client-name{font-weight:800;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-meta{font-size:12px;color:var(--muted)}.client-del{width:30px;height:30px;border-radius:9px;border:none;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.12s;flex-shrink:0}.client-del:hover{color:var(--danger);background:var(--danger-soft)}.clients-empty{grid-column:1 / -1;text-align:center;color:var(--muted);padding:60px 16px;background:var(--surface);border:1.5px dashed var(--border-strong);border-radius:16px}.btn-back{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.15s}.btn-back:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.btn-danger-ghost{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--danger);border-radius:10px;padding:8px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.15s}.btn-danger-ghost:hover{background:var(--danger-soft);border-color:var(--danger-border)}.client-name-input{font:inherit;font-size:17px;font-weight:800;border:1px solid transparent;background:none;border-radius:10px;padding:6px 10px;color:var(--text);min-width:200px;flex:1;max-width:420px;transition:.15s}.client-name-input:hover{border-color:var(--border-strong);background:var(--surface)}.client-name-input:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #6366f126}.tabs{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:4px;margin-bottom:18px;width:fit-content;max-width:100%;flex-wrap:wrap}.tabs button{border:none;background:none;padding:8px 16px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:7px}.tabs button.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.tab-count{background:var(--primary-soft);color:var(--primary);border-radius:999px;font-size:11px;font-weight:800;padding:1px 8px}.identity-form{display:flex;flex-direction:column;gap:18px;max-width:640px}.field label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}.contact-row{display:flex;align-items:center;gap:12px;margin-bottom:9px}.contact-row .input{flex:1;padding:9px 13px;font-size:13.5px}.check.inline{margin-top:0;white-space:nowrap;flex-shrink:0;color:var(--text);font-weight:600;font-size:12.5px}.field-hint{margin:2px 0 0;font-size:11.5px;color:var(--muted)}.products-manager{display:flex;flex-direction:column;gap:14px}.products-toolbar{display:flex;justify-content:flex-end}.ad-page{display:flex;flex-direction:column;gap:12px;width:min(940px,100%);margin:0 auto;padding:16px 20px 14px;height:calc(100dvh - 72px)}.wiz-steps{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wiz-step{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 12px}.wiz-step i{font-style:normal;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--bg);border:1px solid var(--border);font-size:10.5px}.wiz-step.active{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.wiz-step.active i{background:var(--primary);color:#fff;border-color:var(--primary)}.wiz-step.done{color:var(--text)}.wiz-step.done i{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-soft)}.wiz-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px 2px}.wiz-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;max-width:620px;margin:0 auto;width:100%}.wiz-panel.wide{max-width:100%}.wiz-panel h3{margin:0;font-size:16.5px}.wiz-panel>p{margin:0;font-size:13px;color:var(--muted);line-height:1.7}.wiz-note{margin:0;font-size:13px;color:var(--muted);line-height:1.7}.wiz-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.wiz-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.stage-card{text-align:start;background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.stage-card strong{font-size:14px}.stage-card span{font-size:12px;color:var(--muted);line-height:1.6}.stage-card.active{border-color:var(--primary);background:var(--primary-soft)}.stage-card.active strong{color:var(--primary)}.angle-list{display:flex;flex-direction:column;gap:8px}.angle-card{display:flex;align-items:flex-start;gap:10px;text-align:start;background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px}.angle-card.active{border-color:var(--primary);background:var(--primary-soft)}.angle-check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border);display:grid;place-items:center;flex-shrink:0;margin-top:2px;color:#fff;background:var(--surface)}.angle-card.active .angle-check{background:var(--primary);border-color:var(--primary)}.angle-card strong{font-size:13.5px;display:block}.angle-card em{font-style:normal;font-size:11px;font-weight:700;color:var(--primary)}.angle-card p{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.6}.angle-add{display:flex;gap:8px}.angle-add .input{flex:1}.wiz-nav{display:flex;align-items:center;gap:10px;justify-content:flex-end}.wiz-progress{font-size:12px;font-weight:700;color:var(--muted);margin-inline-end:auto}.wiz-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:12px;padding:10px 14px;font-size:13px}.wiz-loading{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13.5px;padding:8px 2px}.ads-grid{display:flex;flex-direction:column;gap:12px}.ad-field.editable{cursor:pointer;border-radius:8px;margin:0 -8px;padding:9px 8px;border-top:none;transition:background .15s}.ad-field.editable+.ad-field.editable{border-top:1px dashed var(--border)}.ad-field.editable:hover{background:var(--bg)}.ad-field.editable>span{display:flex;align-items:center;gap:4px}.ad-field.editable>span svg{opacity:.45}.ad-field.editing{border-top:1px dashed var(--border)}.ad-field.editing textarea{font-size:13.5px;min-height:0}.edit-instr{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.edit-instr .input{flex:1;min-width:200px;font-size:12.5px;padding:7px 10px}.edit-instr .btn-ghost{font-size:12px;padding:6px 10px}.ad-idea{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.ad-idea-head{display:flex;align-items:center;gap:6px}.ad-badge{font-size:11.5px;font-weight:800;color:var(--primary);background:var(--primary-soft);padding:3px 10px;border-radius:999px}.ad-badge.soft{color:var(--muted);background:var(--bg);border:1px solid var(--border)}.ad-analysis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;font-size:12.5px;line-height:1.6}.ad-analysis span{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:1px}.ad-reason{margin:0;font-size:12.5px;color:var(--muted);line-height:1.7}.ad-fields{display:flex;flex-direction:column}.ad-field{padding:9px 0;border-top:1px dashed var(--border)}.ad-field span{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:3px}.ad-field.main strong{font-size:17px;line-height:1.5}.ad-field p{margin:0;font-size:13.5px;line-height:1.7;white-space:pre-wrap}.ad-field.visual p,.ad-field.script p{font-size:12.5px;color:var(--muted)}.ad-actions{display:flex;flex-wrap:wrap;gap:8px}.ad-actions .btn-ghost{font-size:12.5px;padding:7px 12px}.saved-ads{display:flex;flex-direction:column;gap:10px}.saved-ad{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--surface);display:flex;flex-direction:column;gap:5px}.saved-ad-head{display:flex;align-items:center;gap:6px}.saved-ad-head .icon-btn{margin-inline-start:auto}.saved-ad-headline{font-weight:800;font-size:15px}.saved-ad-text{margin:0;font-size:13px;line-height:1.7;color:var(--text)}.saved-ad-actions{display:flex;gap:8px;margin-top:6px}.saved-ad-actions .btn-ghost{font-size:12.5px;padding:6px 10px}.identity-note{margin:4px 0 0;font-size:12.5px;color:var(--muted);background:var(--primary-soft);color:var(--primary);border-radius:10px;padding:10px 14px;font-weight:600}.font-rows{display:flex;flex-direction:column;gap:10px}.font-row{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--surface)}.font-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:800;font-size:13.5px;gap:10px;flex-wrap:wrap}.seg{display:inline-flex;background:var(--surface-2);border-radius:9px;padding:3px;gap:2px}.seg button{border:none;background:none;padding:5px 12px;border-radius:7px;font:inherit;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;transition:.12s;white-space:nowrap}.seg button.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.font-select{margin-top:2px;padding:9px 13px;font-size:13.5px;max-width:320px}.font-custom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.font-file{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text);background:var(--surface-2);padding:7px 13px;border-radius:9px}.font-file.empty{color:var(--muted);font-weight:600}.font-row .btn-ghost{padding:7px 12px;font-size:12.5px}.extract-tools{margin-top:10px}.color-actions{display:flex;gap:8px;flex-wrap:wrap}.color-actions .btn-ghost{padding:7px 13px;font-size:12.5px}.extract-box{background:var(--primary-soft);border:1px solid rgba(99,102,241,.25);border-radius:12px;padding:12px 14px;margin-top:10px}.extract-head{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:800;color:var(--primary);margin-bottom:9px;gap:10px}.extract-head button{border:none;background:#fff;color:var(--primary);font:inherit;font-size:11.5px;font-weight:800;padding:4px 12px;border-radius:999px;cursor:pointer;transition:.12s}.extract-head button:hover{box-shadow:var(--shadow-sm)}.extract-list{display:flex;flex-wrap:wrap;gap:7px}.extract-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(99,102,241,.3);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700;color:var(--text);cursor:pointer;transition:.12s}.extract-chip:hover{border-color:var(--primary);color:var(--primary)}.extract-chip i{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px #0f172a1a;flex-shrink:0}.extract-fonts{display:flex;flex-wrap:wrap;gap:7px}.extract-font{display:inline-flex;align-items:center;background:#fff;border:1px solid rgba(99,102,241,.3);border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700;color:var(--text)}.sheet-btn{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:12px;padding:10px 18px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s;width:fit-content}.sheet-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.sheet-btn svg{color:var(--primary)}.logo-box{position:relative;width:76px;height:76px;border-radius:14px;border:1px solid var(--border);overflow:hidden;background:var(--surface-2)}.logo-box img{width:100%;height:100%;object-fit:contain;padding:6px;display:block}.logo-box button{position:absolute;top:5px;inset-inline-end:5px;width:20px;height:20px;border-radius:50%;border:none;background:#0f172aa6;color:#fff;display:grid;place-items:center;cursor:pointer}.logo-upload{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1.5px dashed var(--border-strong);color:var(--muted);border-radius:12px;padding:12px 20px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s}.logo-upload:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}.photo-cell{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.photo-cell img{width:100%;height:100%;object-fit:cover;display:block}.photo-remove{position:absolute;top:6px;inset-inline-end:6px;width:22px;height:22px;border-radius:50%;border:none;background:#0f172aa6;color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s;padding:0}.photo-remove:hover{background:var(--danger)}.input,.textarea{width:100%;border:1px solid var(--border-strong);border-radius:12px;padding:10px 14px;font:inherit;font-size:14px;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.check{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-top:10px;cursor:pointer}.check input{accent-color:var(--primary);width:15px;height:15px;cursor:pointer}.drop{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:18px 14px;border:1.5px dashed var(--border-strong);border-radius:13px;cursor:pointer;color:var(--muted);transition:.15s;background:var(--surface-2)}.drop:hover,.drop.drag{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.drop svg{opacity:.8}.drop-text{font-weight:600;font-size:13px}.drop-hint{font-size:12px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-remove{position:absolute;top:5px;inset-inline-end:5px;width:20px;height:20px;border-radius:50%;border:none;background:#0f172aa6;color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s}.thumb-remove:hover{background:#0f172ad9}.swatches{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.swatch{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:700;color:var(--text)}.swatch i{width:15px;height:15px;border-radius:50%;box-shadow:inset 0 0 0 1px #0f172a14;flex-shrink:0}.swatch button{border:none;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:0}.swatch button:hover{color:var(--danger)}.swatches>input[type=color]{appearance:none;-webkit-appearance:none;width:28px;height:28px;border:none;border-radius:50%;padding:0;background:none;cursor:pointer}.swatches>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.swatches>input[type=color]::-webkit-color-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--border-strong)}.banner-error{display:flex;align-items:flex-start;gap:10px;background:var(--danger-soft);border:1px solid var(--danger-border);color:#b91c1c;padding:11px 14px;border-radius:13px;font-size:13.5px}.banner-error svg{flex-shrink:0;margin-top:2px}.banner-x{margin-inline-start:auto;background:none;border:none;color:inherit;cursor:pointer;padding:2px;border-radius:6px;flex-shrink:0}.banner-x:hover{background:#dc26261a}.fab{position:fixed;bottom:26px;inset-inline-end:26px;width:54px;height:54px;border-radius:50%;background:#14192a;color:#fff;border:none;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px #1018284d;z-index:26;transition:.15s}.fab:hover{transform:translateY(-2px);background:#000}.toast{position:fixed;top:70px;inset-inline:0;margin-inline:auto;width:fit-content;background:#14192a;color:#fff;font-size:13px;font-weight:600;padding:9px 18px;border-radius:999px;z-index:60;box-shadow:0 10px 30px #10182840;animation:dock-up .18s ease}.drawer-backdrop{position:fixed;inset:0;background:#0f172a47;z-index:44;opacity:0;pointer-events:none;transition:opacity .22s}.drawer-backdrop.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(320px,88vw);background:var(--surface);border-inline-end:1px solid var(--border);box-shadow:-12px 0 40px #1018281a;z-index:45;display:flex;flex-direction:column;transform:translate(102%);transition:transform .24s ease}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:800;font-size:14.5px;flex-shrink:0}.drawer-list{flex:1;overflow-y:auto;padding:8px 10px 20px}.conv-new{padding:12px 10px 6px;flex-shrink:0}.btn-new-chat{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-soft);color:var(--primary);border:1px dashed rgba(99,102,241,.45);border-radius:12px;padding:11px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:.15s}.btn-new-chat:hover{background:#e3e7fd;border-style:solid}.conv-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:13px;cursor:pointer;transition:background .12s;border:1px solid transparent}.conv-item:hover{background:var(--surface-2)}.conv-item.active{background:var(--primary-soft);border-color:#6366f140}.conv-item.active .conv-title{color:var(--primary)}.conv-thumb{width:32px;height:32px;border-radius:10px;background:var(--surface-2);color:var(--muted);display:grid;place-items:center;flex-shrink:0;transition:.15s}.conv-item.active .conv-thumb{background:#fff;color:var(--primary)}.conv-text{flex:1;min-width:0}.conv-title{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{font-size:11px;color:var(--muted)}.conv-rename{flex:1;min-width:0;border:1px solid var(--primary);border-radius:9px;padding:5px 9px;font:inherit;font-size:13px;font-weight:600;color:var(--text);background:#fff;outline:none;box-shadow:0 0 0 3px #6366f126}.conv-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s;flex-shrink:0}.conv-item:hover .conv-actions,.conv-item:focus-within .conv-actions{opacity:1}.conv-actions button{width:25px;height:25px;border-radius:8px;border:none;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.12s;padding:0}.conv-actions button:hover{background:#fff;color:var(--primary)}.conv-actions button.danger:hover{color:var(--danger)}.history-day{font-size:11.5px;font-weight:700;color:var(--muted);margin:14px 6px 6px}.history-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:12px;cursor:pointer;transition:background .12s}.history-item:hover{background:var(--surface-2)}.history-thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.history-text{flex:1;min-width:0}.history-prompt{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{font-size:11px;color:var(--muted)}.history-del{width:26px;height:26px;border-radius:8px;border:none;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;opacity:0;transition:.12s;flex-shrink:0}.history-item:hover .history-del{opacity:1}.history-del:hover{color:var(--danger);background:var(--danger-soft)}.history-empty{padding:40px 16px;text-align:center;color:var(--muted);font-size:13px}.overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50;padding:20px}.overlay.dark{background:#0f172ab8}.modal{background:var(--surface);border-radius:20px;padding:22px;width:min(500px,100%);box-shadow:var(--shadow-md)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-title{display:flex;gap:8px;font-weight:800;font-size:16px;align-items:center;color:var(--primary)}.modal-text{font-size:13.5px;color:var(--muted);margin:0 0 14px}.key-row{display:flex;gap:8px;align-items:center}.key-row .input{flex:1}.link{display:inline-block;margin-top:10px;color:var(--primary);font-size:13.5px;text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.key-links{display:flex;gap:18px;margin-top:10px}.key-links .link{margin-top:0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#14192a;color:#fff;border:none;border-radius:12px;padding:10px 20px;font-weight:700;font-size:14px;cursor:pointer;transition:.15s}.btn-primary:hover:not(:disabled){background:#000}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s}.btn-ghost:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50;padding:20px;animation:menu-in .15s ease}.modal.confirm{width:min(400px,100%)}.modal.confirm h3{margin:0 0 8px;font-size:17px}.modal.confirm p{margin:0;color:var(--muted);font-size:13.5px}.btn-cancel{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:11px;padding:9px 18px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s}.btn-cancel:hover{border-color:var(--border-strong)}.btn-confirm{background:var(--danger);border:none;color:#fff;border-radius:11px;padding:9px 18px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:.15s}.btn-confirm:hover{background:#b91c1c}.card-surface{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.commands-form{display:flex;flex-direction:column;gap:10px;padding:16px;margin-bottom:16px}.commands-form input,.commands-form textarea{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:10px;color:var(--text);padding:10px 14px;font-size:14px;font-family:inherit;resize:vertical}.commands-form input:focus,.commands-form textarea:focus{outline:none;border-color:var(--primary)}.commands-form .btn-generate{align-self:flex-start;display:inline-flex;align-items:center;gap:6px}.commands-list{display:flex;flex-direction:column;gap:10px}.command-card{display:flex;align-items:center;gap:12px;padding:14px 16px}.command-body{flex:1;min-width:0}.command-body h3{margin:0 0 4px;font-size:15px;color:var(--text)}.command-body p{margin:0;font-size:13px;color:var(--muted);white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.command-actions{display:flex;gap:6px;flex-shrink:0}.command-actions .btn-ghost{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.command-actions .btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.command-actions .btn-ghost.danger:hover{border-color:var(--danger);color:var(--danger)}.commands-empty{text-align:center;color:var(--muted);font-size:14px;padding:32px 0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.12),transparent 50%),radial-gradient(circle at 75% 80%,rgba(236,72,153,.08),transparent 50%),var(--bg);padding:20px}.login-card{width:min(400px,100%);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md);padding:36px 32px;display:flex;flex-direction:column;gap:16px;text-align:right}.login-logo{width:60px;height:60px;border-radius:16px;background:var(--accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;align-self:center}.login-card h1{margin:0;font-size:22px;text-align:center;color:var(--text)}.login-sub{margin:-8px 0 4px;font-size:13px;color:var(--muted);text-align:center}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text)}.login-card input{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:12px;color:var(--text);padding:11px 14px;font-size:15px;font-family:inherit}.login-card input:focus{outline:none;border-color:var(--primary)}.login-error{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger);border-radius:10px;padding:9px 12px;font-size:13px}.login-btn{justify-content:center;width:100%;margin-top:4px}.lightbox{display:flex;flex-direction:column;gap:12px;align-items:center}.lightbox-bar{display:flex;align-items:center;gap:10px;color:#e2e8f0;width:100%;max-width:900px;justify-content:space-between;font-size:13px}.lightbox-bar>div{display:flex;gap:8px}.lightbox .btn-ghost{background:#ffffff1a;border-color:#fff3;color:#e2e8f0}.lightbox .btn-ghost:hover{background:#fff3;color:#fff;border-color:#ffffff59}.lightbox img{max-width:min(900px,92vw);max-height:72vh;border-radius:16px;object-fit:contain;box-shadow:0 24px 70px #0006}.lightbox-prompt{color:#94a3b8;font-size:13px;max-width:min(900px,92vw);margin:0;text-align:center;max-height:90px;overflow:auto}.lightbox-stage{position:relative;display:inline-block;line-height:0}.annotate-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:16px;touch-action:none;cursor:crosshair}.edit-tools{display:flex;gap:8px;justify-content:center;margin-top:10px;line-height:normal}.annotate-hint{display:block;font-size:12px;margin-top:6px;text-align:center;line-height:normal}.edit-panel{display:flex;flex-direction:column;align-items:center;gap:10px}.edit-notes{width:min(900px,92vw);background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#e2e8f0;padding:10px 14px;font-size:14px;font-family:inherit;resize:vertical}.edit-notes:focus{outline:none;border-color:var(--primary)}.lightbox .btn-ghost.active{background:var(--primary);border-color:var(--primary);color:#fff}.btn-apply-edit{margin-top:4px}@media(max-width:1240px){.fab{display:none}}@media(max-width:900px){.zoom-group{display:none}.search-box{width:190px}.stage{padding-bottom:280px}.page{padding:20px 16px 70px}}@media(max-width:640px){html,body{overflow-x:clip}.topbar-inner{padding-inline:10px;height:52px}.nav-item{padding:0 9px;font-size:13px}.topbar-side{gap:5px}.pill{padding:6px 10px;font-size:12px;gap:5px}.count-pill{display:none}.toolbar{top:52px}.toolbar-inner{flex-wrap:wrap;gap:8px;padding:8px 12px}.toolbar-group{flex-wrap:wrap;gap:8px;min-width:0}.search-box{flex:1 1 140px;width:auto;min-width:0}.stage{padding:14px 12px 320px}.page{padding:16px 12px 90px}.page-head{flex-direction:column;align-items:flex-start;gap:10px}.gallery{grid-template-columns:repeat(2,1fr);gap:10px}.composer{inset-inline:8px;width:auto;padding:8px 10px 6px;border-radius:18px}.composer-main{flex-wrap:wrap;gap:4px}.composer-input{flex:1 1 100%;order:-1;min-height:44px}.composer-main .icon-btn{width:34px;height:34px}.btn-generate{margin-inline-start:auto;padding:0 18px;height:38px}.ref-note{display:none}.picker-pop{width:min(340px,calc(100vw - 24px))}.brandopts-pop{min-width:0;width:min(280px,calc(100vw - 24px))}.lightbox-bar{flex-wrap:wrap;gap:8px;justify-content:center}.lightbox img{max-height:60vh}.command-card{flex-direction:column;align-items:stretch}.command-actions{justify-content:flex-start}.settings-pop{width:calc(100vw - 24px);max-width:none}}@media(max-width:400px){.gallery{grid-template-columns:repeat(2,1fr);gap:8px}.nav-item{padding:0 7px;font-size:12.5px}}