:root{--bg:#f8fafc;--panel:#ffffff;--fg:#111827;--muted:#6b7280;--line:#e5e7eb;--accent:#2563eb;--color-bg:var(--bg);--color-panel:var(--panel);--color-fg:var(--fg);--color-muted:var(--muted);--color-border:var(--line);--color-brand:var(--accent);--color-brand-fg:#ffffff;--color-danger:#dc2626}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}.wrap{max-width:960px;margin:0 auto;padding:32px 20px}.head{display:flex;align-items:center;justify-content:space-between;gap:12px}button.ghost{background:transparent;border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:8px 14px;cursor:pointer}button.ghost.sm{padding:3px 10px;font-size:12px;margin-left:auto}button.primary{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 18px;font-weight:600;cursor:pointer}button.primary:disabled{opacity:.55;cursor:default}h1{font-size:22px;margin:0}h2{font-size:18px;margin:0 0 4px}h3{font-size:15px;margin:22px 0 8px}h4{font-size:13px;margin:0 0 6px}.muted,h4{color:var(--muted)}.small{font-size:12px}.ok{color:#047857}.err{color:var(--color-danger)}.tabs{display:flex;gap:6px;margin:20px 0 16px;border-bottom:1px solid var(--line)}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 14px;cursor:pointer;color:var(--muted);font-size:14px}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:12px 0}label{display:inline-flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.cardform input,input[type=text],select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff;color:var(--fg)}.filebtn{display:inline-flex;align-items:center;background:var(--accent);color:#fff;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:600}.filebtn.disabled{opacity:.55}.filebtn input{display:none}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:8px 0 4px}.metric{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:2px}.metric.warn{border-color:#fca5a5;background:#fff5f5}.metric.ok{border-color:#6ee7b7;background:#f0fdf9}.mlabel{font-size:12px;color:var(--muted)}.mvalue{font-size:24px;font-weight:700}.msub{font-size:12px;color:var(--muted)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl td,.tbl th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.tbl th{color:var(--muted);font-weight:600;font-size:12px}.tbl td:nth-child(2),.tbl td:nth-child(3),.tbl td:nth-child(4){text-align:right}.abc{display:inline-block;width:22px;text-align:center;border-radius:5px;font-weight:700;font-size:12px}.abc-A{background:#dbeafe;color:#1d4ed8}.abc-B{background:#fef3c7;color:#b45309}.abc-C{background:#f3f4f6;color:#6b7280}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.util{list-style:none;padding:0;margin:0}.util li{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 0}.util li span:first-child{width:80px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ubar{flex:1 1;height:8px;background:#eef2f7;border-radius:4px;overflow:hidden}.ubar div{height:100%;background:var(--accent)}.util small{width:38px;text-align:right;color:var(--muted)}.bars{gap:8px;align-items:flex-end;height:110px}.bar,.bars{display:flex}.bar{flex:1 1;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.barfill{width:60%;min-height:2px;background:var(--accent);border-radius:4px 4px 0 0}.bar span.peak{color:var(--accent);font-weight:700}.bar small{color:var(--muted)}.roadmap{padding-left:18px}.roadmap>li{margin-bottom:10px}.roadmap .focus{color:var(--accent);font-weight:600}.roadmap ul{margin:4px 0}.list{list-style:none;padding:0;margin:8px 0}.list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;flex-wrap:wrap}.list.cards li b{min-width:120px}.tag{display:inline-block;background:#eef2f7;color:#374151;border-radius:6px;padding:2px 9px;font-size:12px}.tag.st-succeeded{background:#d1fae5;color:#065f46}.tag.st-failed{background:#fee2e2;color:#991b1b}.tag.st-queued,.tag.st-running{background:#fef3c7;color:#92400e}.cardform{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.cardform input{flex:1 1;min-width:130px}.hint{margin:14px 0;font-size:13px}.hint summary{cursor:pointer;color:var(--muted)}.empty{border:1px dashed var(--line);border-radius:10px;padding:28px;text-align:center;color:var(--muted)}code{background:#f3f4f6;padding:1px 5px;border-radius:4px;font-size:13px}.advice{border:1px solid #c7d2fe;background:#f5f7ff;border-radius:10px;padding:14px 16px;margin:18px 0}.advice h3{margin-top:4px}.advice-block{margin:10px 0}.advice-block h4{color:var(--accent);margin:0 0 4px}.advice-block ul{margin:0;padding-left:18px}@media (max-width:640px){.metrics,.two{grid-template-columns:1fr}}