:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7f7;--surface:#fff;--surface-soft:#f9fbfb;--text:#111827;--muted:#6b7280;--border:#dde4e4;--border-strong:#cbd5d5;--teal:#0f766e;--teal-soft:#e6f3f1;--amber:#d97706;--amber-soft:#fff7ed;--shadow:0 10px 28px #1118270f;--radius:6px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:232px minmax(0,1fr) 360px;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#fbfcfc;flex-direction:column;gap:18px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:8px;display:flex}.brand-mark,.panel-icon{border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;color:var(--teal);background:var(--teal-soft);place-items:center;display:grid}.brand strong,.brand span{display:block}.brand span{color:var(--muted);margin-top:2px;font-size:12px}nav{gap:4px;display:grid}nav button{color:#334155;border-radius:var(--radius);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:10px;font-size:14px;display:flex}nav button.active,nav button:hover{color:var(--teal);background:var(--teal-soft)}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.privacy-pill{color:var(--teal);background:var(--teal-soft);border:1px solid #bfdfdb;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:6px 10px;font-size:12px;display:inline-flex}.text-button{color:var(--muted);text-align:left;background:0 0;border:0;padding:0;font-size:13px}.main{min-width:0;padding:20px 22px 34px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:24px;line-height:1.2}.topbar p,.panel-title p,.muted{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.topbar-actions,.quick-actions,.import-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notice{color:var(--teal);font-size:13px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:16px}.panel.wide{grid-column:1/-1}.panel-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-title h2{margin:0;font-size:16px;line-height:1.25}.primary-button,.secondary-button,.file-button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.primary-button{background:var(--teal);color:#fff}.primary-button.full{width:100%}.primary-button:disabled,.secondary-button:disabled,.file-button:disabled{cursor:not-allowed;opacity:.58}.secondary-button,.file-button{background:var(--surface);color:#24303f;border-color:var(--border-strong)}.secondary-button:hover,.file-button:hover,.icon-button:hover{border-color:var(--teal);color:var(--teal)}.secondary-button.full{width:100%;margin-top:14px}.file-button{position:relative;overflow:hidden}.file-button.ghost{background:var(--surface-soft)}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.icon-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:30px;height:30px;color:var(--muted);place-items:center;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.ai-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.ai-status-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:12px}.ai-status-card.ready{background:var(--teal-soft);border-color:#bfdfdb}.ai-status-card.missing{background:var(--amber-soft);border-color:#fed7aa}.ai-status-card span{color:var(--muted);font-size:12px}.ai-status-card strong{margin-top:5px;font-size:18px;display:block}.ai-status-card p{color:#475569;word-break:break-word;margin:7px 0 0;font-size:12px;line-height:1.5}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:12px}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{margin-top:6px;font-size:23px;line-height:1;display:block}.stat-card p{color:var(--muted);margin:8px 0 0;font-size:12px}.strategy-text{color:#24303f;margin:0 0 12px;font-size:14px;line-height:1.65}.workflow-list{gap:8px;display:grid}.workflow-list div{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);align-items:center;gap:8px;min-height:34px;padding:0 10px;font-size:13px;display:flex}.workflow-list div.done{color:var(--teal);background:var(--teal-soft);border-color:#bfdfdb}.tag-list,.cover-grid{flex-wrap:wrap;gap:7px;display:flex}.tag-list span,.cover-grid span,.platform-chip{background:var(--teal-soft);color:var(--teal);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;display:inline-flex}.cover-grid span{border-radius:var(--radius);background:var(--amber-soft);color:#92400e;font-weight:700}.insight-list{color:#24303f;gap:9px;margin:0;padding-left:18px;font-size:14px;line-height:1.6;display:grid}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}th{color:var(--muted);background:var(--surface-soft);font-size:12px;font-weight:650}tr:last-child td{border-bottom:0}.title-cell{color:#1f2937;max-width:360px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.field span{color:#475569;font-size:12px;font-weight:650}.field input,.field textarea,.topic-row select{border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;outline:none;padding:9px 10px;font-size:13px;line-height:1.5}.field textarea{resize:vertical}.platform-editor{gap:8px;margin-top:14px;display:grid}.platform-editor>span{color:#475569;font-size:12px;font-weight:650}.toggle-row{flex-wrap:wrap;gap:8px;display:flex}.toggle-chip{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:#334155;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:13px;display:inline-flex}.toggle-chip input{width:14px;height:14px;accent-color:var(--teal)}.field input:focus,.field textarea:focus,.topic-row select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e1f}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);min-height:34px;color:var(--muted);border:0;padding:0 12px;font-size:13px}.segmented button.selected{background:var(--teal-soft);color:var(--teal);font-weight:700}.chart-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:12px}.field-hint{border-left:3px solid var(--teal);color:#475569;background:var(--surface-soft);margin:10px 0 14px;padding:8px 10px;font-size:13px;line-height:1.55}.stack{gap:10px;display:grid}.mini-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:10px}.mini-row strong,.mini-row span{display:block}.mini-row strong{font-size:13px;line-height:1.4}.mini-row span{color:var(--muted);margin-top:4px;font-size:12px}.topic-list{gap:10px;display:grid}.topic-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);grid-template-columns:58px minmax(0,1fr);gap:12px;padding:12px;transition:border-color .16s,background .16s;display:grid}.topic-row:hover,.topic-row.active{border-color:var(--teal);background:#f2fbf9}.topic-score{border-radius:var(--radius);background:var(--teal);color:#fff;place-items:center;height:44px;font-weight:800;display:grid}.topic-body h3{margin:0;font-size:15px}.topic-body p{color:#475569;margin:7px 0 10px;font-size:13px;line-height:1.5}.row-between{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.topic-row select{width:96px;padding:5px 7px;font-size:12px}.selected-topic{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);margin-bottom:12px;padding:10px}.selected-topic span,.selected-topic strong{display:block}.selected-topic span{color:var(--muted);font-size:12px}.selected-topic strong{margin-top:4px;font-size:15px}.right-rail{border-left:1px solid var(--border);background:#fbfcfc;height:100vh;padding:20px 14px;position:sticky;top:0;overflow:auto}.rail-section{gap:12px;display:grid}.rail-topic{border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:18px}.rail-head{justify-content:space-between;align-items:center;display:flex}.rail-head h2{margin:0;font-size:16px}.empty-output{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);background:var(--surface);padding:18px}.empty-output h3{color:var(--text);margin:10px 0 4px;font-size:15px}.empty-output p{margin:0;font-size:13px;line-height:1.5}.active-topic-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px}.active-topic-card strong{font-size:14px;line-height:1.4}.active-topic-card .row-between span{border-radius:var(--radius);color:#fff;background:var(--teal);flex:0 0 36px;place-items:center;height:36px;font-weight:800;display:grid}.active-topic-card p{color:#475569;margin:8px 0 10px;font-size:13px;line-height:1.5}.package-view{gap:12px;display:grid}.output-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px}.output-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.output-head h3{margin:0;font-size:14px}.output-block p,.output-block li{color:#334155;font-size:13px;line-height:1.55}.output-block p{margin:0}.output-block ol{margin:0;padding-left:18px}.check-list{gap:6px;margin:0;padding-left:18px;display:grid}.invite-page{background:var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.invite-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(440px,100%);box-shadow:var(--shadow);gap:14px;padding:22px;display:grid}.invite-card h1{letter-spacing:0;margin:0;font-size:24px}.invite-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.auth-message{color:#475569;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);padding:9px 10px}@media (width<=1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.right-rail{display:none}}@media (width<=820px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:16px}.topbar,.row-between{display:grid}.content-grid,.form-grid,.stats-grid,.ai-status-grid,.topic-row{grid-template-columns:1fr}}