:root{--bg: #f4efe6;--paper: #fffdf8;--ink: #1f2937;--muted: #667085;--line: #d9d3c7;--primary: #0f4c5c;--primary-soft: #dceff3;--accent: #c9652c;--warn: #b7791f;--danger: #b42318;--ok: #067647;--shadow: 0 16px 60px rgba(17, 24, 39, .08);font-family:IBM Plex Sans,PingFang SC,Noto Sans SC,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,rgba(201,101,44,.18),transparent 26%),radial-gradient(circle at left center,rgba(15,76,92,.12),transparent 28%),var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--ink)}a{color:var(--primary)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:28px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:24px}.hero-copy,.analyze-form,.sidebar,.report-panel,.card,.issue-card{background:#fffdf8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(217,211,199,.92);box-shadow:var(--shadow)}.hero-copy{border-radius:28px;padding:32px}.hero-copy h1{margin:10px 0 14px;font-size:clamp(2rem,3vw,3.4rem);line-height:1.04;letter-spacing:-.04em}.hero-copy p{margin:0;color:var(--muted);max-width:70ch;line-height:1.7}.hero-eyebrow{color:var(--accent);text-transform:uppercase;font-size:.8rem;letter-spacing:.14em;font-weight:700}.analyze-form{border-radius:24px;padding:24px;align-self:end}.form-label{display:block;font-weight:700;margin-bottom:12px}.form-row{display:flex;gap:12px}.form-row input{flex:1;min-width:0;border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px 18px}.form-row button{border:none;border-radius:16px;background:linear-gradient(135deg,var(--primary),#0c6577);color:#fff;padding:0 22px;min-width:136px;font-weight:700}.form-row button:disabled{opacity:.72;cursor:progress}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.sidebar{border-radius:24px;padding:18px;position:sticky;top:24px}.sidebar-head{padding:8px 6px 18px;border-bottom:1px solid var(--line)}.sidebar-head h2{margin:0 0 8px;font-size:1.3rem}.sidebar-head span{display:block;font-size:.82rem;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.tab-list{display:flex;flex-direction:column;gap:10px;padding-top:16px}.tab-list button{border:1px solid transparent;background:transparent;border-radius:14px;text-align:left;padding:12px 14px;color:var(--ink);transition:.18s ease}.tab-list button:hover{border-color:#0f4c5c2e;background:#0f4c5c0f}.tab-list .tab-active{background:linear-gradient(135deg,#0f4c5c1f,#c9652c17);border-color:#0f4c5c47;color:var(--primary);font-weight:700}.report-panel{border-radius:28px;padding:22px;min-height:720px}.panel-stack{display:flex;flex-direction:column;gap:18px}.metrics-grid,.two-column-grid,.charts-grid{display:grid;gap:16px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.two-column-grid,.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.card,.issue-card{border-radius:22px;padding:18px}.metric-card{display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#ffffffd1,#f4efe6e6);border:1px solid rgba(217,211,199,.92)}.metric-label{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.metric-value{font-size:1.4rem;line-height:1.2}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-header h2{margin:0;font-size:1.08rem}.kv-list{display:flex;flex-direction:column}.kv-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--line)}.kv-row:first-child{border-top:none;padding-top:0}.kv-label{color:var(--muted);font-weight:600}.kv-value{display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:700;text-transform:lowercase;letter-spacing:.02em}.status-passed{background:#0676471f;color:var(--ok)}.status-warning,.status-unknown{background:#b7791f24;color:var(--warn)}.status-error{background:#b4231824;color:var(--danger)}.status-info{background:#0f4c5c24;color:var(--primary)}.empty-state{border:1px dashed rgba(15,76,92,.3);border-radius:24px;padding:42px 26px;text-align:center;background:#ffffff85}.empty-state h3{margin:0 0 10px}.empty-state p,.muted-text{color:var(--muted)}.chart-card{min-height:360px}.chart-frame{height:280px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:12px 10px}.data-table th{border-top:none;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.break-cell{overflow-wrap:anywhere}.list-stack{display:flex;flex-direction:column;gap:12px}.list-row,.image-row{display:flex;gap:16px;padding:14px;border-radius:18px;background:#f4efe6b8;border:1px solid rgba(217,211,199,.82)}.list-row-main,.image-meta{min-width:0;display:flex;flex-direction:column;gap:8px}.list-row-main small{color:var(--muted);overflow-wrap:anywhere}.list-row-side{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.image-row img{width:72px;height:72px;object-fit:cover;border-radius:14px;background:#ece7dd;border:1px solid var(--line)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px}.filter-bar button{border:1px solid rgba(15,76,92,.16);background:#fff;padding:10px 14px;border-radius:999px}.filter-bar .filter-active{background:var(--primary);color:#fff;border-color:var(--primary)}.chip-list{display:flex;flex-wrap:wrap;gap:10px}.tag{display:inline-flex;align-items:center;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:700}.json-block{margin:0;padding:16px;border-radius:18px;background:#17202a;color:#f8fafc;overflow:auto;font-size:.85rem;line-height:1.55}.serp-preview{border-radius:20px;padding:18px;background:#fff;border:1px solid var(--line)}.serp-url{display:block;color:#188038;margin-bottom:8px;overflow-wrap:anywhere}.serp-title{display:block;color:#1a0dab;margin-bottom:10px;font-size:1.2rem}.serp-description{margin:0;color:#4d5156}.issue-card{border-left:4px solid transparent}.issue-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.issue-warning{border-left-color:var(--warn)}.issue-error{border-left-color:var(--danger)}.issue-passed{border-left-color:var(--ok)}.issue-info{border-left-color:var(--primary)}.error-banner{margin:14px 0 0;color:var(--danger)}@media(max-width:1080px){.hero,.workspace,.two-column-grid,.charts-grid{grid-template-columns:1fr}.sidebar{position:static}.tab-list{flex-direction:row;flex-wrap:nowrap;overflow:auto;padding-bottom:6px}.tab-list button{white-space:nowrap}}@media(max-width:760px){.app-shell{padding:16px}.hero-copy,.analyze-form,.report-panel,.sidebar,.card,.issue-card{border-radius:20px}.form-row,.list-row,.image-row,.kv-row{grid-template-columns:1fr;flex-direction:column}.form-row button{min-height:52px}.list-row-side{margin-left:0}}