:root{--bg: #0b0b0f;--card: #16161d;--border: #2a2a33;--text: #f4f4f5;--muted: #a1a1aa;--primary: #e8ff3d}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:40px;text-align:center;min-width:320px}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);margin:0 0 16px}.login-card p strong{color:var(--text)}.login-field-group{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.login-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);font-size:15px;font-family:inherit}.login-input:focus{outline:none;border-color:var(--primary)}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-input-code{letter-spacing:.2em;font-size:22px;font-weight:700;text-align:center}.login-card .link-inline{display:block;margin-top:4px;font-size:13px}.form-error{color:#f87171;margin-top:16px;font-size:14px}.form-success{color:#4ade80;font-size:14px;margin:0 0 16px}.link-inline{background:none;border:0;color:var(--primary);cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.app-shell{max-width:1100px;margin:0 auto;padding:24px}.app-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--border)}.app-header h1{font-size:20px;margin:0}.header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-email{color:var(--muted);font-size:13px}.primary-button{background:var(--primary);color:#111;border:0;border-radius:999px;padding:10px 20px;font-weight:600;cursor:pointer}.primary-button:disabled{opacity:.5;cursor:not-allowed}.dashboard{padding-top:24px}.dashboard h2{font-size:16px;color:var(--muted);font-weight:500}.empty-state{border:1px dashed var(--border);border-radius:16px;padding:48px;text-align:center}.muted{color:var(--muted)}.site-list{list-style:none;padding:0}.site-row{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px}.site-row-main{min-width:0}.site-name{font-weight:600}.site-meta{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.site-slug{color:var(--muted);font-size:12px}.site-link{color:var(--primary);font-size:12px;text-decoration:none}.site-link:hover{text-decoration:underline}.site-row-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.badge{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge.generated{color:#7dd3fc;border-color:#1e3a4f;background:#7dd3fc14}.badge.published{color:#86efac;border-color:#1e4631;background:#86efac14}.badge.leads-badge{color:var(--primary);border-color:#4a4f1e;background:#e8ff3d14}.op-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#050507d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.op-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--primary);border-radius:50%;animation:op-spin .8s linear infinite}@keyframes op-spin{to{transform:rotate(360deg)}}.op-title{font-weight:600}.op-elapsed{font-size:13px;color:var(--muted)}.create-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.create-form textarea{width:100%;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical}.create-form textarea:focus{outline:none;border-color:var(--primary)}.create-form-actions{display:flex;gap:8px}.result-card{border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:24px;background:var(--card)}.result-card h3{margin:0 0 16px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result-grid h4{margin:0 0 8px}.result-grid dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 8px;font-size:14px}.result-grid dt{color:var(--muted)}.result-grid dd{margin:0}.palette{display:flex;gap:6px;margin:10px 0}.swatch{width:28px;height:28px;border-radius:6px;border:1px solid var(--border)}@media(max-width:720px){.result-grid{grid-template-columns:1fr}}.brief-summary{margin-bottom:20px}.brief-summary h4{margin:0 0 8px}.brief-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 8px;font-size:14px}.brief-dl dt{color:var(--muted)}.brief-dl dd{margin:0}.concepts-section{margin-bottom:20px}.concepts-heading{margin:0 0 12px;display:flex;align-items:center;gap:10px}.concepts-count{font-size:12px;font-weight:400;color:var(--muted);background:#ffffff0f;border-radius:999px;padding:2px 10px}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.concept-card{display:flex;flex-direction:column;gap:6px;background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:16px;cursor:pointer;text-align:left;color:var(--text);transition:border-color .15s,background .15s}.concept-card:hover:not(:disabled){border-color:#e8ff3d66;background:#e8ff3d08}.concept-card--selected{border-color:var(--primary);background:#e8ff3d0d}.concept-card:disabled{opacity:.7;cursor:not-allowed}.concept-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.concept-name{font-weight:700;font-size:15px;line-height:1.3}.concept-check{flex-shrink:0;color:var(--primary);font-size:16px;font-weight:700;line-height:1}.concept-angle{font-size:13px;font-weight:600;color:var(--primary);margin:0;opacity:.85}.concept-desc{font-size:13px;line-height:1.5;margin:0;color:var(--text)}.concept-metaphor{font-size:12px;margin:0}.concept-palette{margin:4px 0 2px}.concept-fonts{font-size:12px;margin:0}.quality-toggle-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.quality-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;align-self:flex-start}.quality-toggle-btn{background:transparent;color:var(--muted);border:0;padding:8px 16px;cursor:pointer;font-size:13px;font-family:inherit;transition:background .15s,color .15s;white-space:nowrap}.quality-toggle-btn:hover:not(.active){color:var(--text);background:#ffffff0a}.quality-toggle-btn.active{background:var(--primary);color:#111;font-weight:600}.quality-hint{font-size:12px;margin:0}.ghost-button{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:8px 16px;cursor:pointer}.ghost-button:hover{color:var(--text)}.ghost-button:disabled{opacity:.5;cursor:not-allowed}.primary-button.small{padding:8px 16px;font-size:14px}.editor{display:flex;flex-direction:column;height:100vh}.editor-header{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border)}.editor-title{font-weight:600}.editor-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.device-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.device-toggle button{background:transparent;color:var(--muted);border:0;padding:8px 16px;cursor:pointer;font-size:13px}.device-toggle button.active{background:var(--primary);color:#111;font-weight:600}.editor-body{flex:1;display:flex;min-height:0}.chat-panel{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface, #0d0d12)}.chat-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat-hint{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.chat-msg{font-size:14px;line-height:1.45;padding:8px 12px;border-radius:10px;max-width:90%;white-space:pre-wrap}.chat-msg.user{align-self:flex-end;background:var(--primary);color:#111}.chat-msg.system{align-self:flex-start;background:#ffffff0f;color:var(--text, #e8e8ea)}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat-input textarea{flex:1;resize:none;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:inherit;padding:8px 10px;font:inherit;font-size:14px}.versions{border-top:1px solid var(--border);padding:12px;max-height:38%;overflow-y:auto}.versions-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}.versions ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.versions li{display:flex;align-items:center;gap:8px;padding:4px;border-radius:8px}.versions li.viewing{background:#ffffff0f}.version-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;background:none;border:0;color:inherit;cursor:pointer;text-align:left;padding:2px 4px}.version-num{font-size:13px;font-weight:600}.version-note{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.panel-block{border-top:1px solid var(--border);padding:12px}.panel-block-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}.panel-hint{font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 0}.leads{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}.leads li{background:#ffffff0a;border-radius:8px;padding:8px 10px}.lead-fields{display:flex;flex-direction:column;gap:2px;font-size:13px}.lead-fields b{color:var(--muted);font-weight:600}.lead-time{font-size:11px;color:var(--muted);margin-top:4px}.metrika-row{display:flex;gap:8px;align-items:center}.metrika-row input{flex:1;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:inherit;padding:8px 10px;font:inherit;font-size:14px}.preview-banner{position:absolute;top:0;left:0;right:0;z-index:2;background:#14141af2;border-bottom:1px solid var(--border);color:var(--text, #e8e8ea);font-size:13px;padding:8px 16px;text-align:center}.preview-stage{position:relative;flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;background:#050507;padding:24px}.preview-frame{border:0;background:#fff;border-radius:10px;box-shadow:0 10px 40px #00000080}.preview-frame.desktop{width:100%;max-width:1200px;height:calc(100vh - 130px)}.preview-frame.mobile{width:390px;height:844px;max-height:calc(100vh - 100px)}.preview-placeholder{color:var(--muted);padding:60px}.preview-placeholder.error{color:#f87171}.critique-block{overflow-y:auto;max-height:44%}.critique-count{background:#e8ff3d1f;color:var(--primary);border-radius:999px;font-size:11px;font-weight:700;padding:2px 8px}.critique-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.critique-card{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.critique-card-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.35}.critique-card-why{font-size:12px;color:var(--muted);line-height:1.45}.critique-apply-btn{align-self:flex-start;margin-top:2px;padding:6px 14px;font-size:13px}.critique-btn{width:100%;margin-top:4px;font-size:13px}.critique-error{font-size:12px;color:#f87171;line-height:1.5;margin:4px 0 6px}.critique-stale{font-style:italic}.critique-hint-loading{margin-top:4px}.critique-mode-toggle{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;margin-bottom:10px}.critique-mode-btn{flex:1;background:transparent;color:var(--muted);border:0;padding:6px 10px;cursor:pointer;font-size:12px;font-family:inherit;white-space:nowrap;transition:background .15s,color .15s;text-align:center}.critique-mode-btn:hover:not(.active):not(:disabled){color:var(--text);background:#ffffff0a}.critique-mode-btn.active{background:#e8ff3d1f;color:var(--primary);font-weight:600}.critique-mode-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:820px){.app-shell{padding:16px}.app-header{flex-wrap:wrap;gap:12px}.site-row{flex-direction:column;align-items:stretch;gap:12px}.site-row-right{flex-wrap:wrap}.editor-header{flex-wrap:wrap;gap:10px}.editor-actions{width:100%;flex-wrap:wrap;gap:8px}.editor-body{flex-direction:column-reverse}.chat-panel{width:auto;border-right:0;border-top:1px solid var(--border);max-height:50vh}.preview-frame.desktop{height:60vh}}