:root{--primary-900: #3020b8;--primary-700: #743ad2;--primary-500: #a269e7;--primary-300: #b795e4;--primary-200: #908ccc;--surface-soft: #dbd4f1;--surface-bg: #ffffff;--surface-panel: #ffffff;--text-primary: #1f1a3d;--text-muted: #5f5688;--danger: #c73552;--warning: #c57b00;--success: #257a42;--border-soft: rgba(48, 32, 184, .18)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Segoe UI,Calibri,Trebuchet MS,sans-serif;color:var(--text-primary);background:var(--surface-bg)}#root{height:100%;min-height:100%}.layout{display:flex;flex-direction:column;height:100%;min-height:100vh;background:var(--surface-bg)}.layout--chat{overflow:hidden}.app-header{flex:0 0 auto;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 16px 13px;background:var(--surface-panel);border-bottom:1px solid rgba(48,32,184,.12)}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:38px;height:38px;flex:0 0 auto;border:4px solid #17151f;border-radius:50%;position:relative}.brand-mark:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--primary-700);position:absolute;right:-3px;bottom:2px}.brand-lockup h1{margin:0;font-size:22px;line-height:1.1}.brand-lockup p{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.mode-pill{flex:0 0 auto;border:1px solid rgba(144,140,204,.38);border-radius:999px;padding:4px 9px;color:var(--primary-900);background:#a269e71a;font-size:11px;font-weight:700}.context-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#fbfaff;border-bottom:1px solid rgba(116,58,210,.16)}.context-toolbar strong{display:block;font-size:12px;margin-bottom:2px}.context-toolbar p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.35}.context-toolbar__actions{flex:0 0 auto}.main-content{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:12px}.card{background:var(--surface-panel);border:1px solid var(--border-soft);border-radius:8px;box-shadow:0 4px 14px #3020b80f}.card__header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 12px 8px}.card__header h2{margin:0;font-size:15px}.card__header p{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.card__body{padding:8px 12px 12px}.analysis-grid{display:grid;gap:8px}.analysis-row{background:#dbd4f18c;border:1px solid rgba(144,140,204,.3);border-radius:8px;padding:8px;display:grid;gap:4px}.analysis-row span{font-size:11px;color:var(--text-muted)}.analysis-row strong{font-size:13px;font-weight:600;word-break:break-word}.summary-block,.phishing-block,.suggestion-block,.confirmation-card,.chip-section{border:1px solid rgba(116,58,210,.2);background:#fff;border-radius:8px;padding:10px}.summary-block h3,.phishing-block h3,.suggestion-block h3,.chip-section h3{margin:0 0 8px;font-size:13px}.summary-block p,.suggestion-block p{margin:0;font-size:13px;line-height:1.65;white-space:normal;word-break:normal;overflow-wrap:anywhere;text-rendering:optimizeLegibility}.phishing-score{font-size:28px;font-weight:700;color:var(--primary-900);margin-bottom:8px}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#3020b817;border:1px solid rgba(48,32,184,.2);color:var(--primary-900);border-radius:999px;padding:4px 10px;font-size:11px}.chip--light{background:#a269e71c;border-color:#a269e759}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.btn{border:1px solid transparent;border-radius:8px;min-height:34px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--primary-700);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-900)}.btn--secondary{background:#a269e724;color:var(--primary-900);border-color:#908ccc61}.btn--secondary:hover:not(:disabled){background:#a269e73d}.btn--danger{background:#c735521a;border-color:#c7355247;color:var(--danger)}.btn--danger:hover:not(:disabled){background:#c7355233}.btn--ghost{background:transparent;border-color:var(--border-soft);color:var(--text-primary)}.btn--ghost:hover:not(:disabled){background:#743ad21a}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent}.status-badge--neutral{background:#743ad21f;border-color:#743ad23d;color:var(--primary-900)}.status-badge--success{background:#257a421a;border-color:#257a4240;color:var(--success)}.status-badge--warning{background:#c57b001f;border-color:#c57b004d;color:var(--warning)}.status-badge--danger{background:#c735521f;border-color:#c735524d;color:var(--danger)}.muted-text{font-size:12px;color:var(--text-muted);margin:0;line-height:1.5}.error-text{margin:0 0 8px;color:var(--danger);font-size:12px;font-weight:600}.feedback{margin:8px 0 0;font-size:12px;color:var(--primary-900)}.debug-list{display:grid;gap:6px;max-height:220px;overflow:auto}.debug-item{font-size:11px;line-height:1.45;padding:6px 8px;background:#dbd4f180;border:1px solid rgba(144,140,204,.28);border-radius:8px;word-break:break-word}.divider{height:1px;background:#908ccc61;margin:12px 0}.suggestion-meta{margin-bottom:8px}.suggestion-block pre{margin:0 0 8px;padding:8px;background:#dbd4f173;border:1px solid rgba(144,140,204,.35);border-radius:6px;font-size:12px;line-height:1.45;white-space:pre-wrap;font-family:Consolas,Segoe UI,monospace;color:var(--text-primary)}.prompt-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface-panel);border-top:0;box-shadow:none}.prompt-thread{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:none;padding:12px;border:1px solid rgba(116,58,210,.24);border-radius:14px;background:#fff}.prompt-thread--boot{justify-content:center}.prompt-message{border:1px solid rgba(144,140,204,.3);border-radius:13px;padding:10px 12px;background:#fff;max-width:92%;align-self:flex-start}.prompt-message strong,.confirmation-card strong{display:block;margin-bottom:4px;font-size:12px}.prompt-message p,.confirmation-card p{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.prompt-message span{display:block;margin-top:5px;font-size:11px;color:var(--text-muted)}.prompt-message--user{align-self:flex-end;background:#f5f1ff;border-color:#743ad238}.prompt-message--assistant{background:#f4eefc;border-color:#743ad233}.prompt-message--status{align-self:center;background:#257a4214;border-color:#257a422e}.prompt-message--error{background:#c7355214;border-color:#c7355238;color:var(--danger)}.prompt-thinking{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;max-width:92%;padding:2px 4px;color:var(--text-muted);font-size:12px;line-height:1.45}.prompt-thinking__dot{width:7px;height:7px;border-radius:50%;background:var(--primary-700);box-shadow:12px 0 #743ad25c,24px 0 #743ad233;animation:prompt-thinking-pulse 1.1s ease-in-out infinite}@keyframes prompt-thinking-pulse{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}.confirmation-card{display:grid;gap:8px;align-self:flex-start;max-width:92%}.prompt-form{flex:0 0 auto;display:grid;gap:8px;padding:10px;border:1px solid rgba(116,58,210,.22);border-radius:14px;background:#fff}.prompt-label{font-size:12px;font-weight:700;color:var(--text-primary)}.prompt-input{width:100%;resize:vertical;min-height:118px;max-height:240px;border:1px solid rgba(144,140,204,.38);border-radius:12px;padding:11px 12px;color:var(--text-primary);background:#fff;font:inherit;font-size:13px;line-height:1.45;outline:none}.prompt-input:focus{border-color:#743ad2b3;box-shadow:0 0 0 2px #743ad21f}.assistant-result{display:grid;gap:8px;align-self:stretch}.prompt-thread-anchor{width:1px;height:1px;flex:0 0 auto}.prompt-form .inline-actions{justify-content:flex-end}.prompt-form .btn--primary{min-width:128px}@media (max-width: 520px){.main-content{padding:10px}.app-header{padding:14px 12px 11px}.context-toolbar{align-items:flex-start;flex-direction:column}.context-toolbar__actions{width:100%}.context-toolbar__actions .btn{flex:1 1 0}.prompt-panel{padding:10px}.prompt-message,.confirmation-card{max-width:100%}.prompt-form .inline-actions{justify-content:stretch}.prompt-form .btn--primary{flex:1 1 auto;min-width:0}.action-grid{grid-template-columns:1fr}}