.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px}.login-card{background:#fff;border:1px solid #d8d3c7;border-radius:12px;padding:32px;max-width:400px;width:100%}.login-card h1{margin:0 0 4px;font-size:24px;color:#17201a}.login-subtitle{margin:0 0 24px;font-size:14px;color:#52625a}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:1px solid #a8aa9d;border-radius:6px;background:#fff;color:#17201a;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.login-google-btn:hover{background:#f8f7f4}.login-wechat-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:1px solid #07C160;border-radius:6px;background:#07c160;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;margin-top:10px;transition:background .15s}.login-wechat-btn:hover{background:#06ad56}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#a8aa9d;font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid #d8d3c7}.login-email-form{display:flex;flex-direction:column;gap:12px}.login-email-form label{font-size:13px;font-weight:600}.login-email-form input,.login-email-form button{width:100%}.login-message{margin:12px 0 0;font-size:13px;color:#1e5f52}.login-footer{margin:24px 0 0;font-size:12px;color:#888;text-align:center}*,*:before,*:after{box-sizing:border-box}body{margin:0;color:#17201a;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}main{min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0)}.workspace{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:24px;padding:24px;padding-left:max(24px,env(safe-area-inset-left,0));padding-right:max(24px,env(safe-area-inset-right,0))}.workspace-sidebar{display:flex;flex-direction:column;gap:16px}.wizard-main{display:flex;flex-direction:column;gap:16px;min-width:0}.panel{background:#fff;border:1px solid #d8d3c7;border-radius:8px;padding:16px}.panel h2{margin:0 0 12px;font-size:16px;color:#17201a}.panel label{display:grid;gap:4px;font-size:13px;margin-bottom:10px}.panel input,.panel select{min-height:44px;border-radius:6px;border:1px solid #a8aa9d;padding:0 12px;font:inherit;font-size:16px}.panel button{min-height:44px;border-radius:6px;border:1px solid #1e5f52;background:#1e5f52;color:#fff;cursor:pointer;padding:0 16px;font:inherit;font-size:14px}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-actions button{min-height:44px;font-size:13px;padding:0 12px;background:#e8e4da;color:#17201a;border:1px solid #a8aa9d}.history-list{list-style:none;padding:0;margin:0}.history-list li{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #ece8df;min-height:44px}.history-list li span:first-child{font-size:13px;color:#52625a}.history-list li span:nth-child(2){font-size:13px;font-weight:700}.wizard,.preview{background:#fff;border:1px solid #d8d3c7;border-radius:8px;padding:20px}.wizard{align-self:start;display:grid;gap:14px}.wizard-nav{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.wizard-nav::-webkit-scrollbar{display:none}.wizard-nav button{min-height:44px;white-space:nowrap;flex-shrink:0;font-size:13px;padding:0 14px}.wizard-nav-actions{display:flex;gap:8px}.wizard-nav-actions button{min-height:44px;flex:1}h1,h2{margin:0 0 12px;letter-spacing:0}label{display:grid;gap:6px;font-size:14px;font-weight:650}input,select,button{min-height:44px;border-radius:6px;border:1px solid #a8aa9d;padding:0 12px;font:inherit;font-size:16px}button{cursor:pointer;border-color:#1e5f52;background:#1e5f52;color:#fff}.actions{display:flex;flex-wrap:wrap;gap:8px}.preview{display:grid;gap:20px;overflow-x:hidden}.preview-hero{border-bottom:2px solid #1e5f52;padding-bottom:18px}dl div{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #ece8df}dt{color:#52625a}dd{margin:0;font-weight:700;word-break:break-word}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #ece8df;padding:10px;text-align:left}.warning{color:#8a5d00}.error{color:#a32828}a{color:#1e5f52;text-decoration:underline}.comparison-panel{background:#fff;border:1px solid #d8d3c7;border-radius:8px;padding:20px;overflow:hidden}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px}.comparison-header h2{margin:0}.comparison-header button{min-height:44px;background:#e8e4da;color:#17201a;border:1px solid #a8aa9d;font-size:13px;padding:0 14px}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}.comparison-table{width:100%;border-collapse:collapse;font-size:14px}.comparison-table th,.comparison-table td{padding:10px 12px;border-bottom:1px solid #ece8df;text-align:left}.comparison-label-col{color:#52625a;font-weight:600;min-width:140px;white-space:nowrap}.comparison-value-col{min-width:130px}.comparison-scenario-label{font-weight:700;font-size:14px}.comparison-scenario-mode{font-size:12px;color:#52625a;font-weight:400}.comparison-best{background:#e8f5e9;font-weight:700;color:#1b5e20}.comparison-recommendation{margin-top:16px;padding:12px;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:6px;font-size:14px}.comparison-warnings{margin-top:16px}.comparison-warnings h3{font-size:14px;margin:0 0 8px}.comparison-warnings ul{list-style:none;padding:0;margin:0}.comparison-warnings li{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #ece8df;font-size:13px;min-height:44px}.comparison-warning-scenario{font-weight:700;min-width:80px}.comparison-warning-severity{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.severity-blocker{background:#fdecea;color:#a32828}.severity-risk{background:#fff8e1;color:#8a5d00}.severity-advisory{background:#e3f2fd;color:#1565c0}.severity-info{background:#f5f5f5;color:#616161}.comparison-warning-code{color:#52625a;font-family:monospace;font-size:12px}.llm-panel{background:#f8f7f4;border:1px solid #d8d3c7;border-radius:8px;padding:16px;margin-top:12px}.llm-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.llm-panel-header h3{margin:0;font-size:14px}.llm-generate-btn{background:#1e5f52;color:#fff;border:1px solid #1e5f52;font-size:13px;padding:0 14px;min-height:44px}.llm-generate-btn:disabled{opacity:.5;cursor:not-allowed}.llm-clear-btn{background:#e8e4da;color:#17201a;border:1px solid #a8aa9d;font-size:12px;padding:0 12px;min-height:44px}.llm-loading{color:#52625a;font-size:14px;font-style:italic}.llm-error{color:#a32828;font-size:14px}.llm-content{font-size:14px;line-height:1.6}.llm-content p{margin:0 0 8px}.llm-content ul{margin:0;padding-left:20px}.llm-content li{margin-bottom:6px}.llm-confidence-low{font-size:12px;color:#8a5d00;font-style:italic;margin-top:8px}.llm-disclaimer{font-size:11px;color:#888;border-top:1px solid #ece8df;padding-top:8px;margin-top:12px;font-style:italic;line-height:1.5}.llm-comparison{margin-top:16px}.upgrade-panel{border-color:#1e5f52;border-width:2px}.upgrade-panel h2{color:#1e5f52}.upgrade-features{list-style:none;padding:0;margin:0 0 14px;font-size:14px}.upgrade-features li{padding:4px 0}.upgrade-features li:before{content:"✓ ";color:#1e5f52;font-weight:700}.upgrade-error{margin:8px 0 0;font-size:13px;color:#a32828}.free-tier-limit-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff8e1;border:1px solid #ffcc02;border-radius:8px;font-size:14px;color:#8a5d00}.free-tier-limit-banner button{min-height:44px;font-size:13px;padding:0 14px;white-space:nowrap}.profile-auth-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;margin-bottom:12px;border-bottom:1px solid #ece8df}.profile-user-info{display:flex;align-items:center;gap:8px;min-width:0}.profile-user-email{font-size:13px;color:#52625a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-tier-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;white-space:nowrap}.tier-free{background:#f5f5f5;color:#616161}.tier-pro{background:#e8f5e9;color:#1b5e20}.profile-auth-actions{display:flex;gap:6px;align-items:center}.profile-manage-btn{min-height:44px;font-size:12px;padding:0 10px;background:#1e5f52;color:#fff;border:1px solid #1e5f52;white-space:nowrap}.profile-manage-btn:disabled{opacity:.6;cursor:not-allowed}.profile-signout-btn{min-height:44px;font-size:12px;padding:0 10px;background:#e8e4da;color:#17201a;border:1px solid #a8aa9d}.profile-status{margin-top:6px;font-size:12px}.profile-status-error{color:#ff6b6b}.profile-status-success{color:#00c9a7}.mode-toggle{display:flex;gap:8px;margin-bottom:16px}.mode-toggle button{min-height:44px;font-size:14px}.generate-summary{margin-top:16px}.generate-summary-grid{display:grid;grid-template-columns:180px 1fr;gap:8px 12px}.generate-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.generate-status{margin-top:12px;font-size:14px;color:#27ae60}.generate-status.error{color:#c0392b}.generate-output{margin-top:24px}@media (max-width: 1024px){.workspace{gap:16px;padding:16px}dl div{gap:8px}}@media (max-width: 600px){.workspace{grid-template-columns:1fr;padding:12px;gap:12px}.wizard,.preview,.comparison-panel{padding:14px}.comparison-table-wrapper{margin:0 -14px;padding:0 14px}dl div{grid-template-columns:1fr;gap:2px}.wizard-nav{gap:4px}.wizard-nav button{font-size:12px;padding:0 10px}.panel-actions{flex-direction:column}.panel-actions button{width:100%}.history-list li{flex-wrap:wrap;gap:6px}.history-list li button{flex:1;min-width:0}.generate-summary-grid{grid-template-columns:1fr;gap:2px}.generate-actions{flex-direction:column}.generate-actions button{width:100%}}