:root{--bg:#09090b;--bg-2:#0c0c0f;--card:#131318;--card-hover:#1a1a21;--surface:#18181f;--surface-hover:#222230;--text:#ececef;--text-secondary:#a1a1aa;--muted:#71717a;--accent:#f43f5e;--accent-hover:#fb7185;--accent-soft:rgba(244,63,94,0.12);--accent-2:#f59e0b;--accent-2-hover:#fbbf24;--accent-2-soft:rgba(245,158,11,0.12);--border:#27272a;--border-light:#3f3f46;--radius:14px;--radius-sm:10px;--radius-xs:6px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.5);--shadow-lg:0 12px 32px rgba(0,0,0,0.6);--ease-out:cubic-bezier(0.16,1,0.3,1);--duration-fast:150ms;--duration-normal:250ms;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--step-active:#f43f5e;--step-complete:#22c55e;--step-incomplete:#27272a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.top-bar{position:sticky;top:0;z-index:50;background:rgba(9,9,11,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:var(--space-sm) var(--space-xl);justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.top-bar,.top-bar-left{display:flex;align-items:center}.top-bar-left{gap:var(--space-lg)}.logo{display:inline-flex;align-items:center;font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.logo:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-xs)}.logo-accent{color:var(--accent)}.top-bar-right{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.auth-chip{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-xs) var(--space-md);border-radius:999px;background:var(--surface);border:1px solid var(--border);transition:border-color var(--duration-fast)}.auth-chip:hover{border-color:var(--border-light)}.auth-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#ef4444}.auth-dot.connected{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.5)}.model-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast)}.model-select:focus{border-color:var(--accent)}.step-indicator{gap:var(--space-sm);padding:var(--space-xl) var(--space-xl) 0;max-width:640px;margin:0 auto;width:100%}.step-dot,.step-indicator{display:flex;align-items:center}.step-dot{width:32px;height:32px;border-radius:50%;justify-content:center;font-size:var(--text-sm);font-weight:700;border:2px solid var(--step-incomplete);color:var(--muted);background:var(--bg);flex-shrink:0;transition:all var(--duration-normal) var(--ease-out)}.step-dot.active{border-color:var(--step-active);color:#fff;background:var(--accent);box-shadow:0 0 16px rgba(244,63,94,.35)}.step-dot.complete{border-color:var(--step-complete);color:#fff;background:var(--step-complete)}.step-line{flex:1;height:2px;background:var(--border);transition:background var(--duration-normal) var(--ease-out)}.step-line.complete{background:var(--step-complete)}.step-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;font-size:var(--text-xs);font-weight:600;color:var(--muted);white-space:nowrap;transition:color var(--duration-normal)}.step-dot.active .step-label{color:var(--accent)}.step-dot.complete .step-label{color:var(--step-complete)}.step-dot-wrap{position:relative;display:flex;align-items:center;justify-content:center}.wizard-main{flex:1;padding:var(--space-2xl) var(--space-xl) var(--space-4xl);max-width:900px;margin:0 auto;width:100%}.step-panel{animation:stepFadeIn var(--duration-normal) var(--ease-out) both}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.step-panel{animation:none}}.step-title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-xs)}.step-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-2xl)}.field{margin-bottom:var(--space-xl)}.field label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.field label .required{color:var(--accent);margin-left:2px}.field input,.field select,.field textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);font-size:var(--text-base);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field textarea{min-height:80px;resize:vertical;line-height:1.5}.field input::-moz-placeholder,.field textarea::-moz-placeholder{color:var(--muted)}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.tone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-sm)}.tone-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--duration-fast)}.tone-btn:hover{background:var(--surface-hover);border-color:var(--border-light)}.tone-btn.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.tone-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tone-emoji{font-size:1.4rem;line-height:1}.tone-name{font-size:var(--text-sm);font-weight:600}.quick-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.chip:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip-tag{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-2)}.dropdown-anchor{position:relative;display:inline-flex}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--space-xs);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xs);min-width:320px;max-height:280px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg)}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;background:none;border:none;color:var(--text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xs);cursor:pointer;text-align:left;font-size:var(--text-sm);transition:background var(--duration-fast)}.dropdown-item:hover{background:var(--surface)}.dropdown-item .chip-tag{flex-shrink:0}.dropdown-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-row{display:flex;gap:var(--space-md);margin-top:var(--space-2xl);align-items:center}.nav-spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.btn:hover{background:var(--surface-hover);border-color:var(--border-light)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-size:var(--text-base);padding:var(--space-md) var(--space-xl);font-weight:700}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.primary:disabled{background:var(--accent);border-color:var(--accent)}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn.small{font-size:var(--text-xs);padding:var(--space-xs) var(--space-md)}.error-banner{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);margin-top:var(--space-lg);font-size:var(--text-sm);line-height:1.5}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.results-section{margin-top:var(--space-2xl)}.results-header{margin-bottom:var(--space-xl)}.results-title{font-size:var(--text-xl);font-weight:700}.ab-plan{margin-top:var(--space-md);padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.ab-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-2);display:block;margin-bottom:var(--space-xs)}.ab-plan p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.shortlist-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--accent-2-soft);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.shortlist-label{font-weight:700;color:var(--accent-2);font-size:var(--text-sm)}.export-bar{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xl)}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}.concepts-grid.loading{opacity:.6;pointer-events:none}.concept-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.concept-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm)}.card-img-wrap{position:relative;background:var(--bg-2);min-height:180px}.card-img-wrap img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block}.concept-preview-image{opacity:0;transition:opacity .22s var(--ease-out)}.concept-preview-image.loaded{opacity:1}.image-loading-state{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);aspect-ratio:16/9;padding:var(--space-lg);text-align:center;background:linear-gradient(110deg,var(--surface) 30%,var(--card-hover) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.5s infinite}.image-loading-spinner{width:24px;height:24px;margin-bottom:var(--space-xs);border:2px solid rgba(255,255,255,.16);border-top:2px solid var(--accent);border-radius:50%;animation:spin .7s linear infinite}.image-loading-label{color:var(--text);font-size:var(--text-sm);font-weight:700}.image-loading-hint{max-width:260px;color:var(--muted);font-size:var(--text-xs);line-height:1.4}.img-fallback{width:100%;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);color:var(--muted);padding:var(--space-lg);text-align:center}.img-fallback-icon{font-size:2rem;opacity:.5}.img-fallback-text{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.img-fallback-hint{font-size:var(--text-xs);max-width:260px;line-height:1.4;color:var(--muted)}.img-fallback-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--space-xs)}.card-body{padding:var(--space-lg) var(--space-xl) var(--space-xl);flex-direction:column}.card-body,.card-header{display:flex;gap:var(--space-sm)}.card-header{align-items:center}.concept-num{font-size:var(--text-xs);font-weight:800;color:var(--accent);background:var(--accent-soft);padding:2px var(--space-xs);border-radius:4px}.card-body .name{font-weight:700;font-size:var(--text-base)}.card-body .tag{font-size:var(--text-xs);color:var(--muted);background:var(--surface);padding:2px var(--space-sm);border-radius:var(--radius-xs);display:inline-block;width:-moz-fit-content;width:fit-content}.card-body .section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-2);margin-top:var(--space-sm)}.text-overlay{font-size:var(--text-sm);font-weight:600}.text-overlay .placement{font-weight:400;color:var(--muted);font-size:var(--text-xs)}.color-row{display:flex;align-items:flex-start;gap:var(--space-sm)}.color-swatch{width:16px;height:16px;border-radius:4px;flex-shrink:0;border:1px solid rgba(255,255,255,.1);margin-top:2px}.color-emotion{font-size:var(--text-sm);font-weight:600}.color-note{font-size:var(--text-xs);color:var(--muted);line-height:1.4}.card-body .prompt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45}.prompt-details{margin-top:var(--space-xs)}.prompt-details summary{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-2);cursor:pointer;padding:2px 0;transition:color var(--duration-fast)}.prompt-details summary:hover{color:var(--accent-2-hover)}.prompt-full{font-size:var(--text-xs);color:var(--muted);line-height:1.45;margin-top:var(--space-xs);padding:var(--space-md);background:var(--bg);border-radius:var(--radius-xs);max-height:200px;overflow-y:auto}.card-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap}.download-btn{margin-left:auto}.download-error{color:#fca5a5;font-size:var(--text-xs);line-height:1.4}.star-btn{background:var(--surface)!important;color:var(--muted)!important;border:1px solid var(--border)!important;font-size:var(--text-lg)!important;padding:2px var(--space-xs)!important;line-height:1;width:32px!important;height:32px!important}.star-btn.starred{color:var(--accent-2)!important;border-color:var(--accent-2)!important;background:var(--accent-2-soft)!important}.star-btn:hover{transform:scale(1.15)}.concept-card.skeleton{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden}.skeleton-img{width:100%;aspect-ratio:16/9}.concept-card.skeleton .skeleton-bar,.skeleton-img{background:linear-gradient(110deg,var(--surface) 30%,var(--card-hover) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.5s infinite}.concept-card.skeleton .skeleton-bar{margin:var(--space-sm) var(--space-lg) 0;height:10px;border-radius:4px}.skeleton-bar.wide{width:80%}.skeleton-bar.medium{width:60%}.skeleton-bar.narrow{width:40%}.concept-card.skeleton .skeleton-bar:last-child{margin-bottom:var(--space-lg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl);max-width:480px;margin:0 auto}.empty-icon{font-size:3rem;margin-bottom:var(--space-lg);opacity:.8}.empty-state h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-sm)}.empty-state p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600;text-decoration:underline;font-size:inherit;padding:0}.link-btn:hover{color:var(--accent-hover)}@media print{.card-actions,.empty-state,.export-bar,.nav-row,.shortlist-bar,.step-indicator,.top-bar{display:none!important}body{background:#fff;color:#000}.concept-card{border:1px solid #ccc;background:#fff;-moz-column-break-inside:avoid;break-inside:avoid}.card-body .section-title{color:#b45309}.prompt-full{background:#f5f5f5}}@media (max-width:640px){.concepts-grid,.field-row{grid-template-columns:1fr}.tone-grid{grid-template-columns:repeat(4,1fr)}.top-bar{padding:var(--space-sm) var(--space-md)}.wizard-main{padding:var(--space-xl) var(--space-md) var(--space-3xl)}.step-indicator{padding:var(--space-lg) var(--space-md) 0}.step-label{display:none}.nav-row{flex-wrap:wrap}.dropdown-menu{left:auto;right:0;min-width:280px}}@media (max-width:400px){.tone-grid{grid-template-columns:repeat(3,1fr)}}.brief-progress{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:var(--text-xs);color:var(--text-secondary)}.brief-progress-label{font-weight:700;text-transform:uppercase;letter-spacing:.05em;min-width:64px}.brief-progress-bar{flex:1;height:4px;background:var(--surface);border-radius:2px;overflow:hidden}.brief-progress-fill{display:block;height:100%;background:var(--accent);transition:width var(--duration-normal) var(--ease-out)}.text-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.text-mode-btn{min-height:104px;padding:var(--space-md);text-align:left;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.text-mode-btn:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text)}.text-mode-btn.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.text-mode-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-mode-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--text-sm);font-weight:750}.text-mode-description{display:block;margin-top:6px;font-size:var(--text-xs);line-height:1.4;color:var(--muted)}.experimental-badge,.recommended-badge{display:inline-flex;align-items:center;min-height:18px;padding:1px 6px;border-radius:999px;font-size:.625rem;font-weight:700;letter-spacing:0}.recommended-badge{color:#fecdd3;background:rgba(244,63,94,.16)}.experimental-badge{color:#fde68a;background:rgba(245,158,11,.15)}.text-style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-sm)}.text-style-btn{min-height:86px;padding:var(--space-sm);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.text-style-btn:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text)}.text-style-btn.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.text-style-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-style-name{display:block;font-size:var(--text-sm);line-height:1.15}.text-style-description{display:block;margin-top:6px;font-size:.68rem;line-height:1.3;color:var(--muted)}.text-style-sample-impact .text-style-name{font-weight:900;text-transform:uppercase;letter-spacing:-.03em}.text-style-sample-editorial .text-style-name{font-family:Georgia,Times New Roman,serif;font-weight:700}.text-style-sample-minimal .text-style-name{font-weight:500;letter-spacing:.03em}.text-style-sample-banner .text-style-name{width:-moz-fit-content;width:fit-content;padding:2px 5px;color:#fff;background:var(--accent);font-weight:800}@media (max-width:720px){.text-mode-grid{grid-template-columns:1fr}.text-mode-btn{min-height:0}.text-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}@media (max-width:540px){.count-grid{grid-template-columns:repeat(2,1fr)}}.count-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-md);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.count-btn:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text)}.count-btn.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.count-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.count-num{font-size:var(--text-lg);font-weight:800;line-height:1}.count-hint{font-size:var(--text-xs);opacity:.85}.model-select-block{display:block;width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.model-select-block:focus{border-color:var(--accent)}.top-bar-right{gap:var(--space-sm)}.field-hint{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-xs);line-height:1.45}.brief-summary{margin-top:var(--space-md);padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.brief-summary .ab-label{display:block;margin-bottom:var(--space-sm)}.brief-summary-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-lg)}.brief-summary-list li{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);min-width:0}.brief-summary-key{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.brief-summary-val{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis}.brief-summary-list li:first-child,.brief-summary-list li:nth-child(2){grid-column:1/-1}@media (max-width:640px){.brief-summary-list{grid-template-columns:1fr}}.error-banner{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.text-free-tag{background:var(--surface)!important;color:var(--muted)!important;border:1px solid var(--border);margin-left:auto}.text-mode-tag{margin-left:auto;white-space:nowrap}.text-mode-tag.experimental{color:#fde68a!important;background:rgba(245,158,11,.12)!important}.text-overlay-empty{color:var(--muted);font-style:italic;font-weight:400!important}.preview-text-overlay{position:absolute;z-index:2;max-width:78%;padding:.08em .2em;color:#fff;font-size:clamp(1rem,2.6vw,2rem);font-weight:900;line-height:.95;letter-spacing:-.03em;text-align:center;text-transform:uppercase;text-wrap:balance;pointer-events:none;text-shadow:0 2px 0 rgba(0,0,0,.95),2px 0 0 rgba(0,0,0,.95),-2px 0 0 rgba(0,0,0,.95),0 -2px 0 rgba(0,0,0,.95),0 4px 12px rgba(0,0,0,.9)}.preview-text-overlay.placement-top-left{top:8%;left:6%;text-align:left}.preview-text-overlay.placement-top-center{top:8%;left:50%;transform:translateX(-50%)}.preview-text-overlay.placement-top-right{top:8%;right:6%;text-align:right}.preview-text-overlay.placement-left-center{top:50%;left:6%;transform:translateY(-50%);text-align:left}.preview-text-overlay.placement-center{top:50%;left:50%;transform:translate(-50%,-50%)}.preview-text-overlay.placement-right-center{top:50%;right:6%;transform:translateY(-50%);text-align:right}.preview-text-overlay.placement-bottom-left{bottom:8%;left:6%;text-align:left}.preview-text-overlay.placement-bottom-center{bottom:8%;left:50%;transform:translateX(-50%)}.preview-text-overlay.placement-bottom-right{right:6%;bottom:16%;text-align:right}.preview-text-overlay.text-style-impact{font-weight:950;font-size:clamp(1.15rem,3vw,2.25rem);letter-spacing:-.04em;text-transform:uppercase}.preview-text-overlay.text-style-editorial{font-family:Georgia,Times New Roman,serif;font-weight:800;line-height:1;letter-spacing:-.02em;text-transform:none}.preview-text-overlay.text-style-minimal{padding:0;font-weight:700;line-height:1.08;letter-spacing:.01em;text-transform:none;text-shadow:0 2px 8px rgba(0,0,0,.92)}.preview-text-overlay.text-style-banner{padding:.22em .35em;background:var(--accent);color:#fff;font-weight:900;line-height:1;text-transform:uppercase;text-shadow:none}.density-toggle{display:inline-flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:2px}.density-btn{background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;padding:4px var(--space-sm);border-radius:4px;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.density-btn:hover{color:var(--text)}.density-btn.selected{background:var(--accent-soft);color:var(--accent)}.density-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.export-spacer{flex:1}.concepts-grid.density-compact{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.concept-card.compact .card-body{padding:var(--space-md) var(--space-lg) var(--space-lg);gap:var(--space-xs)}.concept-card.compact .card-img-wrap{min-height:0}.concept-card.compact .card-body .section-title{margin-top:var(--space-xs);font-size:.7rem}.concept-card.compact .card-body .prompt,.concept-card.compact .text-overlay{font-size:var(--text-xs)}.concept-card.compact details{display:none}.dropdown-item-row{display:flex;align-items:stretch;gap:2px}.dropdown-item-row .dropdown-item{flex:1;min-width:0}.dropdown-item-delete{background:transparent;border:none;color:var(--muted);width:32px;cursor:pointer;font-size:1.2rem;line-height:1;border-radius:var(--radius-xs);transition:background var(--duration-fast),color var(--duration-fast)}.dropdown-item-delete:hover{background:var(--surface);color:var(--accent)}.edit-brief-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}@media print{.density-toggle,.export-spacer{display:none!important}}.landing-page{background:var(--bg);color:var(--text);min-height:100vh}.landing-nav{position:sticky;top:0;z-index:50;background:rgba(9,9,11,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.landing-nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl)}.landing-logo{font-weight:800;font-size:var(--text-lg);letter-spacing:-.03em;color:var(--text)}.landing-logo-accent{color:var(--accent)}.landing-nav-links{display:flex;gap:var(--space-lg);align-items:center}.landing-nav-link{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface);transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.landing-nav-link:hover{background:var(--card-hover);color:var(--text);border-color:var(--border-light)}.hero{position:relative;overflow:hidden;padding:var(--space-4xl) var(--space-xl) var(--space-3xl);max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.hero-inner{max-width:520px}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:var(--space-lg)}.hero-subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl)}.hero-cta-row{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.hero-cta-primary{display:inline-block;padding:var(--space-md) var(--space-xl);background:var(--accent);color:#fff;font-weight:700;font-size:var(--text-base);border-radius:var(--radius);border:none;cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast);text-decoration:none}.hero-cta-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.hero-cta-note{font-size:var(--text-sm);color:var(--muted)}.hero-visual{position:relative;height:280px}.hero-card{position:absolute;width:200px;aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--border);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-lg);transition:transform var(--duration-normal) var(--ease-out)}.hero-card:hover{transform:translateY(-4px)}.hero-card-1{top:10px;left:20px;transform:rotate(-6deg)}.hero-card-2{top:60px;left:140px;transform:rotate(4deg);z-index:2}.hero-card-3{top:140px;left:60px;transform:rotate(-2deg)}.hero-card-bar{height:10px;border-radius:3px;background:var(--surface);width:60%}.hero-card-bar-wide{width:80%}.hero-card-line{height:6px;border-radius:3px;background:var(--surface);width:40%}.hero-card-line-long{width:70%}.hero-card-dot{width:14px;height:14px;border-radius:50%;background:var(--accent);align-self:flex-end}.hero-card-dot-alt{background:var(--accent-2)}.section{padding:var(--space-3xl) var(--space-xl)}.section-alt{background:var(--bg-2)}.section-inner{max-width:1100px;margin:0 auto}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-2xl);text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.step-item{text-align:center}.step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-weight:700;font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-md)}.step-heading{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-xs)}.step-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.feature-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-xl);transition:background var(--duration-fast)}.feature-item:hover{background:var(--card-hover)}.feature-icon{font-size:1.5rem;margin-bottom:var(--space-sm);line-height:1}.feature-heading{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-xs)}.feature-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.cta-inner{text-align:center}.cta-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:var(--space-md)}.cta-body{color:var(--text-secondary);font-size:var(--text-base);max-width:520px;margin:0 auto var(--space-xl);line-height:1.5}.cta-large{font-size:var(--text-lg);padding:var(--space-lg) var(--space-2xl)}.landing-footer{border-top:1px solid var(--border);background:var(--bg-2);padding:var(--space-xl)}.landing-footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.landing-footer-brand{font-weight:800;font-size:var(--text-base);letter-spacing:-.03em}.landing-footer-note{font-size:var(--text-xs);color:var(--muted)}@media (max-width:900px){.hero{grid-template-columns:1fr;text-align:center}.hero-visual{order:-1;height:220px}.hero-inner{max-width:100%}.hero-cta-row{justify-content:center}.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.landing-nav-inner{padding:var(--space-sm) var(--space-md)}.hero{padding:var(--space-2xl) var(--space-md)}.hero-visual{display:none}.features-grid,.steps-grid{grid-template-columns:1fr}.landing-footer-inner{flex-direction:column;text-align:center}}@media (prefers-reduced-motion:reduce){.concept-preview-image{transition:none}.image-loading-spinner,.image-loading-state{animation:none}.feature-item,.hero-card,.hero-cta-primary{transition:none}}