:root{font-family:Arial,Helvetica,sans-serif;color:#17223b;background:#f3f5fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 28px;background:white;border-bottom:1px solid #dbe1ea}.brand{font-size:26px;font-weight:800;color:#17223b;text-decoration:none}.tag{font-size:12px;letter-spacing:.09em;font-weight:700;background:#fff1d6;color:#764908;padding:7px 10px;border-radius:6px}.workspace{max-width:1200px;margin:auto;padding:24px}h1{font-size:30px;letter-spacing:-.7px;margin:0 0 10px}h2{font-size:17px;margin:0 0 18px}p{line-height:1.5;color:#505e75;margin:8px 0 16px}.toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}button{background:#284cc5;border:1px solid #284cc5;color:white;padding:11px 15px;border-radius:7px;font:600 14px Arial;cursor:pointer}.secondary{background:white;color:#2842a0;border-color:#c7d1e4}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #efaa16;outline-offset:3px}[hidden]{display:none!important}#status{background:#e9eefc;color:#213f98;border-left:4px solid #355dd3;padding:12px 14px;margin:16px 0}.layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px}.queue,.viewer,.history{background:white;border:1px solid #dbe1ea;border-radius:10px;overflow:hidden}.queue{padding:20px}.queue h2{display:flex;justify-content:space-between;gap:10px}#count{color:#284cc5;white-space:nowrap}#jobs{list-style:none;padding:0;margin:0 0 24px}#jobs li{border-left:3px solid #dbe1ea;padding:12px;margin-bottom:12px;border-radius:3px;background:#f7f9fc}#jobs b,#jobs span{display:block}#jobs b{font-size:15px;line-height:1.4}#jobs span{font-size:13px;margin-top:7px;color:#57647b}#jobs li.active{border-color:#3458ce;background:#edf2ff}#jobs li.done{border-color:#24825d;background:#eef8f3}#jobs li.issue{border-color:#b87818;background:#fff6e6}details{border-top:1px solid #e2e7f0;padding:15px 0 0;margin-top:12px;font-size:14px}summary{cursor:pointer;font-weight:600}details p{margin-top:12px}.viewer-top{padding:14px 18px;background:#17223b;color:white;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:14px}#step{font-size:13px;color:#c6d4ff}iframe{display:block;width:100%;height:545px;border:0;background:white}.history{padding:20px;margin-top:18px}.history ol{padding-left:23px;line-height:1.6;font-size:14px}.history li{padding:3px 0}.foot{font-size:13px;max-width:830px;margin-top:18px}a{color:#284cc5}@media(max-width:720px){header{padding:16px}.workspace{padding:17px}h1{font-size:25px}.layout{grid-template-columns:1fr}.queue{padding:16px}#jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:5px}#jobs li{padding:8px;margin:0}.queue details{display:none}iframe{height:490px}.viewer-top{flex-wrap:wrap}.tag{font-size:10px}.toolbar button{flex:1 1 145px}}