:root{color:#172018;background:#f6f8f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,.button-link{align-items:center;background:#fff;border:1px solid #cbd5c2;border-radius:6px;color:#182418;cursor:pointer;display:inline-flex;gap:8px;min-height:38px;padding:8px 12px;text-decoration:none}button:hover,.button-link:hover{border-color:#64865d}button:disabled{cursor:not-allowed;opacity:.55}input{background:#fff;border:1px solid #cbd5c2;border-radius:6px;min-height:38px;padding:8px 10px}.app-shell{display:grid;gap:16px;margin:0 auto;max-width:1440px;padding:24px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.eyebrow{color:#456b9b;font-size:.78rem;font-weight:800;margin:0 0 4px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.5rem,2.4vw,2.45rem);letter-spacing:0;line-height:1.1}.top-actions,.import-row,.command-grid{display:flex;flex-wrap:wrap;gap:10px}.summary-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(140px,1fr))}.metric{align-items:center;background:#fff;border:1px solid #dce4d4;border-radius:8px;display:grid;gap:6px;min-height:92px;padding:14px}.metric span{color:#526052;font-size:.82rem}.metric strong{font-size:1.7rem}.metric.good strong{color:#207343}.metric.bad strong{color:#ba2e2e}.workspace-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.result-grid{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}.panel{background:#fff;border:1px solid #dce4d4;border-radius:8px;display:grid;gap:14px;min-width:0;padding:16px}.panel.full{grid-column:1 / -1}.guide-panel{background:#fbfcf8}.guide-toggle{align-items:center;background:transparent;border:0;border-radius:6px;display:flex;justify-content:space-between;min-height:42px;padding:0;text-align:left;width:100%}.guide-toggle:hover{border-color:transparent}.guide-toggle span{align-items:center;display:inline-flex;font-size:1.1rem;font-weight:800;gap:8px}.guide-toggle small{color:#657163;font-size:.9rem}.chevron{transform:rotate(-90deg);transition:transform .14s ease}.chevron.open{transform:rotate(0)}.guide-content{display:grid;gap:14px}.panel-title{align-items:end;display:flex;gap:12px;justify-content:space-between}.panel-title h2{font-size:1.1rem}.panel-title p,.note,.meta-line,.empty{color:#657163;font-size:.9rem}.guide-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.guide-step{background:#fff;border:1px solid #e1e8da;border-radius:8px;display:grid;gap:8px;min-height:132px;padding:14px}.guide-step h3{font-size:.98rem}.guide-step p,.guide-notes p{color:#526052;font-size:.9rem;line-height:1.55}.guide-notes{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-notes>div{background:#eef5ea;border:1px solid #d7e2cf;border-radius:8px;display:grid;gap:6px;padding:12px}.guide-table-section{display:grid;gap:8px}.guide-table-section h3{font-size:.98rem}.status-ok{color:#207343;font-weight:800}.status-ng{color:#ba2e2e;font-weight:800}.status-pending{color:#7b6418;font-weight:800}.primary{background:#244f8f;border-color:#244f8f;color:#fff;font-weight:700}.file-picker{align-items:center;background:#eef5ea;border:1px solid #cbd5c2;border-radius:6px;cursor:pointer;display:inline-flex;gap:8px;min-height:38px;padding:8px 12px}.file-picker input{display:none}.table-wrap{border:1px solid #e5ebdf;border-radius:8px;max-height:300px;overflow:auto}table{border-collapse:collapse;font-size:.86rem;width:100%}th,td{border-bottom:1px solid #e5ebdf;max-width:360px;overflow:hidden;padding:9px 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}th{background:#f0f5eb;color:#435040;font-size:.76rem;position:sticky;text-transform:uppercase;top:0}code{background:#15202b;border-radius:6px;color:#e9f0e9;display:block;overflow-x:auto;padding:12px}.runs-list{display:grid;gap:8px}.run-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.run-row button:first-child{justify-content:space-between;min-width:0;text-align:left}.run-row span{color:#657163;font-size:.78rem}.icon-button{aspect-ratio:1;justify-content:center;padding:8px}.sample-layout{display:grid;gap:16px;grid-template-columns:320px minmax(0,1fr)}.sample-list{border:1px solid #e5ebdf;border-radius:8px;display:grid;gap:6px;max-height:620px;overflow:auto;padding:8px}.sample-list button{align-items:center;display:grid;gap:4px 8px;grid-template-columns:1fr auto;justify-items:start;min-height:58px;text-align:left}.sample-list small{color:#657163;grid-column:1 / -1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-list .selected{background:#e9f1ff;border-color:#90aee0}.sample-detail{min-width:0}.detail-head,.detail-grid{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.detail-grid{justify-content:flex-start}.detail{background:#f4f7f0;border-radius:6px;min-width:140px;padding:10px}.detail span{color:#657163;display:block;font-size:.76rem}.pill{border-radius:999px;font-size:.78rem;font-weight:800;padding:5px 9px}.pill.ok{background:#dff3e5;color:#207343}.pill.ng{background:#ffe3e3;color:#ba2e2e}.code-block{display:grid;gap:8px;margin-top:12px}.code-block h3{color:#435040;font-size:.9rem}pre{background:#101820;border-radius:8px;color:#edf2ed;max-height:320px;overflow:auto;padding:14px;white-space:pre-wrap;word-break:break-word}@media(max-width:980px){.topbar,.workspace-grid,.sample-layout{grid-template-columns:1fr}.topbar{align-items:stretch;display:grid}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid,.guide-notes{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{padding:14px}.summary-grid{grid-template-columns:1fr}.panel-title{align-items:start;display:grid}}