:root{--bg:#faf9f7;--surface:#fff;--surface-inset:#f5f5f4;--surface-elevated:#fff;--text-primary:#292524;--text-secondary:#78716c;--text-muted:#a8a29e;--text-inverse:#fafaf9;--accent:#c2410c;--accent-hover:#9a3412;--accent-light:#fff7ed;--accent-border:#c2410c33;--border:#0000000f;--border-strong:#0000001f;--border-focus:var(--accent);--shadow-sm:0 1px 2px #1c19170a;--shadow-md:0 2px 8px #1c19170f, 0 1px 2px #1c19170a;--shadow-lg:0 4px 16px #1c191714, 0 2px 4px #1c19170a;--shadow-focus:0 0 0 3px #c2410c26;--success:#15803d;--success-bg:#f0fdf4;--success-border:#15803d26;--warning:#b45309;--warning-bg:#fffbeb;--warning-border:#b4530926;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#dc262626;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sidebar-width:260px;--text-xs:.7rem;--text-sm:.8rem;--text-base:.875rem;--text-md:.95rem;--text-lg:1.05rem;--text-xl:1.5rem;--text-2xl:1.75rem;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:500;line-height:1.3}.page-title{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:500}.page-subtitle{margin:0 0 var(--space-8);color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.section-title{margin:0 0 var(--space-5);font-size:var(--text-xl);font-weight:500}.panel-title{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:500}.panel-title.compact{margin-bottom:var(--space-3)}.panel-title.flush{margin-bottom:0}.inline-muted,.helper-text{color:var(--text-muted);font-size:var(--text-sm);font-weight:400}.badge-text{font-size:var(--text-xs);font-weight:500}.score-text{font-size:var(--text-xl);font-weight:500}.text-center{text-align:center}button,input,textarea,select{font:inherit}button{color:var(--text-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;gap:var(--space-2);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;font-weight:400;transition:all .15s;display:inline-flex}button:active{transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);font-weight:500}.primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)scale(.98)}.ghost{background:var(--surface-inset);color:var(--text-secondary);box-shadow:none}.ghost:hover:not(:disabled){color:var(--text-primary);background:#ebe9e6}.icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);padding:0}.icon:hover:not(:disabled){background:var(--surface-inset);color:var(--text-primary)}.link{color:var(--accent);background:0 0;border:none;padding:0;font-weight:500;text-decoration:none}.link:hover{color:var(--accent-hover);text-decoration:underline}.center,.gate{min-height:100vh;padding:var(--space-4);background:var(--bg);place-items:center;display:grid}.narrow{width:100%;max-width:440px}.app{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}aside{color:#d6d3d1;background:#1c1917;border-right:1px solid #ffffff0f;flex-direction:column;display:flex;overflow:hidden}.sidebar-header{padding:var(--space-4) var(--space-4) var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.brand{justify-content:space-between;align-items:center;display:flex}.brand strong{font-size:var(--text-lg);color:#fafaf9;letter-spacing:-.02em;font-weight:500}.brand span{color:#78716c;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.btn-new-blog{color:#d6d3d1;border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);justify-content:flex-start;gap:var(--space-2);background:#ffffff14}.btn-new-blog:hover:not(:disabled){color:#fafaf9;background:#ffffff1f}.sidebar-nav{padding:0 var(--space-2);flex-direction:column;gap:1px;display:flex}.sidebar-nav-item{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);color:#a8a29e;justify-content:flex-start}.sidebar-nav-item:hover:not(:disabled){color:#d6d3d1;background:#ffffff0f}.sidebar-nav-item.active{color:#fed7aa;background:#c2410c26}.sidebar-divider{height:1px;margin:var(--space-2) var(--space-4);background:#ffffff0f}.sidebar-label{padding:var(--space-2) var(--space-4) var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#57534e;font-weight:500}.sidebar-projects{padding:0 var(--space-2) var(--space-4);flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.sidebar-projects::-webkit-scrollbar{width:4px}.sidebar-projects::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-project{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);color:#a8a29e;text-align:left;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;gap:var(--space-2);position:relative;overflow:hidden}.sidebar-project:hover:not(:disabled){color:#d6d3d1;background:#ffffff0f}.sidebar-project.active{color:#fafaf9;background:#ffffff1a}.sidebar-project-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-project-delete{opacity:0;color:#78716c;border-radius:4px;flex-shrink:0;width:24px;height:24px;padding:0;transition:opacity .1s}.sidebar-project:hover .sidebar-project-delete{opacity:1}.sidebar-project-delete:hover:not(:disabled){color:#fca5a5;background:#dc262633}main{padding:var(--space-6);width:100%;max-width:100%}header{margin-bottom:var(--space-5)}header h1{margin:0 0 var(--space-1);font-size:var(--text-xl)}header p{color:var(--text-secondary);font-size:var(--text-base);margin:0}p{color:var(--text-secondary);line-height:1.6}.phase-tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-5);flex-wrap:wrap;gap:2px;display:flex;overflow:visible}.phase-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-muted);border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;transition:color .15s,border-color .15s}.phase-tab:hover:not(:disabled){color:var(--text-secondary);background:0 0}.phase-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.phase-tab.completed{color:var(--success);border-bottom-color:var(--success)}.phase-tab:disabled{opacity:.35;cursor:not-allowed}.panel,.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.panel{border:1px solid var(--border)}.card{margin:var(--space-3) 0;border:1px solid var(--border)}.card>*+*{margin-top:var(--space-2)}.panel h2:not([class]),.card h2:not([class]){margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:500}.panel>.banner{margin-top:var(--space-3)}.panel>.primary,.split+.primary,section+.primary{margin-top:var(--space-4)}.grid2,.split{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.split.draft{align-items:stretch}.setup-columns{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.setup-left,.setup-right{flex-direction:column;display:flex}.setup-right .section-title{margin:0 0 var(--space-4);font-size:var(--text-md);color:var(--text-secondary);font-weight:500}.field-column{flex-direction:column;display:flex}.setup-card{background:var(--surface-inset);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-4)}.setup-card .section-title{margin:0 0 var(--space-4)}@media (width<=900px){.setup-columns{grid-template-columns:1fr}}label{gap:var(--space-1);margin-bottom:var(--space-4);font-weight:500;font-size:var(--text-base);color:var(--text-primary);display:grid}small{color:var(--text-muted);font-weight:400;font-size:var(--text-sm)}input,textarea,select{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3);background:var(--surface-inset);color:var(--text-primary);font-weight:400;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:120px;line-height:1.6}textarea.large{min-height:220px}.editor{min-height:560px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-base);tab-size:2;line-height:1.7}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2378716c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.preview{color:var(--text-primary);line-height:1.75;overflow:auto}.preview>:first-child{margin-top:0}.preview>:last-child{margin-bottom:0}.preview h1,.preview h2,.preview h3,.preview h4,.preview h5,.preview h6{margin-top:1.5em;margin-bottom:.5em;font-weight:500;line-height:1.3}.preview h1{font-size:var(--text-xl)}.preview h2{font-size:var(--text-lg)}.preview h3{font-size:var(--text-md)}.preview h4{font-size:var(--text-base)}.preview h5,.preview h6{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:0;color:var(--text-secondary)}.preview p{color:var(--text-primary);margin-bottom:1em}.preview a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.preview strong{font-weight:600}.preview em{font-style:italic}.preview del{color:var(--text-muted);text-decoration-thickness:1px}.preview blockquote{border-left:3px solid var(--accent);padding:var(--space-3) var(--space-4);background:var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:1.5em 0}.preview code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:var(--text-sm);background:var(--surface-inset);border-radius:4px;padding:2px 6px}.preview pre{color:#d6d3d1;padding:var(--space-4);border-radius:var(--radius-md);background:#1c1917;margin:1.25em 0;overflow-x:auto}.preview pre code{color:inherit;font-size:var(--text-sm);background:0 0;padding:0}.preview ul,.preview ol{margin-bottom:1em;padding-left:1.5em}.preview ul ul,.preview ul ol,.preview ol ul,.preview ol ol{margin-top:.35em;margin-bottom:.35em}.preview li,.preview li>p{margin-bottom:.35em}.preview table{border-collapse:collapse;width:100%;font-size:var(--text-base);margin:1.25em 0;line-height:1.5;overflow:hidden}.preview th,.preview td{border:1px solid var(--border);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}.preview th{background:var(--surface-inset);font-weight:600}.preview tr:nth-child(2n) td{background:#fafaf9a6}.preview img{border:1px solid var(--border);border-radius:var(--radius-md);max-width:100%;height:auto;margin:1.25em 0;display:block}.preview hr{border:0;border-top:1px solid var(--border);margin:1.75em 0}.toolbar,.row,.actions,.export,.export-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.toolbar{justify-content:space-between}.list{gap:var(--space-3);display:grid}.list .card{margin:0}.item{gap:var(--space-3);border-top:1px solid var(--border);padding:var(--space-3) 0;font-size:var(--text-base);align-items:center;display:flex}.item span:not(.pass):not(.warn):not(.fail),.item small{color:var(--text-muted);font-size:var(--text-sm);margin-left:auto}.pass,.warn,.fail{border-radius:50%;flex:0 0 10px;width:10px;height:10px}.pass{background:var(--success)}.warn{background:var(--warning)}.fail{background:var(--danger)}.checks{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.checks label{font-weight:400;font-size:var(--text-base);align-items:center;display:flex}.checks input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.sitemap-tools{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.sitemap-tools span{color:var(--text-muted);font-size:var(--text-sm)}.sitemap-preview{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.sitemap-preview span{border:1px solid var(--border);background:var(--surface-inset);max-width:100%;color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:2px 8px;overflow:hidden}details{border-top:1px solid var(--border);padding:var(--space-4) 0}summary{cursor:pointer;font-weight:500;font-size:var(--text-base);color:var(--text-primary);padding:var(--space-1) 0;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"▸";margin-right:var(--space-2);color:var(--text-muted);transition:transform .15s;display:inline-block}details[open]>summary:before{transform:rotate(90deg)}.optimize-layout{display:block}.optimize-left{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.optimize-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.write-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.metadata-preview-row{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}.export-bar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.export-actions{justify-content:flex-end}.editor-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset);align-items:center;gap:2px;padding:3px;display:inline-flex}.editor-tabs button{min-height:30px;padding:0 var(--space-3);border-radius:calc(var(--radius-sm) - 2px);color:var(--text-secondary);box-shadow:none;font-size:var(--text-sm);background:0 0}.editor-tabs button:hover{color:var(--text-primary);background:#ffffffb8}.editor-tabs button.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.html-editor{background:var(--surface-inset);color:var(--text-secondary)}.seo-section{gap:var(--space-4);display:grid}.seo-support{margin:0}.serp-preview{gap:var(--space-3);display:grid}.serp-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:#fff}.serp-url{color:#202124;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;line-height:1.35;overflow:hidden}.serp-title{color:#1a0dab;font-size:var(--text-lg);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;line-height:1.3;display:-webkit-box;overflow:hidden}.serp-desc{color:#4d5156;font-size:var(--text-base);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.image-prompt-panel{gap:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-4);display:grid}.image-prompt-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;display:grid}.image-prompt-tabs button{min-height:30px;padding:0 var(--space-2);border-radius:calc(var(--radius-sm) - 2px);color:var(--text-secondary);box-shadow:none;font-size:var(--text-sm);background:0 0}.image-prompt-tabs button:hover:not(:disabled){color:var(--text-primary);background:#ffffffb8}.image-prompt-tabs button.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.image-prompt-copy{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-inset);min-height:112px;padding:var(--space-3);color:var(--text-secondary);font-size:var(--text-base);white-space:pre-wrap;line-height:1.55}.import{margin-top:var(--space-4)}.import input{margin-top:var(--space-2)}.onboard{background:linear-gradient(135deg, var(--accent-light), #fef3c7);border:1px solid var(--accent-border)}.empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-muted)}.empty p{margin:var(--space-2) 0}.seo-score-card{text-align:center;padding:var(--space-5)}.seo-score-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-direction:column;display:flex}.seo-score-ring{border:3px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.seo-score-value{font-size:var(--text-xl);color:var(--accent);font-weight:500}.seo-score-stats{justify-content:center;gap:var(--space-4);font-size:var(--text-sm);display:flex}.stat-pass{color:var(--success)}.stat-warn{color:var(--warning)}.stat-fail{color:var(--danger)}.seo-checklist{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.checklist-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.checklist-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--text-base);color:var(--text-primary);font-weight:500;display:flex}.checklist-header:before{content:"▸";color:var(--text-muted);flex:none;transition:transform .15s;display:inline-block}.checklist-group.open .checklist-header:before{transform:rotate(90deg)}.checklist-title{text-align:left;flex:1;min-width:0}.checklist-header-meta{align-items:center;gap:var(--space-2);flex:none;display:flex}.checklist-badge,.checklist-score,.item-score{font-size:var(--text-xs);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-weight:500;display:inline-flex}.checklist-badge.has-errors{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.checklist-badge.all-pass{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.checklist-score,.item-score{background:var(--surface-inset);color:var(--text-secondary);border:1px solid var(--border)}.checklist-items{border-top:1px solid var(--border);padding:var(--space-1) var(--space-4)}.checklist-row{align-items:start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--text-base);grid-template-columns:10px minmax(0,1fr) auto;display:grid}.checklist-row:last-child{border-bottom:0}.checklist-row-label{color:var(--text-primary);line-height:1.45}.splash{min-height:calc(100vh - (var(--space-6) * 2));text-align:center;place-content:center;justify-items:center;width:100%;display:grid}.splash h1{font-size:var(--text-2xl);margin:0 0 var(--space-2)}.splash>p{margin:0 0 var(--space-8);color:var(--text-secondary);font-size:var(--text-base)}.splash-cards{gap:var(--space-5);grid-template-columns:repeat(2,minmax(320px,1fr));width:100%;max-width:980px;display:grid}.splash-card{align-items:center;gap:var(--space-3);min-height:180px;padding:var(--space-8) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;flex-direction:column;transition:all .15s;display:flex}.splash-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-border);transform:translateY(-2px)}.splash-card:active{transform:translateY(0)scale(.98)}.splash-icon-wrap{background:var(--accent-light);width:52px;height:52px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.splash-card strong{font-size:var(--text-md);color:var(--text-primary);font-weight:500}.splash-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background:#0006;place-items:center;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:420px}.modal-copy{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-base);text-align:center;line-height:1.6}@media (width<=1100px){.app{grid-template-columns:1fr}aside{border-bottom:1px solid #ffffff0f;border-right:none;position:static}.sidebar-projects{gap:var(--space-2);padding:var(--space-2) var(--space-4);flex-direction:row;overflow:auto hidden}.sidebar-project{flex-shrink:0}.optimize-layout{grid-template-columns:1fr}}@media (width<=700px){main{padding:var(--space-4)}.splash{min-height:calc(100vh - (var(--space-4) * 2))}.splash-cards,.grid2,.split,.metadata-preview-row,.checks{grid-template-columns:1fr}.toolbar,.row,.export-bar{align-items:stretch}.export-actions{justify-content:flex-start}.editor-tabs{width:100%}.editor-tabs button{flex:1}.phase-tabs{gap:0}.phase-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.checklist-header{align-items:flex-start}.checklist-header-meta{flex-wrap:wrap;justify-content:flex-end}.seo-checklist{grid-template-columns:1fr}.checklist-row{grid-template-columns:10px minmax(0,1fr) auto}}