@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.block{display:block}.grid{display:grid}.inline{display:inline}}:root{--bg-primary:#110c0c;--bg-secondary:#161210;--bg-card:#1c1816;--bg-card-hover:#252019;--bg-elevated:#2a221f;--accent-olive:#6b3125;--accent-olive-light:#8a4535;--accent-olive-dim:#4f2519;--accent-gold:#c4895a;--accent-purple:#6b3125;--text-primary:#f5f0ee;--text-secondary:#a89f9a;--text-muted:#6e6561;--border-subtle:#2a221f;--border-card:#332b28;--bg-deep:#0a0504;--gradient-surface:radial-gradient(ellipse 95% 85% at 50% -5%,#2a110d 0%,#1f100e 22%,#150c0a 42%,#0f0807 58%,#0a0504 78%);--gradient-surface-glow:radial-gradient(ellipse 70% 55% at 50% 0%,#6b312524 0%,transparent 72%);--light-bg:#f3f2f7;--light-surface:#fff;--light-surface-muted:#fafafa;--light-panel:#f7f7f7;--light-border:#e6e6e6;--light-border-soft:#e5e7eb;--light-text:#12132d;--light-text-secondary:#4b5563;--light-text-muted:#9ca3af;--light-primary:#4b3786;--light-primary-soft:#ece1ff;--light-link:#5940ff;--light-accent:#7c3aed;--light-cta-gradient:linear-gradient(174.05deg,#c084fc 0%,#b152ff 28%,#7a3ff5 52%,#4b2ffb 72%,#8e33d8 100%);--light-cta-sheen:linear-gradient(180deg,#ffffff80 0%,#ffffff2e 28%,#fff0 55%);--light-cta-inset:inset 0 8px 20px #ffffff82;--font-body:"DM Sans","Inter","Onest",-apple-system,sans-serif;--font-display:"DM Serif Display",Georgia,"Times New Roman",serif;--font-auth-display:"DM Serif Display",Georgia,"Times New Roman",serif;--font-mono:"Fragment Mono",ui-monospace,monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.5s cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-deep);background-image:var(--gradient-surface);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-repeat:no-repeat;background-attachment:fixed;font-size:14px;line-height:1.5;overflow-x:hidden}.surface-gradient{background-color:var(--bg-deep);background-image:var(--gradient-surface);background-repeat:no-repeat;background-attachment:local;position:relative}.surface-gradient:after{content:"";background:var(--gradient-surface-glow);pointer-events:none;z-index:0;height:min(480px,55vh);position:absolute;top:0;left:0;right:0}.surface-gradient>*{z-index:1;position:relative}.heading-display,.tab-header h1,.auth-title,.explore-templates h2,.campaigns-section h2,.app-nav-brand{font-family:var(--font-display);letter-spacing:-.02em;font-style:normal;font-weight:700}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{height:100vh;display:flex;overflow:hidden}.app-shell--light{background:var(--light-bg);color:var(--light-text)}.app-shell--light .app-nav-sidebar{background:var(--light-surface);border-right:1px solid var(--light-border);width:286px;padding:24px}.app-shell--light .app-nav-brand{font-family:var(--font-display);color:var(--light-text);text-align:center;padding:12px 12px 28px;font-size:32px;font-style:normal;font-weight:400;line-height:1.2}.app-shell--light .app-nav-item{color:var(--light-text-secondary);border-radius:10px;padding:8px 12px}.app-shell--light .app-nav-item:hover{color:var(--light-text);background:#f5f2fb}.app-shell--light .app-nav-item.active{background:var(--light-primary-soft);color:var(--light-primary);box-shadow:none;font-weight:600}.app-shell--light .app-nav-item.active svg{color:var(--light-primary);opacity:1}.app-shell--light .app-nav-user{border-top-color:var(--light-border);padding:12px 0 0}.app-shell--light .app-nav-user-name{color:var(--light-text)}.app-shell--light .app-nav-user-plan,.app-shell--light .app-nav-tokens{color:var(--light-text-muted)}.app-shell--light .app-nav-token-bar{background:#ebe7f2;border-radius:999px;height:8px}.app-shell--light .app-nav-token-fill{background:var(--light-accent);border-radius:999px}.app-shell--light .app-nav-upgrade{color:var(--light-text);border:1px solid var(--light-border);background:0 0;border-radius:8px;width:auto;padding:6px 12px;font-size:14px}.app-shell--light .app-nav-upgrade:hover{color:var(--light-text);background:#f5f2fb}.app-shell--light .app-nav-signout{color:var(--light-text-secondary);border-color:var(--light-border)}.app-shell--light .app-nav-signout:hover{color:var(--light-text);background:#f5f2fb}.app-shell--light .user-avatar{background:var(--light-primary-soft);width:40px;height:40px;color:var(--light-primary)}.tab-content--light{background:var(--light-bg);flex:1;min-width:0;min-height:0;overflow-y:auto}.tab-content--light:has(.create-results--playground){flex-direction:column;display:flex;overflow:hidden}.create-flow{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:28px;width:100%;max-width:none;margin:0;padding:48px 56px 56px;display:flex}.create-flow-header{text-align:center}.create-flow-header h1{font-family:var(--font-display);color:var(--light-text);margin:0 0 8px;font-size:clamp(32px,3.4vw,44px);font-style:normal;font-weight:400}.create-flow-header p{color:var(--light-text-secondary);margin:0;font-size:14px}.create-prompt-card{background:var(--light-surface);border:1px solid var(--light-border);border-radius:var(--radius-2xl);flex-direction:column;gap:12px;padding:24px;display:flex;box-shadow:0 10px 36px #1f16330f}.create-prompt-label{color:var(--light-text);font-size:16px;font-weight:600}.create-prompt-card textarea{resize:vertical;width:100%;min-height:110px;font-family:var(--font-body);color:#1a1230;background:0 0;border:none;outline:none;font-size:14px;line-height:1.5}.create-prompt-card textarea::placeholder{color:#b4afc4}.create-upload-previews{flex-wrap:wrap;gap:8px;display:flex}.create-upload-thumb{width:56px;height:56px;position:relative}.create-upload-thumb img{object-fit:cover;border-radius:8px;width:56px;height:56px}.create-upload-thumb button{color:#6b6578;cursor:pointer;background:#fff;border:1px solid #ebe7f2;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:10px;display:flex;position:absolute;top:-6px;right:-6px}.create-prompt-toolbar{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.create-prompt-toolbar-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.create-toolbar-btn{border-radius:var(--radius-full);color:#3a3348;font-family:var(--font-body);cursor:pointer;background:#faf9fc;border:1px solid #ebe7f2;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex}.create-toolbar-btn:hover{background:#f3eefc}.create-aspect-wrap{position:relative}.create-aspect-menu{z-index:10;background:#fff;border:1px solid #ebe7f2;border-radius:10px;min-width:88px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #1f163314}.create-aspect-menu button{color:#1a1230;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-size:13px;display:block}.create-aspect-menu button.active,.create-aspect-menu button:hover{background:#f5f2fb}.create-generate-btn{border-radius:var(--radius-full);background-color:#4b2ffb;background-image:var(--light-cta-sheen),var(--light-cta-gradient);color:#fff;min-height:40px;font-family:var(--font-body);cursor:pointer;box-shadow:var(--light-cta-inset);isolation:isolate;border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.create-generate-btn>*{z-index:1;position:relative}.create-generate-btn:hover:not(:disabled){opacity:.94}.create-generate-btn:disabled{opacity:.55;cursor:not-allowed}.create-agent-progress{margin:0}.create-suggestions h2{font-family:var(--font-body);color:var(--light-text);margin:0 0 12px;font-size:16px;font-style:normal;font-weight:700}.create-suggestions-grid{grid-template-columns:1fr;gap:12px;display:grid}.create-suggestion-card{text-align:left;border:1px solid var(--light-border);background:var(--light-surface);cursor:pointer;border-radius:14px;padding:16px;position:relative;box-shadow:0 4px 16px #1f16330a}.create-suggestion-card:hover{border-color:#c4b5fd;box-shadow:0 8px 24px #7c3aed14}.create-suggestion-card h3{color:var(--light-text);margin:0 0 6px;padding-right:28px;font-size:14px;font-weight:700}.create-suggestion-card p{color:var(--light-text-secondary);margin:0;font-size:13px;line-height:1.45}.create-suggestion-card .create-suggestion-copy{color:var(--light-text-muted);display:flex;position:absolute;top:16px;right:16px}.create-templates{background:var(--light-surface);border:1px solid var(--light-border);border-radius:var(--radius-2xl);width:100%;padding:20px 40px 28px;box-shadow:0 8px 28px #1f16330d}.create-templates-title{font-family:var(--font-display);color:var(--light-text);margin:0 0 20px;font-size:24px;font-weight:400}.create-templates-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.create-template-card{all:unset;box-sizing:border-box;border:1px solid var(--light-border);background:var(--light-surface);cursor:pointer;width:100%;transition:var(--transition-fast);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.create-template-card:hover{border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 10px 28px #7c3aed1f}.create-template-card:focus-visible{outline:2px solid var(--light-link);outline-offset:2px}.create-template-card__header{align-items:center;gap:8px;padding:10px 10px 8px;display:flex}.create-template-card__avatar{background:var(--light-primary-soft);width:28px;height:28px;color:var(--light-primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.create-template-card__brand{color:var(--light-text);font-size:11px;font-weight:700;line-height:1.2}.create-template-card__sponsored{color:var(--light-text-muted);font-size:9px}.create-template-card__media{aspect-ratio:1;width:100%;position:relative}.create-template-card__headline{color:#fff;text-shadow:0 2px 8px #00000059;font-size:14px;font-weight:700;position:absolute;bottom:10px;left:10px;right:10px}.create-template-card__cta{color:#fff;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.create-template-card__footer{color:var(--light-text-secondary);text-align:left;margin:0;padding:8px 10px 12px;font-size:10px;line-height:1.35}@media (max-width:1100px){.create-templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.app-shell--light{flex-direction:column;height:auto;min-height:100vh;overflow:auto}.app-shell--light .app-nav-sidebar{border-right:none;border-bottom:1px solid var(--light-border);width:100%;padding:16px 20px}.app-shell--light .app-nav-brand{text-align:left;padding:0 0 12px;font-size:28px}.app-shell--light .app-nav-items{flex-flow:wrap;gap:8px}.app-shell--light .app-nav-item{flex:auto;width:auto}.app-shell--light .app-nav-user{grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:grid}.create-flow{padding:28px 24px 40px}.create-results,.create-results--playground{padding-left:24px;padding-right:24px}.persona-page{padding:24px}}.create-results{box-sizing:border-box;min-height:100%;padding:20px 56px 40px}.create-results--playground{flex-direction:column;flex:1;height:auto;min-height:0;max-height:none;padding:16px 56px;display:flex;overflow:hidden}.create-results--playground .create-results-topbar{box-shadow:none;background:0 0;border:none;flex-shrink:0;margin-bottom:12px}.create-results-topbar{box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.create-results-topbar:before{content:none;display:none}.create-results-back{color:#1a1230;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:14px;font-style:normal;font-weight:700;display:inline-flex}.create-results-back:hover{color:#7c3aed}.create-results-topbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.create-topbar-btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-style:normal;font-weight:600;transition:background .15s,border-color .15s,filter .15s;display:inline-flex}.create-topbar-btn svg{flex-shrink:0}.create-topbar-btn--outline{color:#7c3aed;background:0 0;border:1.5px solid #7c3aed}.create-topbar-btn--outline:hover{background:#f5f3ff}.create-topbar-btn--primary{color:#fff;background-color:#4b2ffb;background-image:var(--light-cta-sheen),var(--light-cta-gradient);box-shadow:var(--light-cta-inset);border:none}.create-topbar-btn--primary:hover{filter:brightness(1.05)}.create-results-draft{color:#6b6578;background:#ebe7f2;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.create-results-grid{grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(240px,300px);align-items:stretch;gap:16px;min-height:calc(100vh - 120px);display:grid}.create-results-grid--playground{flex:1;grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:stretch;gap:16px;min-height:0;overflow:hidden}.cd-layout{flex:1;grid-template-columns:minmax(340px,400px) minmax(0,1fr);align-items:start;gap:24px;min-height:0;padding:4px 4px 32px;display:grid;overflow:hidden auto}.cd-left{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:0}.cd-main{flex-direction:column;gap:16px;min-width:0;display:flex}.cd-variants{gap:10px;display:flex}.cd-variant{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:stretch;gap:5px;min-width:0;padding:0;display:flex}.cd-variant-thumb{aspect-ratio:1;width:100%;transition:border-color var(--transition-fast),transform var(--transition-fast);background:#f5f2fb;border:2px solid #0000;border-radius:10px;display:block;overflow:hidden}.cd-variant-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cd-variant-thumb em{color:#6b6578;justify-content:center;align-items:center;height:100%;font-style:normal;font-weight:600;display:flex}.cd-variant:hover .cd-variant-thumb{transform:translateY(-1px)}.cd-variant.active .cd-variant-thumb{border-color:var(--light-accent);box-shadow:0 0 0 3px #7c3aed26}.cd-variant-label{color:#6b6578;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.cd-variant.active .cd-variant-label{color:var(--light-primary);font-weight:600}.cd-refine{background:#fff;border:1px solid #ebe7f2;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 8px 28px #1f16330d}.cd-refine-head{flex-direction:column;gap:2px;display:flex}.cd-refine-head strong{color:#1a1230;font-size:14px}.cd-refine-head span{color:#8b8498;font-size:12px;line-height:1.4}.cd-refine textarea{box-sizing:border-box;width:100%;font-family:var(--font-body);resize:vertical;color:#1a1230;background:#faf9fc;border:1px solid #ebe7f2;border-radius:12px;outline:none;padding:10px 12px;font-size:13px;line-height:1.45}.cd-refine textarea:focus{border-color:var(--light-accent);background:#fff}.cd-refine-row{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.cd-head h1{font-family:var(--font-display);color:#1a1230;margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1.15}.cd-prompt{color:#4b5563;max-width:80ch;margin:8px 0 0;font-size:13.5px;line-height:1.5}.cd-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cd-chip{color:#4b5563;background:#fff;border:1px solid #ebe7f2;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.cd-chip--score{background:var(--light-primary-soft);color:var(--light-primary);border-color:#4b37862e;font-weight:600}.cd-chip--muted{color:#8b8498}.cd-panel{background:#fff;border:1px solid #ebe7f2;border-radius:16px;min-width:0;padding:16px 18px;box-shadow:0 8px 28px #1f16330d}.cd-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.cd-panel-head h2{font-family:var(--font-body);color:#1a1230;margin:0;font-size:15px;font-weight:700}.cd-panel-sub{color:#8b8498;font-size:12px}.cd-subhead{letter-spacing:.04em;text-transform:uppercase;color:#8b8498;margin:14px 0 6px;font-size:12px;font-weight:700}.cd-lead{color:#1a1230;margin:0 0 10px;font-size:13.5px;line-height:1.55}.cd-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.cd-field{background:#faf9fc;border:1px solid #ebe7f2;border-radius:12px;min-width:0;padding:10px 12px}.cd-field--wide{margin-top:10px}.cd-field-top{justify-content:space-between;align-items:center;gap:8px;min-height:18px;margin-bottom:4px;display:flex}.cd-field-label{letter-spacing:.04em;text-transform:uppercase;color:#8b8498;font-size:11px;font-weight:700}.cd-field p{color:#1a1230;white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.5}.cd-note{color:#9f2c22;background:#fdeceb;border:1px solid #f6c9c5;border-radius:10px;margin:10px 0 0;padding:8px 10px;font-size:12.5px;line-height:1.45}.cd-grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;display:grid}.cd-scores{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cd-score{background:#faf9fc;border:1px solid #ebe7f2;border-radius:12px;min-width:0;padding:10px 12px}.cd-score span{color:#8b8498;font-size:11px;line-height:1.3;display:block}.cd-score strong{color:#1a1230;font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;font-weight:700;display:block}.cd-score strong small{color:#8b8498;margin-left:2px;font-size:11px;font-weight:500}.cd-score-bar{background:#ede9fe;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.cd-score-bar i{background:var(--light-accent);border-radius:2px;height:100%;transition:width .6s;display:block}.cd-panel .create-metric-pills{margin-top:12px}.cd-list{color:#3a3348;flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.5;display:flex}.cd-list strong{color:#1a1230;font-weight:600}.cd-list--muted{color:#6b6578}.cd-impact{letter-spacing:.05em;text-transform:uppercase;vertical-align:middle;color:#6b7280;background:#f3f4f6;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.cd-impact--high{color:#9f2c22;background:#fdeceb}.cd-impact--medium{color:#b45309;background:#fff4e5}.cd-kv{grid-template-columns:96px minmax(0,1fr);gap:8px 14px;margin:0;font-size:13px;line-height:1.5;display:grid}.cd-kv dt{color:#8b8498;font-weight:600}.cd-kv dd{color:#1a1230;overflow-wrap:anywhere;margin:0}.cd-variants-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.cd-copy-card{background:#faf9fc;border:1px solid #ebe7f2;border-radius:12px;min-width:0;padding:12px 14px}.cd-copy-card p{color:#1a1230;white-space:pre-line;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;line-height:1.55}.cd-hooks{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px;margin-bottom:12px;display:grid}.cd-hook{font-family:var(--font-body);color:#1a1230;text-align:left;cursor:pointer;transition:border-color var(--transition-fast);background:#faf9fc;border:1px solid #ebe7f2;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;padding:9px 12px;font-size:13px;line-height:1.45;display:flex}.cd-hook:hover{border-color:var(--light-accent)}.cd-hook em{color:var(--light-accent);flex-shrink:0;align-items:center;margin-top:2px;font-size:11px;font-style:normal;display:inline-flex}.cd-headlines{flex-wrap:wrap;gap:6px;display:flex}.cd-headline{font-family:var(--font-body);color:#1a1230;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);background:#fff;border:1px solid #ebe7f2;border-radius:999px;padding:5px 11px;font-size:12.5px}.cd-headline:hover{border-color:var(--light-accent);color:var(--light-primary)}.cd-headline--static{cursor:default;color:#4b5563}.cd-headline--static:hover{color:#4b5563;border-color:#ebe7f2}.cd-panel--details summary{cursor:pointer;color:#1a1230;align-items:baseline;gap:6px;font-size:15px;font-weight:700;list-style:none;display:flex}.cd-panel--details summary::-webkit-details-marker{display:none}.cd-panel--details summary:before{content:"";width:7px;height:7px;transition:transform var(--transition-fast);border-bottom:2px solid #8b8498;border-right:2px solid #8b8498;align-self:center;margin-right:8px;transform:rotate(-45deg)}.cd-panel--details[open] summary:before{transform:rotate(45deg)}.cd-details-body{margin-top:12px}.cd-sources{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cd-source{color:var(--light-link);text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #ebe7f2;border-radius:999px;align-items:center;gap:4px;max-width:260px;padding:3px 9px;font-size:11.5px;text-decoration:none;display:inline-flex;overflow:hidden}.cd-source:hover{border-color:var(--light-link)}@media (max-width:1100px){.cd-layout{grid-template-columns:1fr}.cd-left{width:100%;max-width:560px;margin:0 auto;position:static}}@media (max-width:720px){.cd-scores{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-kv{grid-template-columns:1fr;gap:2px 0}.cd-kv dd{margin-bottom:8px}}.mad{box-sizing:border-box;text-align:left;width:100%;font-family:var(--font-body);color:#050505;background:#fff;border:1px solid #e4e6eb;border-radius:12px;flex-direction:column;font-style:normal;display:flex;overflow:hidden;box-shadow:0 8px 28px #1f16330f}.mad--interactive{cursor:pointer;transition:transform .15s,box-shadow .15s}.mad--interactive:hover{transform:translateY(-2px);box-shadow:0 14px 36px #1f16331a}.mad__header{align-items:center;gap:10px;padding:12px 14px 8px;display:flex}.mad__avatar{background:#f0f2f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.mad__avatar img{object-fit:cover;width:100%;height:100%}.mad__avatar span{color:var(--light-primary);font-size:15px;font-weight:700}.mad__meta{flex:1;min-width:0}.mad__brand{color:#050505;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.mad__sponsored{color:#65676b;align-items:center;gap:4px;margin-top:1px;font-size:12px;display:flex}.mad__more{color:#65676b;display:inline-flex}.mad__primary{color:#050505;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0 14px 8px;padding:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.mad__primary.is-expanded{white-space:pre-line;display:block}.mad__see-more{color:#65676b;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:0 14px 10px;padding:0;font-size:13px;font-weight:600}.mad__see-more:hover{text-decoration:underline}.mad__media{background:#f0f2f5;width:100%}.mad__media img{width:100%;height:auto;display:block}.mad--compact .mad__media{aspect-ratio:1;overflow:hidden}.mad--compact .mad__media img{object-fit:cover;height:100%}.mad__media-placeholder{aspect-ratio:1;background:linear-gradient(145deg,#ede9fe 0%,#c4b5fd 55%,#7c3aed 100%);width:100%}.mad__link{background:#f0f2f5;border-top:1px solid #e4e6eb;align-items:center;gap:12px;padding:10px 14px;display:flex}.mad__link-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mad__domain{color:#65676b;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mad__headline{color:#050505;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.mad__desc{color:#65676b;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.mad__cta{color:#fff;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600}.mad__actions{color:#65676b;border-top:1px solid #e4e6eb;justify-content:space-around;padding:8px 6px;font-size:13px;font-weight:600;display:flex}.mad__actions span{align-items:center;gap:6px;display:inline-flex}.mad--compact .mad__actions{display:none}.library-grid .mad{max-width:340px}.create-results-chat,.create-results-preview,.create-results-copy,.create-results-playground{background:#fff;border:1px solid #ebe7f2;border-radius:18px;box-shadow:0 8px 28px #1f16330d}.create-results-chat{flex-direction:column;height:100%;min-height:0;padding:16px;display:flex;overflow:hidden}.create-results--playground .create-results-chat{max-height:none;position:static;top:auto}.create-chat-log{flex-direction:column;flex:1;gap:12px;min-height:0;margin-bottom:12px;display:flex;overflow-y:auto}.create-chat-compose{border-top:1px solid #ebe7f2;flex-direction:column;flex-shrink:0;gap:10px;padding-top:12px;display:flex}.create-chat-hint{color:#6b6578;margin:0 0 8px;font-size:12px}.create-chat-compose-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.create-results-playground{flex-direction:column;gap:28px;min-width:0;height:100%;min-height:0;padding:20px;display:flex;overflow:hidden auto}.create-playground-preview{flex-direction:column;align-items:center;gap:16px;display:flex}.create-preview-carousel{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.create-carousel-nav{color:#7c3aed;cursor:pointer;background:#ede9fe;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.create-carousel-nav:hover{background:#ddd6fe}.create-playground-section{flex-direction:column;gap:14px;display:flex}.create-playground-section-head{justify-content:space-between;align-items:center;display:flex}.create-playground-section-head h2{font-family:var(--font-body);color:#1a1230;margin:0;font-size:16px;font-style:normal;font-weight:700}.create-scores-grid--playground{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.create-metric-pills{flex-wrap:wrap;gap:8px;display:flex}.create-metric-pill{color:#5b21b6;background:#ede9fe;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.create-copy-variant-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.create-chat-bubble{border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.45}.create-chat-bubble p{margin:0}.create-chat-bubble--user{color:#1a1230;background:#ede9fe;align-self:flex-end;max-width:92%}.create-chat-bubble--ai{color:#3a3348;background:#f5f2fb;align-self:flex-start;max-width:92%}.create-chat-compose textarea{width:100%;font-family:var(--font-body);color:#1a1230;resize:vertical;background:#faf9fc;border:1px solid #ebe7f2;border-radius:12px;outline:none;padding:10px 12px;font-size:13px}.create-chat-compose textarea:focus{border-color:#c4b5fd}.create-results-preview{flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.create-results-preview-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.create-results-preview-header h2{font-family:var(--font-body);color:#1a1230;margin:0;font-size:16px;font-weight:700}.create-preview-stage{justify-content:center;display:flex}.create-preview-thumbs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.create-preview-thumb{cursor:pointer;color:#6b6578;background:#f5f2fb;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:64px;height:64px;padding:0;font-size:12px;font-weight:600;display:flex;overflow:hidden}.create-preview-thumb img{object-fit:cover;width:100%;height:100%}.create-preview-thumb.active{border-color:#7c3aed}.create-preview-actions{justify-content:center;display:flex}.create-edit-panel{background:#faf9fc;border:1px solid #ebe7f2;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.create-edit-panel textarea{width:100%;font-family:var(--font-body);resize:vertical;border:1px solid #ebe7f2;border-radius:10px;outline:none;padding:10px;font-size:13px}.create-edit-panel-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.create-edit-error{color:#dc2626;margin:0;font-size:12px}.create-preview-empty{text-align:center;color:#6b6578;padding:40px 20px}.create-results-copy{min-height:0;padding:18px;overflow-y:auto}.create-results-copy h2,.create-results-copy h3{font-family:var(--font-body);color:#1a1230;margin:0 0 12px}.create-results-copy h2{font-size:16px;font-weight:700}.create-results-copy h3{font-size:13px;font-weight:700}.create-copy-block,.create-copy-variants,.create-copy-scores{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.create-copy-row,.create-copy-variant{background:#faf9fc;border:1px solid #ebe7f2;border-radius:12px;padding:12px}.create-copy-label,.create-copy-tag{text-transform:uppercase;letter-spacing:.02em;color:#7c3aed;margin-bottom:6px;font-size:11px;font-weight:600;display:inline-block}.create-copy-row p,.create-copy-variant p{color:#3a3348;margin:0 0 10px;font-size:13px;line-height:1.45}.create-copy-action{color:#7c3aed;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.create-scores-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.create-score-item{color:#6b6578;background:#faf9fc;border:1px solid #ebe7f2;border-radius:10px;flex-direction:column;gap:4px;padding:10px;font-size:11px;display:flex}.create-score-item strong{color:#1a1230;font-size:14px}.persona-page{box-sizing:border-box;color:#1a1230;padding:32px 56px 48px}.persona-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.persona-page-header-text{max-width:640px}.persona-page-header h1{font-family:var(--font-display);color:var(--light-text);margin:0 0 8px;font-size:clamp(32px,3.4vw,44px);font-style:normal;font-weight:400}.persona-page-header p{color:var(--light-text-secondary);margin:0;font-size:14px;line-height:1.5}.persona-extract{margin-bottom:20px}.persona-extract-row{align-items:center;gap:10px;max-width:720px;display:flex}.persona-extract-input{color:#1a1230;min-width:0;height:44px;font-family:var(--font-body);background:#fff;border:1px solid #ebe7f2;border-radius:12px;outline:none;flex:1;padding:0 14px;font-size:14px}.persona-extract-input:focus{border-color:#c4b5fd;box-shadow:0 0 0 3px #7c3aed1f}.persona-grid{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.persona-card{background:#fff;border:1px solid #ebe7f2;border-radius:18px;min-width:0;padding:18px;box-shadow:0 8px 28px #1f16330d}.persona-card--images{grid-column:1/-1}.persona-footer-actions{grid-column:1/-1;justify-content:flex-start;display:flex}.persona-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.persona-card-label{text-transform:uppercase;letter-spacing:.04em;color:#7c3aed;font-size:11px;font-weight:700}.persona-overview-brand{align-items:center;gap:12px;margin-bottom:10px;display:flex}.persona-overview-brand h2{color:#1a1230;margin:0;font-size:20px;font-weight:700}.persona-overview-logo{object-fit:contain;background:#f5f2fb;border-radius:10px;width:40px;height:40px}.persona-overview-logo-fallback{color:#7c3aed;background:#ede9fe;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.persona-overview-url{color:#6b6578;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.persona-body{color:#3a3348;margin:0 0 10px;font-size:13px;line-height:1.55}.persona-body--muted{color:#6b6578}.persona-tagline{color:#5b21b6;margin:0 0 8px;font-size:13px;font-style:normal}.persona-meta{color:#6b6578;margin:0;font-size:12px}.persona-meta-block+.persona-meta-block{margin-top:18px}.persona-fonts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.persona-font{background:#faf9fc;border:1px solid #ebe7f2;border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.persona-font-preview{color:#1a1230;font-size:22px}.persona-font-name{color:#6b6578;font-size:11px}.persona-colors{flex-wrap:wrap;gap:12px;display:flex}.persona-color{color:#6b6578;flex-direction:column;align-items:center;gap:6px;font-size:10px;display:flex}.persona-color-swatch{border:1px solid #ebe7f2;border-radius:50%;width:36px;height:36px}.persona-gallery{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.persona-upload-zone{color:#7c3aed;cursor:pointer;width:112px;height:112px;font-family:var(--font-body);background:#faf9fc;border:1.5px dashed #c4b5fd;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.persona-upload-zone:hover{background:#f3eefc}.persona-gallery-thumb{background:#f5f2fb;border:1px solid #ebe7f2;border-radius:14px;width:112px;height:112px;overflow:hidden}.persona-gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:900px){.persona-grid{grid-template-columns:1fr}.persona-extract-row{flex-direction:column;align-items:stretch}}@media (max-width:1100px){.create-results-grid,.create-results-grid--playground{grid-template-columns:1fr}.create-results--playground{overflow-y:auto}.create-results-grid--playground{flex:none;min-height:auto;overflow:visible}.create-results-chat,.create-results-playground{height:auto;max-height:min(70vh,640px)}.create-results-chat{max-height:min(70vh,640px);position:static}.create-scores-grid--playground{grid-template-columns:repeat(2,minmax(0,1fr))}.create-suggestions-grid{grid-template-columns:1fr}}.app-nav-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:220px;padding:24px 16px 20px;display:flex}.app-nav-brand{color:var(--text-primary);padding:0 12px 28px;font-size:22px}.app-nav-items{flex-direction:column;flex:1;gap:6px;display:flex}.app-nav-item{width:100%;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-style:normal;font-weight:500;display:flex}.app-nav-item svg{opacity:.85;flex-shrink:0}.app-nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.app-nav-item.active{background:var(--accent-olive);color:#fff}.app-nav-item.active svg{opacity:1}.app-nav-user{border-top:1px solid var(--border-subtle);margin-top:auto;padding:16px 12px 0}.app-nav-user-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.app-nav-user-meta{flex:1;min-width:0}.app-nav-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.app-nav-user-plan{color:var(--text-muted);font-size:11px}.app-nav-tokens{color:var(--text-secondary);margin-bottom:6px;font-size:11px}.app-nav-token-bar{background:var(--bg-elevated);border-radius:2px;height:4px;margin-bottom:12px;overflow:hidden}.app-nav-token-fill{background:var(--accent-gold);border-radius:2px;width:0%;height:100%}.app-nav-upgrade{border-radius:var(--radius-full);width:100%;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #fff3;padding:8px 12px;font-size:12px;font-weight:500}.app-nav-upgrade:hover{background:#ffffff0f}.app-nav-signout{border-radius:var(--radius-full);color:#ffffffe6;width:100%;font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);background:#e055550f;border:1px solid #e0555559;margin-top:10px;padding:8px 12px;font-size:12px;font-weight:500}.app-nav-signout:hover{background:#e055551f;border-color:#e055558c}.tab-content{flex:1;min-height:0;padding:0;overflow-y:auto}.tab-header{text-align:center;padding:40px 20px 24px}.tab-header .icon{margin-bottom:8px;font-size:28px;display:block}.tab-header h1{margin-bottom:6px;font-size:28px}.tab-header p{color:var(--text-secondary);max-width:420px;margin:0 auto;font-size:13px}.persona-header h1,.create-ads-header h1{font-size:32px}.persona-header p{max-width:560px}.section-heading{font-family:var(--font-body);color:var(--text-primary);margin:0;font-size:16px;font-style:normal;font-weight:600}.card{border-radius:var(--radius-lg);transition:var(--transition-smooth);-webkit-backdrop-filter:blur(8px);background:#1c1614a6;border:1px solid #ffffff0f;padding:20px}.card:hover{border-color:#6b312559}.card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.dna-grid{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:none;margin:0;padding:0 32px 40px;display:grid}.dna-grid .full-width{grid-column:1/-1}.dna-card-meta{flex-direction:column;gap:28px;display:flex}.dna-meta-section:last-child{margin-bottom:0}.dna-card-overview .card-label,.dna-card-meta .card-label,.dna-card-images .card-label{margin-bottom:16px}.dna-overview-logo img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:48px}.dna-overview-text{color:var(--text-secondary);margin:8px 0 0;font-size:13px;line-height:1.55}.dna-overview-tagline{color:var(--text-secondary);margin:8px 0 0;font-size:13px;font-style:normal;line-height:1.5}.dna-overview-meta{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.45}.dna-card-body{margin:0;font-size:14px;line-height:1.55}.dna-card-muted{color:var(--text-secondary);margin:8px 0 0;font-size:12px;line-height:1.5}.dna-images-hint{color:var(--text-secondary);margin:-4px 0 16px;font-size:13px;line-height:1.5}.dna-card-images .image-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dna-grid-footer{flex-flow:wrap;justify-content:center;align-items:center;gap:16px;margin-top:8px;padding-bottom:16px;display:flex}.dna-footer-btn{border-radius:var(--radius-full);box-sizing:border-box;justify-content:center;width:220px;height:44px;padding:0 20px;font-size:14px;font-weight:500}.brand-info{flex-direction:column;gap:12px;display:flex}.brand-name{font-size:22px;font-weight:600}.brand-url{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.brand-url svg{flex-shrink:0}.color-swatches{flex-wrap:wrap;gap:16px;display:flex}.color-swatch{flex-direction:column;align-items:center;gap:8px;display:flex}.color-circle{border:2px solid var(--border-card);width:52px;height:52px;transition:var(--transition-smooth);cursor:pointer;border-radius:50%}.color-circle:hover{border-color:var(--accent-olive);transform:scale(1.15)}.color-hex{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.font-specimens{flex-wrap:wrap;gap:20px;display:flex}.font-specimen{background:var(--bg-elevated);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:4px;padding:12px 20px;display:flex}.font-specimen .preview{font-size:32px;font-weight:400}.font-specimen .name{color:var(--text-muted);font-size:11px}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.gallery-thumb{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.gallery-thumb img{object-fit:cover;width:100%;height:100%}.gallery-thumb:hover{transform:scale(1.05);box-shadow:0 4px 20px #0006}.upload-zone{aspect-ratio:1;border:2px dashed var(--border-card);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.upload-zone:hover{border-color:var(--accent-olive);color:var(--accent-olive)}.photoshoot-cta{background:linear-gradient(135deg,var(--bg-card)0%,#2a2a1e 100%);border:1px solid var(--accent-olive-dim);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-smooth);gap:16px;padding:20px;display:flex}.photoshoot-cta:hover{border-color:var(--accent-olive);transform:translateY(-2px);box-shadow:0 8px 30px #a8b4551a}.photoshoot-cta .images{flex-shrink:0;grid-template-columns:1fr 1fr;gap:4px;width:100px;display:grid}.photoshoot-cta .images img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.photoshoot-cta .info h3{margin-bottom:4px;font-size:15px;font-weight:600}.photoshoot-cta .info p{color:var(--text-secondary);margin-bottom:12px;font-size:12px}.btn{border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-olive);color:#fff}.btn-primary:hover{background:var(--accent-olive-light);transform:translateY(-1px);box-shadow:0 4px 16px #6b312559}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-card)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.btn-danger{color:#e05555;background:0 0;border:1px solid #e055554d}.btn-danger:hover{background:#e055551a;border-color:#e05555}.btn-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.campaign-input-area{max-width:720px;margin:0 auto;padding:0 24px}.campaign-input{border-radius:var(--radius-xl);transition:var(--transition-smooth);-webkit-backdrop-filter:blur(8px);background:#1c1614a6;border:1px solid #ffffff0f;padding:16px 20px}.campaign-input:focus-within{border-color:var(--accent-olive-light);box-shadow:0 0 0 3px #6b312526}.campaign-input-header{justify-content:flex-end;align-items:center;margin-bottom:8px;display:flex}.campaign-token-label{color:var(--text-muted);font-size:11px}.objective-chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;margin:16px auto 0;padding:0 24px;display:flex}.objective-chip{border-radius:var(--radius-full);border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);padding:8px 14px;font-size:12px}.objective-chip:hover{border-color:var(--accent-olive-light);color:var(--text-primary)}.explore-templates{max-width:960px;margin:48px auto 40px;padding:0 24px}.explore-templates h2{color:var(--text-primary);margin-bottom:16px;font-size:22px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.template-card-placeholder{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-card);opacity:.6}.campaign-input textarea{width:100%;color:var(--text-primary);font-family:var(--font-body);resize:none;background:0 0;border:none;outline:none;min-height:24px;font-size:14px}.campaign-input textarea::placeholder{color:var(--text-muted)}.campaign-input-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.campaign-input-actions .spacer{flex:1}.disclaimer{text-align:center;color:var(--text-muted);margin-top:8px;font-size:11px}.campaigns-section{box-sizing:border-box;width:100%;max-width:none;margin:32px 0 40px;padding:0 32px}.campaigns-section h2{margin-bottom:16px;font-size:22px}.campaign-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.library-page{box-sizing:border-box;width:100%;padding:0 56px 48px}.library-page--light{color:#1a1230}.library-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px 0 24px;display:flex}.library-page-title{font-family:var(--font-display);color:#fff;margin:0;font-size:clamp(28px,3vw,36px);font-style:normal;font-weight:400}.library-page--light .library-page-title{color:var(--light-text)}.library-page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.library-search input{color:#1a1230;min-width:220px;height:40px;font-family:var(--font-body);background:#fff;border:1px solid #ebe7f2;border-radius:12px;outline:none;padding:0 14px;font-size:13px}.library-search input::placeholder{color:#b4afc4}.library-search input:focus{border-color:#c4b5fd;box-shadow:0 0 0 3px #7c3aed1f}.library-brand-pill{border-radius:var(--radius-full);color:#fff;white-space:nowrap;background:#4b3387d9;border:1px solid #ffffff1f;align-items:center;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex}.library-brand-footnote{color:#9b93ad;margin:24px 0 0;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.library-grid--light{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.library-page--light .library-date-label{color:#6b6578;font-weight:600}.library-grid-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #ebe7f2;border-radius:16px;flex-direction:column;padding:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 8px 28px #1f16330f}.library-grid-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px #1f16331a}.library-grid-card__media{aspect-ratio:4/5;background:#1a1230;position:relative;overflow:hidden}.library-grid-card__media img{object-fit:cover;width:100%;height:100%;display:block}.library-grid-card__placeholder{background:linear-gradient(160deg,#4c1d95 0%,#1a1230 100%);width:100%;height:100%}.library-grid-card__overlay{background:linear-gradient(#0000 35%,#000000b8 100%);align-items:flex-end;padding:20px 16px;display:flex;position:absolute;inset:0}.library-grid-card__overlay h3{color:#fff;font-family:var(--font-body);margin:0;font-size:18px;font-weight:700;line-height:1.25}.library-grid-card__bar{color:#fff;background:#1a1230;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.library-empty--light{color:#6b6578;flex-direction:column;align-items:center;gap:16px;padding:64px 20px;display:flex}@media (max-width:1024px){.library-grid--light{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.library-grid--light{grid-template-columns:1fr}}.library-sections{flex-direction:column;gap:32px;display:flex}.library-date-section{width:100%}.library-date-label{font-family:var(--font-body);color:#fff;margin:0 0 16px;font-size:18px;font-style:normal;font-weight:700}.library-grid{grid-template-columns:repeat(auto-fill,301px);justify-content:start;gap:20px;width:100%;display:grid}.library-ad-card{box-sizing:border-box;cursor:default;text-align:left;background:#fff;border:1px solid #ebe7f2;border-radius:16px;flex-direction:column;width:100%;max-width:340px;font-style:normal;display:flex;overflow:hidden;box-shadow:0 8px 28px #1f16330f}.library-ad-card--interactive{cursor:pointer;transition:transform .15s,box-shadow .15s}.library-ad-card--interactive:hover{transform:translateY(-2px);box-shadow:0 14px 36px #1f16331a}.library-ad-card-skeleton{border-radius:16px;max-width:340px;height:420px}.library-brand-pill--light{color:#fff;background:#4c1d95;border:none;border-radius:999px;font-weight:600}.library-grid--light{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:start;gap:24px}.library-grid--light .library-ad-card{width:100%;max-width:none}.library-empty{margin-top:24px}.campaign-card{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(8px);background:#1c1614a6;border:1px solid #ffffff0f;overflow:hidden}.campaign-card:hover{border-color:var(--accent-olive-dim);transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.campaign-card .thumbnail{aspect-ratio:4/3;background:var(--bg-elevated);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.campaign-card .thumbnail img{object-fit:cover;width:100%;height:100%}.campaign-card .info{padding:14px}.campaign-card .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.campaign-card .desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.campaign-card .status{border-radius:var(--radius-full);align-items:center;gap:4px;margin-top:8px;padding:2px 8px;font-size:11px;display:inline-flex}.campaign-card .status.complete{color:var(--accent-olive);background:#a8b45526}.campaign-card .status.generating{color:var(--accent-purple);background:#7e66be26}.agent-progress{max-width:720px;margin:32px auto;padding:0 24px}.agent-step{border-bottom:1px solid var(--border-subtle);animation:fadeSlideIn .4s var(--transition-smooth)both;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.agent-step:last-child{border-bottom:none}.agent-step .icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.agent-step .icon.running{background:#7e66be33;animation:1.5s ease-in-out infinite pulse}.agent-step .icon.complete{background:#a8b45533}.agent-step .icon.error{background:#e0555533}.agent-step .content{flex:1;min-width:0}.agent-step .name{font-size:13px;font-weight:600}.agent-step .message{color:var(--text-secondary);margin-top:2px;font-size:12px}.agent-step .progress-bar{background:var(--bg-elevated);border-radius:2px;width:100%;height:3px;margin-top:6px;overflow:hidden}.agent-step .progress-fill{background:var(--accent-olive);border-radius:2px;height:100%;transition:width .5s}.campaign-detail{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0 32px 48px}.campaign-detail-back{margin:24px 0 8px}.campaign-detail-header{margin-bottom:28px}.campaign-detail-header h1{font-family:var(--font-display);color:#fff;margin:0 0 8px;font-size:clamp(28px,3vw,36px);font-style:normal}.campaign-detail-header p{max-width:720px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.campaign-detail-layout{grid-template-columns:301px minmax(0,1fr);align-items:start;gap:32px;display:grid}.campaign-detail-preview{flex-direction:column;gap:16px;display:flex}.campaign-detail-controls{flex-direction:column;gap:12px;width:301px;max-width:100%;display:flex}.campaign-detail-edit-btn{border-radius:var(--radius-full);justify-content:center;width:100%;padding:12px 16px}.campaign-detail-slider{justify-content:center;align-items:center;gap:16px;display:flex}.campaign-detail-slider-btn{color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:flex}.campaign-detail-slider-btn:hover:not(:disabled){background:#ffffff1f}.campaign-detail-slider-btn:disabled{opacity:.35;cursor:not-allowed}.campaign-detail-slider-count{color:var(--text-secondary);text-align:center;min-width:48px;font-size:13px}.campaign-detail-edit-panel{flex-direction:column;gap:10px;width:301px;max-width:100%;display:flex}.campaign-detail-edit-input{border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;color:var(--text-primary);border:1px solid var(--border-card);resize:vertical;font-size:13px;font-family:var(--font-body);box-sizing:border-box;padding:10px 12px}.campaign-detail-edit-ref{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.campaign-detail-edit-ref-thumb{border-radius:6px;width:40px;height:40px;position:relative;overflow:hidden}.campaign-detail-edit-ref-thumb img{object-fit:cover;width:100%;height:100%}.campaign-detail-edit-ref-thumb button{color:#fff;cursor:pointer;background:#dc3c3ce6;border:none;border-radius:50%;width:16px;height:16px;font-size:10px;position:absolute;top:-4px;right:-4px}.campaign-detail-edit-error{color:#f87171;margin:0;font-size:12px}.campaign-detail-empty-preview{text-align:center;width:301px;color:var(--text-secondary);padding:24px}.campaign-detail-side{flex-direction:column;gap:24px;min-width:0;display:flex}.campaign-detail-side-title{font-family:var(--font-body);color:#fff;margin:0 0 16px;font-size:16px;font-style:normal;font-weight:600}.campaign-detail-scores-grid .score-item{text-align:left;padding:12px 14px}.campaign-detail-scores-grid .score-item .label{text-transform:capitalize;margin-bottom:6px;font-size:11px}.campaign-detail-scores-grid .score-item .value{text-align:left;font-size:22px}.campaign-detail-metrics{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.campaign-detail-metric-pill{border-radius:var(--radius-full);color:#ffffffd9;background:#6b312540;border:1px solid #6b312566;padding:6px 12px;font-size:11px}.detail-grid{grid-template-columns:1fr 320px;gap:24px;display:grid}@media (max-width:900px){.campaign-detail-layout{grid-template-columns:1fr;justify-items:center}.campaign-detail-preview,.campaign-detail-controls,.campaign-detail-edit-panel,.campaign-detail-empty-preview{width:100%;max-width:301px}.campaign-detail-side{width:100%}}.ad-preview{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden}.ad-preview img{aspect-ratio:1;object-fit:cover;width:100%}.ad-preview .copy-preview{padding:16px}.ad-preview .copy-preview h3{margin-bottom:6px;font-size:15px;font-weight:600}.ad-preview .copy-preview p{color:var(--text-secondary);font-size:13px;line-height:1.5}.version-nav{background:var(--bg-card);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.version-nav .label{color:var(--text-secondary);font-size:12px}.version-nav button{border:1px solid var(--border-card);background:var(--bg-elevated);width:28px;height:28px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.version-nav button:hover{background:var(--accent-olive);color:#1a1a1a}.editor-panel{flex-direction:column;gap:4px;display:flex}.editor-section{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);overflow:hidden}.editor-section-header{cursor:pointer;transition:var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.editor-section-header:hover{background:var(--bg-card-hover)}.editor-section-header h3{font-size:14px;font-weight:500}.editor-section-body{padding:0 16px 16px}.editor-field{margin-bottom:12px}.editor-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.editor-field input,.editor-field textarea,.editor-field select{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);outline:none;padding:8px 10px;font-size:13px}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{border-color:var(--accent-olive)}.editor-field .row{gap:8px;display:flex}.editor-field .row>*{flex:1}.scores-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.score-item{background:var(--bg-elevated);border-radius:var(--radius-sm);text-align:center;padding:10px}.score-item .value{color:var(--accent-olive);font-size:20px;font-weight:700}.score-item .label{color:var(--text-muted);margin-top:2px;font-size:10px}.copy-cards{gap:12px;display:grid}.copy-card{background:var(--bg-elevated);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);padding:14px;position:relative}.copy-card:hover{background:var(--bg-card-hover)}.copy-card .tag{text-transform:uppercase;color:var(--accent-purple);margin-bottom:6px;font-size:10px;font-weight:600}.copy-card .text{color:var(--text-secondary);white-space:pre-line;font-size:13px;line-height:1.5}.copy-card .actions{opacity:0;transition:var(--transition-fast);gap:4px;margin-top:8px;display:flex}.copy-card:hover .actions{opacity:1}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--bg-elevated)50%,var(--bg-card)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-card);border-top-color:var(--accent-olive);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state .icon{opacity:.5;margin-bottom:12px;font-size:40px}.empty-state p{max-width:300px;margin:0 auto;font-size:13px}.user-avatar{background:var(--accent-purple);color:#fff;cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.user-avatar:hover{transform:scale(1.1)}.account-page{grid-template-columns:240px minmax(0,1fr);width:100%;min-height:100%;display:grid}.account-nav{border-right:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);background:#0000002e;padding:28px 18px}.account-back{color:#ffffffe6;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;display:inline-flex}.account-nav-items{flex-direction:column;gap:10px;margin-top:14px;display:flex}.account-nav-item{color:#ffffffbf;width:100%;font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.account-nav-item:hover{background:#ffffff0f}.account-nav-item.active{color:#fff;background:#6b31258c;border-color:#6b31258c}.account-content{box-sizing:border-box;padding:28px 32px 56px}.account-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.account-title{font-family:var(--font-display);color:#ffffffe6;font-size:20px;font-style:normal}.account-tabs{gap:10px;display:inline-flex}.account-tab{border-radius:var(--radius-full);color:#ffffffbf;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;padding:7px 14px;font-size:12px}.account-tab.active{color:#fff;background:#6b3125a6;border-color:#6b3125a6}.account-profile-row{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:18px;display:grid}.account-profile-main{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:start;gap:14px 18px;display:grid}.account-profile-main .account-fields{grid-column:1/-1}.account-profile-actions{grid-column:2;justify-self:end}.account-avatar{color:#fff;background:#6b3125f2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:20px;font-weight:700;display:flex}.account-fields{gap:14px;display:grid}.account-label{color:#ffffff8c;margin-bottom:6px;font-size:11px}.account-input{color:#ffffffd9;background:#00000047;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:12px 14px}.account-edit{border-radius:var(--radius-full);color:#ffffffe6;background:#6b312573;border:1px solid #6b312580;padding:10px 18px}.account-plan-top{justify-content:space-between;gap:16px;margin-bottom:10px;display:flex}.account-plan-name{font-family:var(--font-display);color:#fff;font-size:16px;font-style:normal}.account-plan-sub{color:#ffffff8c;margin-top:4px;font-size:12px}.account-plan-amount{color:#fff;text-align:right;font-size:26px;font-weight:700}.account-plan-suffix{color:#ffffff8c;text-align:right;font-size:11px}.account-plan-list{color:#ffffffbf;margin:12px 0 14px;padding-left:18px;font-size:12px;line-height:1.6}.account-upgrade-plan{border-radius:var(--radius-full);justify-content:center;width:160px}.account-history{margin-top:22px}.account-section-label{color:#ffffffd9;margin:0 0 12px;font-size:12px;font-weight:600}.account-history-row{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.account-history-title{color:#fff;font-size:13px;font-weight:600}.account-history-sub{color:#ffffff80;margin-top:4px;font-size:11px}.account-history-amount{color:#ffffffd9;font-size:14px;font-weight:700}.account-view-all{border-radius:var(--radius-full);justify-content:center;width:220px;margin-top:18px}.account-hint{color:#ffffff8c;margin:2px 0 18px;font-size:12px}.account-token-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px;max-width:920px;display:grid}.account-token-card{border-radius:16px;padding:18px 18px 16px;position:relative}.account-token-card.featured{border-color:#d3735c8c}.account-token-badge{border-radius:var(--radius-full);background:#d3735ce6;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.account-token-qty{color:#fff;font-size:22px;font-weight:700}.account-token-qty span{color:#ffffff8c;margin-left:6px;font-size:12px;font-weight:500}.account-token-price{color:#fff;margin-top:12px;font-size:18px;font-weight:700}.account-token-price span{color:#ffffff8c;margin-left:8px;font-size:11px;font-weight:500}.account-token-buy{border-radius:var(--radius-full);justify-content:center;width:100%;margin-top:14px}.usage-top{width:100%;max-width:none}.usage-value{align-items:baseline;gap:10px;display:flex}.usage-big{color:#fff;font-size:34px;font-weight:700}.usage-sub{color:#ffffff8c;font-size:12px}.usage-bar{background:#ffffff1a;border-radius:999px;height:6px;margin-top:12px;overflow:hidden}.usage-fill{background:#d3735cd9;border-radius:999px;height:100%}.usage-remaining{color:#ffffff8c;margin-top:10px;font-size:12px}.usage-list{gap:12px;width:100%;max-width:none;margin-top:18px;display:grid}.usage-row{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.usage-row-title{color:#fff;font-size:13px;font-weight:700}.usage-row-sub{color:#ffffff8c;margin-top:4px;font-size:11px}.usage-row-right{color:#ffffffbf;font-size:12px;font-weight:700}.account-modal-backdrop{z-index:200;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.account-modal{border-radius:16px;width:min(920px,100%);padding:16px 16px 18px;position:relative}.account-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.account-modal-title{align-items:center;gap:10px;font-weight:600;display:flex}.account-modal-back{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.account-modal-actions{align-items:center;gap:10px;display:flex}.account-icon-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.account-table{border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.account-table-head,.account-table-row{grid-template-columns:1.2fr 1.2fr .8fr .9fr;gap:10px;padding:10px 12px;display:grid}.account-table-head{color:#fffc;background:#6b312547;font-size:11px;font-weight:600}.account-table-row{color:#fffc;background:#0000002e;font-size:12px}.account-table-row:nth-child(2n){background:#ffffff0a}.account-filter{background:#1c1614eb;border:1px solid #ffffff14;border-radius:14px;width:320px;padding:14px;position:absolute;top:52px;right:16px}.account-filter-title{margin-bottom:10px;font-weight:600}.account-filter-option{color:#ffffffc7;align-items:center;gap:10px;padding:8px 4px;font-size:13px;display:flex}.account-filter-dates{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 12px;display:grid}.account-filter-date{color:#ffffff8c;background:#00000040;border:1px solid #ffffff1a;border-radius:10px;padding:10px 12px;font-size:12px}.account-filter-apply{border-radius:var(--radius-full);justify-content:center;width:100%}@media (max-width:900px){.account-page{grid-template-columns:1fr}.account-nav{border-right:none;border-bottom:1px solid var(--border-subtle)}.account-token-grid{grid-template-columns:1fr;max-width:420px}}.top-bar{z-index:10;align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:16px}.dna-extract-area{box-sizing:border-box;width:100%;max-width:none;margin:0 0 32px;padding:0 32px}.url-input-row{align-items:center;gap:8px;display:flex}.url-input{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);outline:none;flex:1;padding:10px 16px;font-size:13px}.url-input:focus{border-color:var(--accent-olive-light);box-shadow:0 0 0 3px #6b312526}.url-input::placeholder{color:var(--text-muted)}@media (max-width:768px){.dna-grid,.detail-grid,.campaign-grid{grid-template-columns:1fr}.library-page{padding:0 20px 40px}.library-page-header{flex-direction:column;align-items:flex-start;padding-top:24px}.library-grid{grid-template-columns:1fr;justify-items:center}.library-ad-card{width:100%;max-width:301px}}.auth-page{z-index:100;background:#f3f2f7;display:flex;position:fixed;inset:0;overflow:hidden}.auth-page--light{background:#ebebef}.auth-hero{background:linear-gradient(#fff 0%,#f7f5fc 55%,#f0ecfa 100%);flex:58%;justify-content:center;align-items:center;min-width:0;padding:40px 36px 32px;display:flex;position:relative;overflow:auto}.auth-hero--light:before{display:none}.auth-hero-light-inner{z-index:1;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:680px;display:flex;position:relative}.auth-hero-light-header{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.auth-hero-light-title{font-family:var(--font-auth-display);letter-spacing:-.02em;color:var(--light-text);margin:0;font-size:clamp(32px,3.2vw,48px);font-style:normal;font-weight:400;line-height:1.12}.auth-hero-light-subtitle{font-family:var(--font-body);color:var(--light-text-secondary);max-width:560px;margin:0;font-size:18px;line-height:1.5}.auth-preview{justify-content:center;width:100%;display:flex}.auth-preview-card{background:#fff;border:1px solid #7c3aed14;border-radius:22px;width:100%;max-width:640px;position:relative;overflow:hidden;box-shadow:0 20px 50px #583f9b1a,0 6px 18px #1f16330d}.auth-preview-mock{text-align:center;filter:blur(.2px);flex-direction:column;align-items:center;padding:28px 28px 24px;display:flex}.auth-preview-mock-title{font-family:var(--font-auth-display);color:#1a1230;margin:0 0 8px;font-size:24px;font-style:normal;font-weight:400;line-height:1.2}.auth-preview-mock-subtitle{font-family:var(--font-body);color:#8a8498;max-width:340px;margin:0 0 18px;font-size:12px;line-height:1.45}.auth-preview-url-bar{box-sizing:border-box;background:#faf9fc;border:1px solid #e8e4f0;border-radius:12px;align-items:center;gap:8px;width:100%;max-width:520px;min-height:48px;padding:6px 6px 6px 16px;display:flex}.auth-preview-url-placeholder{min-width:0;font-family:var(--font-body);color:#b4afc4;text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.auth-preview-cta-mock{border-radius:var(--radius-full);background-color:#4b2ffb;background-image:var(--light-cta-sheen),var(--light-cta-gradient);min-height:36px;box-shadow:var(--light-cta-inset);color:#fff;font-family:var(--font-body);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.auth-preview-cta-mock svg{flex-shrink:0;width:14px;height:14px}.auth-preview-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:520px;margin-top:18px;display:grid}.auth-preview-mini-card{background:#fff;border:1px solid #eeeaf5;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;display:flex;box-shadow:0 4px 12px #1f16330a}.auth-preview-mini-icon{color:#7c3aed;background:#f3e8ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.auth-preview-mini-icon svg{width:15px;height:15px}.auth-preview-mini-title{font-family:var(--font-body);color:#3a3348;text-align:center;font-size:10px;font-weight:600;line-height:1.3}.auth-preview-play{z-index:2;-webkit-backdrop-filter:blur(5px);color:#4b3786;cursor:pointer;background:#dee5ffb8;border:3px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;padding-left:3px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 32px #6366f147}.auth-preview-play:hover{background:#dee5ffe6}.auth-hero-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.auth-hero-features--light{margin-top:2px}.auth-hero-feature-card--light{text-align:center;background:#fff;border:1px solid #7c3aed0f;border-radius:18px;flex-direction:column;align-items:center;min-height:0;padding:20px 14px 18px;display:flex;box-shadow:0 8px 24px #1f16330d}.auth-hero-feature-icon-wrap--light{color:#7c3aed;background:linear-gradient(135deg,#f3e8ff 0%,#ede9fe 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;display:flex}.auth-hero-feature-title--light{font-family:var(--font-display);color:var(--light-text);letter-spacing:-.01em;margin:0 0 8px;font-size:14px;font-style:italic;font-weight:400;line-height:1.3}.auth-hero-feature-desc--light{font-family:var(--font-body);color:var(--light-text-secondary);margin:0;font-size:11px;font-style:normal;line-height:1.5}.auth-panel{background:#ebebef;flex:42%;justify-content:center;align-items:center;min-width:0;padding:48px 40px;display:flex}.auth-panel--light{background:var(--light-panel)}.auth-card{text-align:left;background:#fff;border:1px solid #1f16330f;border-radius:24px;width:100%;max-width:420px;padding:40px 36px 36px;box-shadow:0 16px 48px #1f163314}.auth-card--light.auth-card--signup,.auth-card--light.auth-card--login{text-align:left;max-width:420px}.auth-title{margin:0 0 10px;font-size:32px;line-height:1.15}.auth-title--light{font-family:var(--font-auth-display);color:#1a1230;letter-spacing:-.02em;font-style:normal;font-weight:400}.auth-subtitle{margin:0 0 28px;font-size:14px;line-height:1.55}.auth-subtitle--light{font-family:var(--font-body);color:#7a738a;max-width:none;margin-left:0;margin-right:0}.auth-card--signup .auth-subtitle--light,.auth-card--login .auth-subtitle--light{max-width:none;margin-left:0;margin-right:0}.auth-card--signup .auth-footer--light,.auth-card--login .auth-footer--light{text-align:center}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{text-align:left;flex-direction:column;gap:8px;display:flex}.auth-field-label{font-family:var(--font-body);color:#3f3a4a;padding-left:2px;font-size:13px;font-weight:600}.auth-input{width:100%;font-family:var(--font-body);box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);border-radius:12px;outline:none;padding:14px 16px;font-size:14px}.auth-input--light{color:#1f1633;background:#fff;border:1px solid #e4e0ea}.auth-input--light::placeholder{color:#b4afc4}.auth-input--light:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #7c3aed1f}.auth-input--light[readonly]{color:#5c5568;background:#f8f7fb}.auth-back-link{font-family:var(--font-body);color:#7c3aed;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:-4px 0 -2px;padding:0;font-size:12px;font-weight:500}.auth-back-link:hover{text-underline-offset:2px;text-decoration:underline}.auth-phone-row{border-radius:12px;align-items:center;display:flex;overflow:hidden}.auth-phone-row--light{background:#fff;border:1px solid #e4e0ea}.auth-phone-prefix{cursor:pointer;font-size:14px;font-family:var(--font-body);background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;padding:14px 12px 14px 16px;display:flex;position:relative}.auth-phone-prefix--light{color:var(--light-text);border-right:1px solid #ece8f2}.auth-phone-prefix .flag{font-size:18px;line-height:1}.auth-phone-prefix .chevron{color:#b4afc4;margin-left:2px}.auth-country-wrap{flex-shrink:0;position:relative}.auth-country-menu{z-index:20;border:1px solid var(--light-border);background:#fff;border-radius:12px;min-width:220px;max-height:240px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 12px 32px #12132d1f}.auth-country-menu button{cursor:pointer;width:100%;font-family:var(--font-body);color:var(--light-text);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.auth-country-menu button:hover,.auth-country-menu button.active{background:var(--light-primary-soft)}.auth-terms input{width:18px;height:18px;accent-color:var(--light-link);cursor:pointer;flex-shrink:0;margin-top:2px}.auth-terms label{color:var(--light-text-secondary);cursor:pointer;font-size:13px;line-height:1.4}.auth-terms a{color:var(--light-link);text-underline-offset:2px;text-decoration:underline}.auth-phone-input{min-width:0;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-size:14px}.auth-phone-input--light{color:#1f1633}.auth-phone-input--light::placeholder{color:#b4afc4}.auth-terms{align-items:flex-start;gap:10px;margin-top:4px;display:flex}.auth-terms--light input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.auth-terms label{cursor:pointer;font-size:12px;line-height:1.45}.auth-terms--light label{color:#6b6578}.auth-terms--light a{color:#1f1633;text-underline-offset:2px;text-decoration:underline}.auth-submit{border-radius:var(--radius-full);width:100%;font-family:var(--font-body);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);border:none;margin-top:8px;padding:14px 20px;font-size:15px;font-weight:600}.auth-submit--light{background-color:#4b2ffb;background-image:var(--light-cta-sheen),var(--light-cta-gradient);color:#fff;box-shadow:var(--light-cta-inset);isolation:isolate;position:relative;overflow:hidden}.auth-submit--light:hover:not(:disabled){opacity:.94}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-submit--light.auth-submit--muted:disabled{opacity:1;color:#fff;box-shadow:none;background:#c8c4d4}.auth-subtitle--otp strong{color:#1f1633;font-weight:600}.auth-otp-row{justify-content:center;align-items:center;gap:12px;margin:8px 0 4px;display:flex}.auth-otp-box{color:#1f1633;width:48px;height:52px;font-family:var(--font-body);text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:#fff;border:1px solid #e4e0ea;border-radius:12px;outline:none;padding:0;font-size:20px;font-weight:600}.auth-otp-box--filled{-webkit-text-security:disc;text-security:disc}.auth-otp-box:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #7c3aed1f}.auth-otp-box:disabled{opacity:.6;cursor:not-allowed}.auth-otp-hint{color:#9b93ad;text-align:center;margin:0;font-size:11px;line-height:1.4}.auth-password-field{flex-direction:column;gap:6px;display:flex}.auth-field-hint{color:#9b93ad;text-align:left;margin:0;padding-left:2px;font-size:11px;line-height:1.3}.auth-card--signup .auth-otp-box{width:44px;height:44px;font-size:18px}.auth-footer{text-align:center;margin-top:24px;font-size:13px}.auth-footer--light{color:#6b6578}.auth-footer--otp{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.auth-footer-sep{color:#b4afc4}.auth-footer p{margin:0}.auth-footer-toggle{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.auth-footer-toggle--light{color:var(--light-link)}.auth-footer-toggle--light:hover{text-underline-offset:2px;text-decoration:underline}.auth-alert{border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.4}.auth-alert--error{color:#dc2626;background:#ef444414;border:1px solid #ef444433}.auth-alert--success{color:#059669;background:#10b98114;border:1px solid #10b98133}@media (max-width:1024px){.auth-page,.auth-page--light{flex-direction:column;overflow-y:auto}.auth-hero,.auth-hero--light{flex:none;align-items:flex-start;padding:28px 20px 20px}.auth-hero-light-inner{gap:18px;max-width:100%}.auth-preview-card{max-width:100%}.auth-preview-mock{padding:22px 16px 20px}.auth-preview-url-bar{flex-wrap:wrap;padding:10px}.auth-preview-cta-mock{width:100%}.auth-preview-mini-grid,.auth-hero-features,.auth-hero-features--light{grid-template-columns:1fr}.auth-panel,.auth-panel--light{flex:none;padding:24px 20px 40px}}.pricing-page{box-sizing:border-box;width:100%;min-height:100%;padding:32px 40px 56px;position:relative}.pricing-back{color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.pricing-back:hover{background:#ffffff14}.pricing-header{text-align:center;margin-bottom:40px}.pricing-title{font-family:var(--font-display);color:#fff;margin:0 0 12px;font-size:clamp(32px,4vw,42px);font-style:normal;font-weight:600}.pricing-subtitle{font-family:var(--font-body);color:#ffffff8c;margin:0;font-size:14px;line-height:1.5}.pricing-grid{grid-template-columns:repeat(2,minmax(280px,360px));justify-content:center;gap:24px;max-width:760px;margin:0 auto;display:grid}.pricing-card{-webkit-backdrop-filter:blur(12px);background:#1c1614bf;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:28px 24px 24px;display:flex;position:relative}.pricing-card--featured{border-color:#d3735ca6;box-shadow:0 0 0 1px #d3735c40}.pricing-card-badge{border-radius:var(--radius-full);color:#fff;white-space:nowrap;background:#d3735ce6;padding:4px 14px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-name{font-family:var(--font-body);color:#fff;margin:0 0 12px;font-size:18px;font-style:normal;font-weight:600}.pricing-card-price{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.pricing-card-amount{color:#fff;font-size:36px;font-weight:700;line-height:1}.pricing-card-suffix{color:#ffffff80;font-size:14px}.pricing-card-desc{color:#ffffff8c;margin:0 0 16px;font-size:13px;line-height:1.5}.pricing-card-bullets{color:#ffffffb3;margin:0 0 20px;padding-left:18px;font-size:13px;line-height:1.6;list-style:outside}.pricing-card-bullets li{margin-bottom:2px}.pricing-card-cta{border-radius:var(--radius-full);justify-content:center;width:100%;margin-bottom:12px;padding:12px 20px}.pricing-card-select{border-radius:var(--radius-full);color:#ffffffbf;background:#00000040;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.pricing-card-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pricing-card-features li{align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.pricing-card-features li.included{color:#ffffffe6}.pricing-card-features li.excluded{color:#ffffff59}.pricing-feature-icon{flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.pricing-card-features li.included .pricing-feature-icon{color:#ffffffe6}.pricing-card-features li.excluded .pricing-feature-icon{color:#ffffff4d}@media (max-width:720px){.pricing-page{padding:24px 20px 40px}.pricing-grid{grid-template-columns:1fr;max-width:360px}}.onboard{color:#1a1523;background:radial-gradient(80% 50% at 20% 0,#7c3aed1f,#0000 55%),radial-gradient(60% 40% at 90% 10%,#a855f714,#0000 50%),linear-gradient(#faf8ff 0%,#f3f0ff 45%,#f8f7fc 100%);min-height:100vh;font-family:DM Sans,system-ui,sans-serif}.onboard-screen{justify-content:center;align-items:center;min-height:100vh;padding:40px 56px;display:flex}.onboard-card{background:#fff;border:1px solid #7c3aed1f;border-radius:20px;width:100%;max-width:560px;padding:36px 40px;box-shadow:0 18px 48px #4c1d9514}.onboard-card--wide{max-width:980px;box-shadow:none;text-align:center;background:0 0;border:none;padding:0}.onboard-card--center{text-align:center;flex-direction:column;align-items:center;display:flex}.onboard-kicker{letter-spacing:.04em;text-transform:uppercase;color:#7c3aed;margin:0 0 8px;font-size:13px;font-weight:600}.onboard-card h1{font-family:var(--font-display);color:var(--light-text);margin:0 0 10px;font-size:clamp(1.8rem,3.2vw,2.5rem);font-style:normal;font-weight:400;line-height:1.2}.onboard-sub{color:var(--light-text-secondary);margin:0 0 24px;font-size:15px;line-height:1.5}.onboard-url-bar{border:1px solid var(--light-border);background:#fff;border-radius:14px;align-items:center;gap:12px;width:100%;max-width:878px;margin:0 auto 28px;padding:8px 8px 8px 20px;display:flex;box-shadow:0 8px 24px #1f16330f}.onboard-input--inline{min-width:0;box-shadow:none;background:0 0;border:none;flex:1;padding:10px 0}.onboard-input--inline:focus{box-shadow:none;outline:none}.onboard-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.onboard-feature-card{border:1px solid var(--light-border);text-align:center;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 8px 24px #1f16330d}.onboard-feature-card h3{font-family:var(--font-display);color:var(--light-text);margin:0 0 10px;font-size:18px;font-style:italic;font-weight:400}.onboard-feature-card p{color:var(--light-text-secondary);margin:0;font-size:13px;line-height:1.45}.onboard-analyzing-url{background:var(--light-primary-soft);color:var(--light-primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.onboard-analyzing-status{color:var(--light-text);margin:16px 0 8px;font-size:14px;font-weight:600}.onboard-modal-hint{color:var(--light-link)!important;margin:-8px 0 16px!important;font-size:13px!important}@media (max-width:900px){.onboard-feature-grid{grid-template-columns:1fr}.onboard-url-bar{flex-direction:column;align-items:stretch;padding:12px}}.onboard-label{color:#3f3a4a;margin:0 0 6px;font-size:13px;font-weight:600;display:block}.onboard-input,.onboard-textarea{width:100%;font:inherit;color:#1a1523;background:#faf8ff;border:1px solid #7c3aed38;border-radius:12px;outline:none;margin-bottom:16px;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.onboard-input:focus,.onboard-textarea:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.onboard-textarea{resize:vertical;min-height:80px}.onboard-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.onboard-section{margin-bottom:24px}.onboard-section h2{color:#3f3a4a;margin:0 0 12px;font-size:14px;font-weight:600}.onboard-colors{flex-wrap:wrap;gap:12px;display:flex}.onboard-color{color:#5b5568;flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.onboard-color-swatch{border:1px solid #00000014;border-radius:12px;width:48px;height:48px}.onboard-fonts{flex-wrap:wrap;gap:12px;display:flex}.onboard-font{color:#3f3a4a;background:#faf8ff;border:1px solid #7c3aed1f;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.onboard-font-aa{color:#1a1523;font-size:22px;font-weight:600}.onboard-voice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.onboard-voice-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #7c3aed2e;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.onboard-voice-card strong{color:#1a1523;font-size:14px}.onboard-voice-card span{color:#5b5568;font-size:12px;line-height:1.35}.onboard-voice-card:hover{border-color:#7c3aed73}.onboard-voice-card.active{background:#7c3aed0f;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.onboard-spinner{border:3px solid #7c3aed33;border-top-color:#7c3aed;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite onboard-spin}@keyframes onboard-spin{to{transform:rotate(360deg)}}.onboard-progress-list{text-align:left;width:100%;max-width:320px;margin:8px 0 0;padding:0;list-style:none}.onboard-progress-list li{color:#5b5568;text-transform:capitalize;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.onboard-progress-list .done{color:#16a34a;font-weight:700}.onboard-progress-list .run{color:#7c3aed}.onboard-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a152373;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.onboard-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:36px 32px;box-shadow:0 24px 64px #0000002e}.onboard-modal h1{font-family:var(--font-display);color:#1a1523;margin:0 0 8px;font-size:1.75rem;font-style:normal}.onboard-modal p{color:#5b5568;margin:0 0 24px;font-size:15px;line-height:1.45}.onboard-modal .create-generate-btn{width:100%}.onboard-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.onboard-modal-icon--success{color:#16a34a;background:#16a34a1f}@media (max-width:560px){.onboard-card{padding:28px 22px}.onboard-voice-grid{grid-template-columns:1fr}}.settings-page{min-height:100%;font-family:var(--font-body);color:#1a1230;background:#f3f2f7;padding:0 0 48px;font-style:normal}.settings-topbar{background:#fff;border-bottom:1px solid #ebe7f2;align-items:center;padding:16px 56px;display:flex}.settings-back{color:#1a1230;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:14px;font-style:normal;font-weight:700;display:inline-flex}.settings-back:hover{color:#7c3aed}.settings-card{background:#fff;border-radius:20px;width:auto;max-width:none;margin:28px 56px 0;padding:36px 40px 40px;box-shadow:0 10px 40px #1a12300f}.settings-block{margin-bottom:36px}.settings-block:last-child{margin-bottom:0}.settings-section-title{align-items:center;gap:14px;margin-bottom:22px;display:flex}.settings-section-title h2{font-family:var(--font-body);color:#1a1230;flex-shrink:0;margin:0;font-size:15px;font-style:normal;font-weight:700}.settings-section-rule{background:#ebe7f2;flex:1;min-width:24px;height:1px}.settings-personal{grid-template-columns:160px minmax(0,1fr);align-items:start;gap:28px;display:grid}.settings-avatar-col{flex-direction:column;align-items:center;gap:12px;display:flex}.settings-avatar{color:#fff;background:#7c3aed;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:36px;font-weight:700;display:flex}.settings-edit-profile{border-radius:var(--radius-full);color:#7c3aed;font-family:var(--font-body);cursor:pointer;background:#fff;border:1.5px solid #7c3aed;padding:8px 16px;font-size:13px;font-style:normal;font-weight:600}.settings-edit-profile:hover{background:#f5f3ff}.settings-fields{flex-direction:column;gap:12px;display:flex}.settings-label{color:#3f3a4a;margin:0 0 6px;font-size:13px;font-weight:600;display:block}.settings-input{box-sizing:border-box;width:100%;font:inherit;color:#1a1230;background:#f3f2f7;border:none;border-radius:12px;outline:none;padding:14px 16px;font-size:15px}.settings-input:focus{background:#fff;box-shadow:0 0 0 2px #7c3aed40}.settings-tabs{border-bottom:1px solid #ebe7f2;gap:28px;margin-bottom:20px;display:flex}.settings-tab{font-family:var(--font-body);color:#8b8498;cursor:pointer;background:0 0;border:none;padding:0 0 12px;font-size:14px;font-style:normal;font-weight:600;position:relative}.settings-tab.active{color:#7c3aed}.settings-tab.active:after{content:"";background:#7c3aed;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.settings-plan-box{border:1px solid #ebe7f2;border-radius:16px;margin-bottom:28px;padding:22px 24px}.settings-plan-box-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.settings-plan-name{color:#1a1230;font-size:18px;font-weight:700}.settings-plan-sub{color:#6b6578;margin-top:4px;font-size:13px}.settings-plan-price{text-align:right}.settings-plan-amount{color:#1a1230;font-size:28px;font-weight:700;line-height:1}.settings-plan-period{color:#8b8498;margin-top:4px;font-size:12px}.settings-plan-features{flex-direction:column;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.settings-plan-features li{color:#3a3348;padding-left:16px;font-size:13px;position:relative}.settings-plan-features li:before{content:"";background:#7c3aed;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.settings-cta-primary{border-radius:var(--radius-full);font-family:var(--font-body);color:#fff;background-color:#4b2ffb;background-image:var(--light-cta-sheen),var(--light-cta-gradient);box-shadow:var(--light-cta-inset);cursor:pointer;border:none;justify-content:center;align-items:center;padding:11px 20px;font-size:14px;font-style:normal;font-weight:600;display:inline-flex}.settings-cta-primary:hover:not(:disabled){filter:brightness(1.05)}.settings-cta-primary:disabled{opacity:.55;cursor:not-allowed}.settings-cta-soft{border-radius:var(--radius-full);width:100%;font-family:var(--font-body);color:#7c3aed;cursor:pointer;background:#7c3aed1f;border:none;justify-content:center;align-items:center;padding:11px 16px;font-size:14px;font-style:normal;font-weight:600;display:inline-flex}.settings-cta-soft:hover{background:#7c3aed2e}.settings-credit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.settings-credit-card{text-align:center;background:#fff;border:1px solid #ebe7f2;border-radius:16px;flex-direction:column;gap:10px;padding:24px 18px 18px;display:flex;position:relative}.settings-credit-card--popular{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed26}.settings-credit-badge{white-space:nowrap;color:#fff;background:#7c3aed;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.settings-credit-qty{color:#1a1230;font-size:22px;font-weight:700}.settings-credit-qty span{color:#6b6578;font-size:14px;font-weight:600}.settings-credit-price{color:#1a1230;margin-bottom:4px;font-size:15px;font-weight:600}.settings-credit-price span{color:#8b8498;font-size:12px;font-weight:500}.settings-credit-card .settings-cta-primary{width:100%}.settings-history{margin-top:8px}.settings-link{color:#7c3aed;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px;font-style:normal;font-weight:600}.settings-add-billing{margin-top:12px}.settings-history-list{flex-direction:column;gap:10px;display:flex}.settings-history-row{background:#fff;border:1px solid #ebe7f2;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.settings-history-title{color:#1a1230;font-size:14px;font-weight:600}.settings-history-date{color:#8b8498;margin-top:2px;font-size:12px}.settings-history-amount{color:#1a1230;font-size:15px;font-weight:700}.settings-token-summary{margin-bottom:18px}.settings-token-value{color:#6b6578;margin-bottom:12px;font-size:15px}.settings-token-value strong{color:#1a1230;margin-right:4px;font-size:28px;font-weight:700}.settings-token-bar{background:#ebe7f2;border-radius:999px;height:10px;overflow:hidden}.settings-token-fill{background:#7c3aed;border-radius:999px;height:100%}.settings-token-remaining{color:#8b8498;margin:10px 0 0;font-size:13px}.settings-token-cards{flex-direction:column;gap:10px;display:flex}.settings-token-card{background:#faf9fc;border:1px solid #ebe7f2;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.settings-token-card-title{color:#1a1230;font-size:14px;font-weight:700}.settings-token-card-sub{color:#8b8498;margin-top:2px;font-size:12px}.settings-token-card-value{color:#6b6578;white-space:nowrap;font-size:14px;font-weight:700}.settings-token-card-value--accent{color:#7c3aed}.settings-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a15237a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-billing-modal{background:#fff;border-radius:20px;width:100%;max-width:720px;padding:28px;box-shadow:0 24px 64px #0003}.settings-billing-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settings-billing-header h2{font-family:var(--font-display);margin:0;font-size:1.5rem;font-style:normal}.settings-icon-btn{border-radius:var(--radius-full);color:#3f3a4a;cursor:pointer;background:#f3f0ff;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.settings-billing-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-billing-col h3{color:#3f3a4a;margin:0 0 12px;font-size:14px;font-weight:600}.settings-billing-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-billing-summary{background:#faf8ff;border:1px solid #7c3aed1f;border-radius:12px;justify-content:space-between;align-items:center;margin-top:8px;padding:14px 16px;font-size:14px;display:flex}.settings-billing-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.settings-secondary-btn{border-radius:var(--radius-full);font:inherit;color:#3f3a4a;cursor:pointer;background:#fff;border:1px solid #7c3aed38;padding:10px 18px;font-size:14px;font-weight:600}.settings-billing-modal .settings-input{border:1px solid #7c3aed33;margin-bottom:12px}.plans-page{min-height:100%;font-family:var(--font-body);background:radial-gradient(70% 50% at 50% 0,#7c3aed24,#0000 55%),#faf8ff;flex-direction:column;justify-content:center;align-items:center;padding:40px 56px;font-style:normal;display:flex;position:relative}.plans-panel{width:100%;max-width:1080px;box-shadow:none;background:0 0;border:none;border-radius:0;padding:12px 0 32px;position:relative}.plans-close{border-radius:var(--radius-full);color:#8b8498;cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:24px;right:56px}.plans-close:hover{color:#3f3a4a;background:#f3f0ff}.plans-header{text-align:center;margin-bottom:40px}.plans-header h1{font-family:var(--font-display);color:var(--light-text);margin:0 0 10px;font-size:clamp(2rem,3.5vw,2.75rem);font-style:normal;font-weight:400}.plans-header p{color:var(--light-text-secondary);margin:0;font-size:15px}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.plans-card{background:#fff;border:1px solid #ebe7f2;border-radius:24px;flex-direction:column;padding:36px 28px 28px;font-style:normal;display:flex;position:relative;box-shadow:0 10px 32px #1f16330f}.plans-card--popular{background:#fff;border:1.5px solid #7c3aed;box-shadow:0 14px 40px #7c3aed24}.plans-badge{white-space:nowrap;letter-spacing:.02em;color:#fff;background:#7c3aed;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plans-card h2{font-family:var(--font-display);color:#1a1523;margin:0 0 14px;font-size:22px;font-style:normal;font-weight:700}.plans-price{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.plans-amount{font-family:var(--font-body);color:#1a1523;font-size:34px;font-style:normal;font-weight:700;line-height:1}.plans-period{font-family:var(--font-body);color:#8b8498;font-size:14px;font-style:normal;font-weight:400}.plans-desc{font-family:var(--font-body);color:#5b5568;min-height:40px;margin:0 0 18px;font-size:13px;font-style:normal;line-height:1.5}.plans-highlights{flex-direction:column;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.plans-highlights li{font-family:var(--font-body);color:#3f3a4a;padding-left:16px;font-size:13px;font-style:normal;font-weight:500;line-height:1.4;position:relative}.plans-highlights li:before{content:"";background:#7c3aed;border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:0}.plans-cta{width:100%;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;margin-bottom:16px;padding:14px 20px;font-size:14px;font-style:normal;font-weight:600}.plans-cta--soft{color:#4c1d95;background:#ede9fe}.plans-cta--soft:hover{background:#e0d7ff}.plans-cta--primary{color:#fff;background-color:#4b2ffb;background-image:var(--light-cta-sheen),var(--light-cta-gradient);box-shadow:var(--light-cta-inset)}.plans-cta--primary:hover{filter:brightness(1.05)}.plans-credit-pill{box-sizing:border-box;color:#5b5568;width:100%;font-family:var(--font-body);cursor:pointer;text-align:left;background:#f5f3f8;border:1px solid #e4dff0;border-radius:999px;justify-content:space-between;align-items:center;margin:0 0 24px;padding:12px 18px;font-size:13px;font-style:normal;font-weight:500;line-height:1.3;display:flex}.plans-credit-pill:hover{background:#f0ecf8;border-color:#c4b5fd}.plans-credit-pill span{flex:1;min-width:0}.plans-credit-pill svg{color:#8b8498;flex-shrink:0;margin-left:12px}.plans-features{flex-direction:column;flex:1;gap:12px;margin:0;padding:0;list-style:none;display:flex}.plans-features li{font-family:var(--font-body);align-items:flex-start;gap:10px;font-size:13px;font-style:normal;line-height:1.4;display:flex}.plans-feature--in{color:#3f3a4a}.plans-feature--out{color:#b0a9bc}.plans-check{color:#7c3aed;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:inline-flex}.plans-check svg{width:11px;height:11px}.plans-feature--out .plans-check{color:#c8c2d4;background:#f3f2f7}@media (max-width:900px){.plans-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}.settings-billing-grid{grid-template-columns:1fr}.settings-personal{text-align:center;grid-template-columns:1fr;justify-items:center}.settings-fields{width:100%}.settings-credit-grid{grid-template-columns:1fr;max-width:320px}}@media (max-width:640px){.settings-topbar{padding:14px 24px}.settings-card{margin:20px 24px 0;padding:24px 20px 28px}.plans-page{padding:32px 24px}.plans-close{right:24px}.plans-panel{padding:8px 0 16px}.create-flow{padding:36px 24px 48px}.persona-page{padding:24px 24px 40px}.library-page{padding:0 24px 40px}}.run{--run-accent:var(--light-primary);--run-accent-soft:var(--light-primary-soft);--run-ok:#15803d;--run-ok-soft:#e8f7ec;--run-err:#b42318;--run-err-soft:#fdeceb;--run-warn:#b45309;--run-warn-soft:#fff4e5;--run-line:var(--light-border);--run-text:var(--light-text);--run-text-2:var(--light-text-secondary);--run-text-3:var(--light-text-muted);background:var(--light-surface);border:1px solid var(--light-border);border-radius:var(--radius-2xl);color:var(--run-text);font-family:var(--font-body);animation:fadeSlideIn .35s var(--transition-smooth)both;padding:20px 22px 16px;box-shadow:0 10px 36px #1f16330f}.run--compact{border-radius:var(--radius-xl);box-shadow:none;padding:14px 16px 12px}.run-head{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.run-head-row{align-items:flex-start;gap:12px;display:flex}.run-head-text{flex:1;min-width:0}.run-head-text h3{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.run-head-text p{color:var(--run-text-2);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:13px;overflow:hidden}.run-head-text p.run-live{animation:.4s both runFade}.run-status{background:var(--run-accent-soft);width:28px;height:28px;color:var(--run-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.run-status.done{background:var(--run-ok-soft);color:var(--run-ok)}.run-status.error{background:var(--run-err-soft);color:var(--run-err)}.run-status-spin{border:2px solid #4b378640;border-top-color:var(--run-accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.run-metrics{color:var(--run-text-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 14px;padding-top:4px;font-size:12px;display:flex}.run-metrics span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.run-progress{background:var(--light-panel);border-radius:999px;height:4px;position:relative;overflow:hidden}.run-progress-fill{background:var(--run-accent);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.run--running .run-progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff8c 50%,#0000 100%) 0 0/200% 100%;animation:1.4s linear infinite shimmer;position:absolute;inset:0}.run--done .run-progress-fill{background:var(--run-ok)}.run--failed .run-progress-fill{background:var(--run-err)}.run-phases{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.run-phase{letter-spacing:.02em;text-transform:uppercase;color:var(--run-text-3);transition:all var(--transition-smooth);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.run-phase-dot{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px}.run-phase.done{color:var(--run-ok)}.run-phase.active{color:var(--run-accent);background:var(--run-accent-soft);border-color:#4b37862e}.run-phase.active .run-phase-dot{opacity:1;animation:1.2s ease-in-out infinite pulse}.run-phase.error{color:var(--run-err);background:var(--run-err-soft)}.run-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.run-node{animation:fadeSlideIn .4s var(--transition-smooth)both;grid-template-columns:36px 1fr;gap:0 14px;display:grid}.run--compact .run-node{grid-template-columns:30px 1fr;gap:0 10px}.run-node-rail{flex-direction:column;align-items:center;display:flex}.run-node-ring{background:var(--light-panel);width:36px;height:36px;color:var(--run-text-3);border:1px solid var(--run-line);transition:all var(--transition-smooth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.run--compact .run-node-ring{width:30px;height:30px}.run-node.running .run-node-ring{color:var(--run-accent);background:var(--light-surface);border-color:#0000}.run-node.running .run-node-ring:before{content:"";background:conic-gradient(from 0deg,var(--run-accent)0 25%,transparent 25% 100%);border-radius:50%;animation:1.1s linear infinite spin;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}.run-node.running .run-node-ring:after{content:"";border:1px solid #4b378640;border-radius:50%;animation:1.6s ease-out infinite runRipple;position:absolute;inset:-8px}.run-node.complete .run-node-ring{color:var(--run-ok);background:var(--run-ok-soft);border-color:#15803d33}.run-node.error .run-node-ring{color:var(--run-err);background:var(--run-err-soft);border-color:#b4231840}.run-node-line{background:var(--run-line);border-radius:2px;flex:1;width:2px;min-height:14px;margin:4px 0;position:relative;overflow:hidden}.run-node.complete .run-node-line:after{content:"";background:var(--run-ok);opacity:.45;animation:.6s both runLineFill;position:absolute;inset:0}.run-node:last-child .run-node-line{display:none}.run-node-body{min-width:0;padding:6px 0 18px}.run--compact .run-node-body{padding:4px 0 12px}.run-node-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.run-node-title strong{letter-spacing:-.01em;font-size:14px;font-weight:700}.run-node-role{color:var(--run-text-3);font-size:12px}.run-node-time{color:var(--run-text-3);font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-left:auto;font-size:11.5px;display:inline-flex}.run-node.complete .run-node-time{color:var(--run-ok)}.run-node.error .run-node-time{color:var(--run-err)}.run-thinking{color:var(--run-text-2);margin:6px 0 4px;font-size:13px;line-height:1.45;animation:.3s both runFade}.run-caret{vertical-align:-2px;background:var(--run-accent);border-radius:1px;width:6px;height:13px;margin-left:3px;animation:1s step-end infinite runBlink;display:inline-block}.run-steps{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.run-step{grid-template-columns:12px 1fr;align-items:start;gap:0 8px;animation:.3s both fadeSlideIn;display:grid}.run-step-mark{background:var(--run-line);border-radius:50%;justify-self:center;width:8px;height:8px;margin-top:6px}.run-step.running .run-step-mark{background:var(--run-accent);animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 0 3px #4b378626}.run-step.complete .run-step-mark{background:var(--run-ok)}.run-step.error .run-step-mark{background:var(--run-err)}.run-step-main{min-width:0}.run-step-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.run-step-title{color:var(--run-text);font-size:13px}.run-step.complete .run-step-title{color:var(--run-text-2)}.run-step-detail{color:var(--run-text-3);margin-top:2px;font-size:12px;line-height:1.45}.run-step-detail--error{color:var(--run-err)}.run-step-time{color:var(--run-text-3);font-variant-numeric:tabular-nums;font-size:11px}.run-mono{font-family:var(--font-mono);font-size:11.5px}.run-dots{align-items:center;gap:3px;display:inline-flex}.run-dots i{background:var(--run-accent);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite runDots}.run-dots i:nth-child(2){animation-delay:.15s}.run-dots i:nth-child(3){animation-delay:.3s}.run-tool{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.run-tool-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--run-line);color:var(--run-text-2);background:var(--light-panel);border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.run-tool-badge--google{color:#1a56db;background:#e8f0fe;border-color:#c7d7fb}.run-tool-badge--gemini{color:var(--run-accent);background:var(--run-accent-soft);border-color:#4b37862e}.run-tool-badge--mcp{color:#0f766e;background:#e6f6f4;border-color:#b8e5df}.run-queries{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.run-query{color:var(--run-text-2);background:var(--light-panel);border:1px solid var(--run-line);border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:11.5px;display:inline-flex}.run-artifacts{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:10px;display:grid}.run--compact .run-artifacts{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.run-artifact{border-radius:var(--radius-md);border:1px solid var(--run-line);background:var(--light-panel);margin:0;animation:.5s cubic-bezier(.22,1,.36,1) both runReveal;overflow:hidden}.run-artifact img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.run-artifact figcaption{color:var(--run-text-3);text-transform:capitalize;padding:4px 6px;font-size:11px}.run-result{border-radius:var(--radius-md);background:var(--light-surface-muted);border:1px solid var(--run-line);margin-top:8px;padding:10px 12px;animation:.35s both fadeSlideIn}.run-kv{flex-direction:column;gap:8px;display:flex}.run-chips{flex-wrap:wrap;gap:6px;display:flex}.run-chip{background:var(--light-surface);border:1px solid var(--run-line);color:var(--run-text-2);border-radius:999px;align-items:center;padding:3px 9px;font-size:12px;display:inline-flex}.run-chip--accent{color:var(--run-accent);background:var(--run-accent-soft);border-color:#4b37862e;font-weight:600}.run-chip--muted{color:var(--run-text-3)}.run-chip--warn{color:var(--run-warn);background:var(--run-warn-soft);border-color:#b4530933}.run-list{color:var(--run-text-2);flex-direction:column;gap:3px;margin:0;padding-left:16px;font-size:12.5px;display:flex}.run-note{color:var(--run-text-2);margin:0;font-size:12.5px;line-height:1.5}.run-quote{color:var(--run-text);font-size:13.5px;font-weight:600}.run-sources{flex-wrap:wrap;gap:6px;display:flex}.run-source{color:var(--light-link);background:var(--light-surface);border:1px solid var(--run-line);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;max-width:220px;padding:2px 8px;font-size:11.5px;text-decoration:none;display:inline-flex;overflow:hidden}.run-source:hover{border-color:var(--light-link)}.run-brand-row{align-items:center;gap:10px;display:flex}.run-brand-logo{object-fit:contain;border:1px solid var(--run-line);background:#fff;border-radius:8px;width:36px;height:36px;padding:3px}.run-swatches{gap:6px;display:flex}.run-swatch{border:1px solid #00000014;border-radius:6px;width:22px;height:22px}.run-error{border-radius:var(--radius-md);background:var(--run-err-soft);color:var(--run-err);align-items:center;gap:8px;margin-top:4px;padding:10px 12px;font-size:13px;display:flex}.run-log{border-top:1px solid var(--run-line);margin-top:10px;padding-top:8px}.run-log summary{cursor:pointer;color:var(--run-text-3);-webkit-user-select:none;user-select:none;font-size:12px}.run-log summary:hover{color:var(--run-text-2)}.run-log-body{max-height:260px;font-family:var(--font-mono);background:var(--light-panel);border-radius:var(--radius-md);margin-top:8px;padding:8px 10px;font-size:11px;overflow:auto}.run-log-line{color:var(--run-text-2);grid-template-columns:60px 150px 64px 1fr;gap:10px;padding:2px 0;display:grid}.run-log-line.error{color:var(--run-err)}.run-log-time{color:var(--run-text-3);font-variant-numeric:tabular-nums}.run-log-agent{color:var(--run-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.run-log-kind{color:var(--run-text-3);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.run-log-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes runFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@keyframes runBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes runDots{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes runRipple{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}@keyframes runLineFill{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes runReveal{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media (max-width:720px){.run{padding:16px 14px 12px}.run-node-role{display:none}.run-log-line{grid-template-columns:50px 1fr}.run-log-kind,.run-log-agent{display:none}}.persona-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.persona-chip{background:var(--light-panel);border:1px solid var(--light-border);color:var(--light-text-secondary);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.persona-chip--pain{color:#9f2c22;background:#fdeceb;border-color:#f6c9c5}.persona-chip--want{color:#166534;background:#e8f7ec;border-color:#bfe6c9}.persona-chip--offer{background:var(--light-primary-soft);color:var(--light-primary);border-color:#4b37862e;font-weight:600}.persona-list{color:var(--light-text-secondary);flex-direction:column;gap:6px;margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.5;display:flex}.persona-list strong{color:var(--light-text);font-weight:600}.persona-list--muted,.persona-list-sub{color:var(--light-text-muted)}.persona-segments{flex-direction:column;gap:10px;margin-top:12px;display:flex}.persona-segment{border-radius:var(--radius-md);background:var(--light-surface-muted);border:1px solid var(--light-border);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.persona-segment strong{color:var(--light-text);font-size:13px}.persona-segment>span{color:var(--light-text-muted);font-size:12px}.persona-segment .persona-chips{margin-top:6px}.persona-color-role{color:var(--light-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:10.5px;font-style:normal;display:block}.persona-font-name em{color:var(--light-text-muted);margin-left:6px;font-size:11px;font-style:normal}.persona-language{flex-direction:column;gap:2px;margin-top:8px;display:flex}.persona-sources{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.persona-source{color:var(--light-link);background:var(--light-surface);border:1px solid var(--light-border);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;max-width:220px;padding:3px 9px;font-size:11.5px;text-decoration:none;display:inline-flex;overflow:hidden}.persona-source:hover{border-color:var(--light-link)}.persona-confidence{color:var(--light-text-muted);margin-left:auto;font-size:11.5px}.persona-gallery-thumb--site{outline:1px dashed var(--light-border-soft)}.persona-extraction-meta{color:var(--light-text-muted);align-self:center;margin-right:auto;font-size:12px}.create-suggestion-skeleton{border-radius:var(--radius-xl);min-height:120px}.onboard-run{text-align:left;width:100%;max-width:560px;margin:18px auto 6px}.run-result:empty{display:none}@media (prefers-reduced-motion:reduce){.run,.run-node,.run-step,.run-artifact,.run-result,.run-thinking,.run-head-text p.run-live,.run-node.running .run-node-ring:before,.run-node.running .run-node-ring:after,.run-status-spin,.run-caret,.run-dots i,.run-phase.active .run-phase-dot,.run-step.running .run-step-mark{animation:none!important}.run--running .run-progress-fill:after{display:none}}.create-suggestion-skeleton{background:linear-gradient(90deg,var(--light-panel)25%,var(--light-surface)50%,var(--light-panel)75%);border:1px solid var(--light-border);background-size:200% 100%;animation:1.5s infinite shimmer}