:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172033;--muted: #63708a;--line: #d8e1ef;--panel: #ffffff;--panel-soft: #f8fbff;--cobalt: #1458d4;--cobalt-strong: #0c48b8;--green: #0b8f59;--green-soft: #eaf8f1;--amber: #b76a00;--amber-soft: #fff4df;--red: #c6383d;--red-soft: #fff0f1;--nav: #071427;--shadow: 0 18px 54px rgba(26, 45, 78, .11)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f8fbff 0,#f3f7fc 360px,#eef4fb),#f5f8fc}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(260px,1fr);align-items:center;gap:24px;padding:12px 20px;color:#f8fbff;background:var(--nav);border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;font-weight:800;letter-spacing:0}.brand strong{color:#5d98ff}.brand-mark{display:inline-grid;width:34px;height:34px;place-items:center;color:#fff;background:#1458d4;border:1px solid rgba(255,255,255,.18);border-radius:8px}.topnav{display:flex;align-items:center;gap:4px}.topnav a{min-height:34px;padding:9px 14px;color:#c8d5e7;border-bottom:2px solid transparent}.topnav a[aria-current=page],.topnav a:hover{color:#fff;border-color:#3c82ff}.top-actions{display:flex;justify-content:flex-end;gap:10px}.notice{display:flex;align-items:center;gap:10px;max-width:1180px;margin:18px auto 0;padding:11px 16px;color:#24405f;background:#edf7f2;border:1px solid #bce5cf;border-radius:8px}.notice p{margin:0;font-size:.92rem}.notice svg{flex:0 0 auto;color:var(--green)}.workspace{display:grid;grid-template-columns:minmax(360px,450px) minmax(0,1fr);gap:18px;max-width:1540px;margin:18px auto 0;padding:0 20px 30px}.input-rail,.report-area{min-width:0}.input-rail{display:flex;flex-direction:column;gap:14px}.editor-panel,.score-panel,.rubric-panel,.keyword-panel,.section-panel,.quality-panel,.suggestions-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px #11233e08}.editor-panel{overflow:hidden}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 10px;border-bottom:1px solid var(--line)}.editor-title{display:inline-flex;align-items:center;gap:9px;min-width:0;font-weight:800}.editor-title span{display:inline-grid;width:24px;height:24px;place-items:center;color:#fff;background:var(--cobalt);border-radius:999px;font-size:.8rem}.upload-button{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:7px 9px;color:#24405f;background:#f4f8fd;border:1px solid #cad6e8;border-radius:7px;font-size:.82rem;cursor:pointer}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}textarea{display:block;width:100%;min-height:294px;resize:vertical;padding:14px;color:#152033;background:#fff;border:0;outline:none;line-height:1.48;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem}textarea:focus{box-shadow:inset 0 0 0 2px #1458d457}.editor-helper{margin:0;padding:9px 12px 12px;color:var(--muted);border-top:1px solid var(--line);font-size:.8rem}.input-actions,.report-actions{display:flex;gap:10px}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;border:1px solid transparent;font-weight:800;letter-spacing:0}.primary-button{flex:1 1 auto;color:#fff;background:var(--cobalt);border-color:var(--cobalt);box-shadow:0 10px 26px #1458d43d}.primary-button:hover{background:var(--cobalt-strong)}.primary-button.compact,.ghost-button{flex:0 0 auto;min-height:36px;padding:0 13px}.secondary-button{padding:0 16px;color:#18335e;background:#fff;border-color:#b8c8df}.secondary-button:hover,.ghost-button:hover{border-color:#7ca7ef}.ghost-button{color:#dbe8fb;background:transparent;border-color:#ffffff3d}.report-area{display:flex;flex-direction:column;gap:14px}.report-heading{display:flex;justify-content:space-between;gap:24px;padding:20px 2px 4px}.eyebrow{margin:0 0 8px;color:var(--cobalt);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;color:var(--ink);font-size:2rem;line-height:1.08;letter-spacing:0}.report-heading p:not(.eyebrow){max-width:780px;margin:8px 0 0;color:#52617a}.analysis-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;color:var(--muted);font-size:.85rem;white-space:nowrap}.score-grid{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:14px}.score-panel{padding:18px}.score-label{display:flex;align-items:center;gap:6px;color:#364a65;font-weight:800}.score-panel strong{display:block;margin:20px 0 2px;color:var(--green);font-size:3.9rem;line-height:.95;letter-spacing:0}.score-panel p{margin:0;font-weight:900}.match-positive{color:var(--green)}.match-warning{color:var(--amber)}.score-panel small{display:block;margin-top:14px;color:var(--muted);line-height:1.45}.rubric-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden}.rubric-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.rubric-row:nth-child(2n){border-right:0}.rubric-row:nth-last-child(-n+2){border-bottom:0}.rubric-row span{display:block;font-weight:850}.rubric-row small{display:block;margin-top:3px;color:var(--muted);line-height:1.3}.rubric-row strong{color:var(--ink)}.meter{grid-column:1 / -1;height:7px;overflow:hidden;background:#dce4ef;border-radius:999px}.meter span{display:block;height:100%;background:var(--green);border-radius:inherit}.insight-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}.keyword-panel,.section-panel,.quality-panel,.suggestions-panel{padding:15px}.keyword-panel.matched{border-color:#b9dfca}.keyword-panel.missing{border-color:#eed29f}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title h2{margin:0;color:var(--ink);font-size:1rem;line-height:1.2}.section-title span{color:var(--muted);font-size:.82rem;font-weight:800}.keyword-list{display:grid;gap:7px}.keyword-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;padding:9px;border:1px solid transparent;border-radius:7px}.matched .keyword-row{background:var(--green-soft);border-color:#c8ead7}.missing .keyword-row{background:var(--amber-soft);border-color:#f2d8a5}.keyword-row svg{margin-top:2px}.matched .keyword-row svg{color:var(--green)}.missing .keyword-row svg{color:var(--amber)}.keyword-row strong{display:block;margin-bottom:2px;font-size:.92rem}.keyword-row p{margin:0;color:#52617a;line-height:1.35;font-size:.82rem}.keyword-row>span{padding:3px 6px;color:#43516a;background:#ffffffa6;border-radius:5px;font-size:.72rem;font-weight:850}.section-table{display:grid;border-top:1px solid var(--line)}.section-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 70px;align-items:center;gap:8px;min-height:34px;padding:7px 0;border-bottom:1px solid var(--line);color:#2e3e54;font-size:.88rem}.section-row.header{min-height:28px;color:var(--muted);font-size:.76rem;font-weight:900}.status.ok{color:var(--green)}.status.warn{color:var(--amber)}.status.muted{color:#a4afbe}.quality-panel dl{display:grid;gap:0;margin:0;border-top:1px solid var(--line)}.quality-panel dl div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}.quality-panel dt{color:#52617a}.quality-panel dd{margin:0;color:var(--ink);font-weight:900}.suggestions-panel{border-color:#cdd9ea}.suggestion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.suggestion-item{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;min-height:96px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.suggestion-item>span{display:inline-grid;width:62px;height:26px;place-items:center;color:#fff;border-radius:6px;font-size:.76rem;font-weight:900;text-transform:uppercase}.suggestion-item.high>span{background:var(--red)}.suggestion-item.medium>span{background:var(--amber)}.suggestion-item.low>span{background:var(--cobalt)}.suggestion-item h3{margin:0 0 6px;font-size:.93rem}.suggestion-item p{margin:0;color:#52617a;line-height:1.42;font-size:.84rem}.report-actions{justify-content:flex-end}.ad-slot{display:grid;min-height:96px;gap:6px;place-items:center;color:#52617a;text-align:center;background:#f8fafc;border:1px solid #d7e0ec;border-radius:8px;padding:18px}.ad-slot span{font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ad-slot strong{display:block;max-width:440px;font-size:.9rem;line-height:1.45;color:#18233a}.empty-state{margin:0;padding:18px;color:var(--muted);background:var(--panel-soft);border:1px dashed var(--line);border-radius:7px}@media(max-width:1180px){.topbar{grid-template-columns:1fr;gap:10px}.topnav{overflow-x:auto}.top-actions{justify-content:flex-start}.workspace{grid-template-columns:1fr}textarea{min-height:230px}}@media(max-width:760px){.topbar{position:static;padding:12px}.topnav a{padding-inline:10px}.top-actions{justify-content:stretch}.top-actions .ghost-button,.top-actions .primary-button.compact{flex:1 1 0;min-width:0;width:auto}.notice,.workspace{margin-top:12px;padding-inline:12px}.notice,.report-heading,.analysis-meta{align-items:flex-start}.report-heading{flex-direction:column;gap:8px}h1{font-size:1.6rem}.score-grid,.insight-grid,.rubric-panel,.suggestion-list{grid-template-columns:1fr}.rubric-row,.rubric-row:nth-child(2n),.rubric-row:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.rubric-row:last-child{border-bottom:0}.score-panel strong{font-size:3.2rem}.input-actions,.report-actions{flex-direction:column}.secondary-button,.primary-button{width:100%}}@media(max-width:520px){.brand{font-size:.95rem}.editor-head,.section-title,.keyword-row,.suggestion-item{grid-template-columns:1fr}.editor-head,.section-title{align-items:flex-start}.keyword-row>span{justify-self:start}.section-row{grid-template-columns:minmax(0,1fr) 56px 56px}}@media(min-width:1181px){.workspace{grid-template-columns:minmax(340px,410px) minmax(0,1fr);gap:16px}.input-rail{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow:auto}textarea{min-height:248px}}@media(max-width:760px){textarea{min-height:176px}.score-panel strong{font-size:2.7rem}.editor-panel{box-shadow:0 1px #11233e0a}}