:root{--navy:#1F3A5F;--bg:#F2F4F7;--card:#FFFFFF;--ink:#111111;--line:#D0D5DD;--blue:#2E6DA4;--ok:#1E8E5A;--warn:#D98A00;--bad:#C9352B;--muted:#475467}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}h1,h2{margin:0 0 6px;color:var(--navy);line-height:1.2}h1{font-size:24px}h2{font-size:20px}p{margin:6px 0}ul{margin:0;padding:0;list-style:none}button,.button,input,select{font:inherit;border-radius:6px}button,.button{padding:8px 13px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block}button:hover:not(:disabled),.button:hover{border-color:var(--navy)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}button.danger{color:var(--bad)}button.link{border:0;background:none;color:var(--blue);padding:0;text-decoration:underline}:focus-visible{outline:2px solid var(--blue);outline-offset:1px}input,select{width:100%;padding:7px 9px;border:1px solid var(--line);background:#fff;color:var(--ink);min-width:0}label{display:grid;gap:3px;font-size:13px;font-weight:600;min-width:0}.muted{color:var(--muted);font-size:13px;font-weight:400}.pad{padding:14px}.notice{padding:40px;text-align:center}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;display:grid;gap:12px}.narrow{max-width:540px;margin:0 auto}.alert{background:#fdecea;border:1px solid var(--bad);border-radius:6px;padding:8px 11px;margin:0}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login form{width:min(380px,100%)}.top{background:var(--navy);color:#fff;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding:10px 18px}.top nav{display:flex;gap:4px;flex:1}.top nav button{background:none;color:#fff;border:0;padding:7px 11px}.top nav button.on{background:#fff;color:var(--navy);font-weight:600}.who{font-size:13px;display:flex;gap:10px}.who .link{color:#fff}.demo{background:#fff4df;margin:0;padding:6px 18px;font-size:13px}.context{display:flex;flex-wrap:wrap;gap:12px;padding:12px 18px;background:var(--card);border-bottom:1px solid var(--line)}.context label:first-child{flex:1 1 280px;max-width:460px}.context label:last-child{width:150px}.page{padding:16px 18px;max-width:1500px;margin:0 auto}.alert.page{max-width:none;margin:12px 18px}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;width:fit-content}.pill.error{background:var(--bad)}.pill.review{background:#8a5700}.pill.ready{background:var(--ok)}.summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.switch{margin-left:auto;display:flex}.switch button{border-radius:0}.switch button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.workarea{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}.list{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:calc(100vh - 190px)}.item{width:100%;display:grid;gap:3px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 12px}.item.on{background:#e8eef5;box-shadow:inset 3px 0 0 var(--navy)}.first{font-size:13px}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;align-items:start}.viewer{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;position:sticky;top:8px}.viewer-bar{display:flex;justify-content:space-between;padding:8px 11px;border-bottom:1px solid var(--line);font-size:13px}.viewer img{display:block;width:100%;max-height:calc(100vh - 230px);object-fit:contain;background:#fff}.data{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:11px;min-width:0}.head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.issues{display:grid;gap:5px}.issues li{padding:7px 10px;border-radius:6px;border-left:4px solid;font-size:14px}.issues .error{background:#fdecea;border-color:var(--bad)}.issues .review{background:#fff4df;border-color:var(--warn)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}.grid .bad input,.grid .bad select{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad)}.actions{display:flex;flex-wrap:wrap;gap:8px}.log{font-size:13px;color:var(--muted);display:grid;gap:2px}.alert ul{margin-top:4px}.facts{margin:0;display:grid;gap:8px}.facts div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:6px}.facts dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}@media (max-width:1100px){.detail{grid-template-columns:1fr}.viewer{position:static}.viewer img{max-height:55vh}}@media (max-width:760px){.workarea{grid-template-columns:1fr}.list{max-height:260px}.top nav{order:3;flex-basis:100%}.who{margin-left:auto}.page,.context{padding-left:16px;padding-right:16px}}