:root{--ink:#203a36;--muted:#63746f;--teal:#175c57;--teal-dark:#10413e;--line:#dce4df;--bg:#f4f6f2;--amber:#8c5f1b;--red:#a92e2c;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 "Yu Gothic",Meiryo,system-ui,sans-serif}button,input,select{font:inherit}button,select,input[type=checkbox],input[type=file]{cursor:pointer}button{min-height:46px;padding:10px 22px;border-radius:8px;font-weight:700;border:1px solid transparent;transition:background .15s}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #75aca2;outline-offset:3px}.primary{background:var(--teal);color:#fff}.primary:hover:not(:disabled){background:var(--teal-dark)}.primary span{margin-left:18px}.secondary{background:#fff;border-color:var(--line);color:var(--teal)}.secondary:hover:not(:disabled){background:#eef5f1}.topbar{height:84px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(28px,calc((100vw - 1280px)/2))}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:700}.brand-icon{display:grid;place-items:center;width:42px;height:46px;border:1px solid #c3d5cc;background:#edf4ef;border-radius:7px;color:var(--teal);font-size:16px;letter-spacing:1px}.brand-sub{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:400}.trial,.format-badge{padding:5px 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px;font-weight:700}main{max-width:1336px;padding:40px 28px 16px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{font:700 10px/1.4 system-ui,sans-serif;color:var(--teal);letter-spacing:1.8px;margin:0 0 8px}h1{font-size:28px;line-height:1.5;letter-spacing:.02em;margin:0 0 8px}h2{font-size:20px;line-height:1.5;margin:0}h3{font-size:15px;margin:0}p{margin:6px 0}.lede{font-size:14px;color:var(--muted)}.profile{display:flex;align-items:center;gap:12px;border-left:1px solid var(--line);padding:6px 24px;white-space:nowrap}.profile small,.file-field small{display:block;font-size:12px;color:var(--muted);font-weight:400}.profile-dot{width:9px;height:9px;background:#4c846c;border-radius:50%}.steps{display:flex;list-style:none;padding:0;margin:0 0 28px;gap:40px;color:var(--muted);font-size:13px;font-weight:700}.steps li{display:flex;align-items:center;gap:9px}.steps li+li:before{content:"";width:44px;height:1px;background:#cfdad2;margin-right:30px}.steps span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #ccd8ce;border-radius:50%;font:600 12px system-ui}.steps [aria-current] {color:var(--teal)}.steps [aria-current] span,.steps .done span{background:var(--teal);color:white;border-color:var(--teal)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 12px #203a3603}.input-card,.export-card{padding:26px 28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.small{font-size:12px}.muted{color:var(--muted)}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.file-field{background:#fafcf9;border:1px solid var(--line);border-radius:10px;padding:20px}.file-field label{display:flex;gap:12px;align-items:center;margin-bottom:18px}.file-number{font:600 12px system-ui;color:#759186;border:1px solid #dce6dc;border-radius:6px;padding:8px}.file-field strong{font-size:16px}.file-field input{width:100%;color:var(--muted);font-size:12px}.file-field input::file-selector-button{background:#fff;border:1px solid #c6d5cb;border-radius:6px;padding:9px 14px;margin-right:12px;color:var(--ink);font:inherit;cursor:pointer}.file-help{font-size:11px;color:var(--muted);margin:8px 0 0}.input-actions{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.local-note{font-size:11px;color:var(--muted);margin-left:auto;display:flex;align-items:center;gap:6px}.local-note:before{content:"";width:6px;height:6px;background:#7f9d8e;border-radius:50%}.status{color:var(--teal);font-size:12px;margin-top:12px}.status:empty{display:none}.empty-state{display:flex;align-items:center;justify-content:center;gap:16px;min-height:185px;text-align:left;color:var(--muted)}.empty-state>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:18px;color:#91a499}.empty-state h2{font-size:14px;font-weight:500}.empty-state p{font-size:12px}.result-heading{margin:34px 0 16px}.badge{color:var(--teal);background:#e6f2eb;border:1px solid #cadece;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700}.badge.bad{color:var(--red);background:#fff0ef;border-color:#f0ccca}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px}.metric-label{font-size:12px;color:var(--muted)}.metric-value{display:block;font:600 30px/1.4 system-ui,sans-serif;letter-spacing:-.5px;margin-top:4px}.metric-value small{font:12px "Yu Gothic",sans-serif;letter-spacing:0;margin-left:7px;color:var(--muted)}.metric:last-child .metric-value{color:var(--teal)}.notice{background:#fff8e9;border:1px solid #eadabb;color:#75551e;border-radius:8px;padding:12px 16px;font-size:12px;margin:16px 0}.notice strong,.notice span{display:block}.notice.info{background:#eef4ee;border-color:#d7e3d6;color:#496651}.notice.error{color:#922d29;background:#fff1ef;border-color:#efcfc9;white-space:pre-wrap;overflow-wrap:anywhere}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px}.filters{display:flex;gap:8px}.filters input,.filters select,#scope{min-height:40px;border:1px solid #cbd7cf;border-radius:6px;background:#fff;color:var(--ink);padding:8px 10px;font-size:12px}.filters input{width:220px}#scope{width:100%;margin:8px 0;max-width:430px}.table-scroll{overflow:auto;max-height:570px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;min-width:1040px}thead{position:sticky;top:0;z-index:1}th{text-align:left;background:#f4f7f2;color:#53695e;font-size:11px;padding:13px 14px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 14px;border-bottom:1px solid #eaf0e9;vertical-align:top}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcf9}.numeric{text-align:right;font-variant-numeric:tabular-nums}.item-code{font-family:system-ui,sans-serif;font-weight:600;letter-spacing:.2px}.subline{display:block;font-size:11px;color:var(--muted);margin-top:3px}.row-status{display:inline-block;border-radius:4px;padding:2px 6px;white-space:nowrap;color:var(--teal);background:#edf5ed;font-size:11px}.row-status.alias{background:#f9f3e5;color:#866221}.row-status.error{background:#ffefed;color:var(--red)}.pack-input{width:70px;border:1px solid #d0dbd3;border-radius:5px;padding:5px 7px;text-align:right;color:var(--ink)}.pack-input.changed{background:#fff8e9;border-color:#b4965f}details{min-width:168px;max-width:240px}summary{cursor:pointer;color:var(--teal);font-size:11px}details p{font-size:11px;overflow-wrap:anywhere}details label{display:block;font-size:11px;margin-top:6px}.reason-input{width:210px;max-width:100%;padding:6px;border:1px solid #cdd9cf;border-radius:4px;font-size:11px}.no-rows{text-align:center;padding:32px;color:var(--muted)}.table-footer{display:flex;justify-content:space-between;padding:12px 22px;font-size:11px;color:var(--muted)}.export-card{margin-top:24px}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.field-label{display:block;font-size:13px;font-weight:700}.export-note{padding:14px 18px;border-left:3px solid #d5c299;background:#faf8f1;border-radius:0 6px 6px 0;font-size:12px;color:#6d6045}.export-note p{margin-top:6px}.confirm{display:flex;align-items:flex-start;gap:9px;font-size:13px;margin-top:24px;cursor:pointer}.confirm input{accent-color:var(--teal);width:18px;height:18px;flex-shrink:0;margin:2px 0}.export-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px}footer{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#738779;padding:28px 0 8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}body.busy{cursor:progress}
@media(max-width:1050px){.table-toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input{flex:1}.profile{padding-right:0}h1{font-size:25px}.steps{gap:20px}.steps li+li:before{width:30px;margin-right:10px}.local-note{margin-left:0}}
@media(max-width:640px){.topbar{height:70px;padding:0 18px}.brand{font-size:16px}.brand-icon{width:34px;height:38px}.brand-sub{font-size:9px}.trial{font-size:10px;padding:4px 8px}main{padding:24px 16px 12px}.intro{display:block;margin-bottom:22px}h1{font-size:23px}.lede{font-size:12px}.profile{border:0;padding:12px 0 0;gap:8px}.profile strong{font-size:12px}.profile small{display:inline;margin-left:8px;font-size:10px}.steps{gap:0;justify-content:space-between;font-size:11px;margin-bottom:20px}.steps li{gap:6px}.steps li+li:before{display:none}.steps span{width:23px;height:23px}.input-card,.export-card{padding:20px 16px}.section-heading{margin-bottom:16px}h2{font-size:18px}.file-grid{grid-template-columns:1fr;gap:12px}.file-field{padding:16px}.file-field label{margin-bottom:12px}.input-actions{gap:10px}.input-actions button{width:100%;font-size:13px}.local-note{margin:auto;font-size:10px}.empty-state{gap:12px;min-height:150px}.empty-state>span{flex-shrink:0}.empty-state h2{font-size:12px}.empty-state p{font-size:11px}.result-heading{align-items:flex-start}.badge{font-size:10px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:12px 14px}.metric-value{font-size:26px}.metric-label{font-size:11px}.notice{font-size:11px}.table-toolbar{padding:16px}.filters{flex-direction:column}.filters input,.filters select{width:100%;flex:none}.table-footer{padding:10px 14px;gap:6px;flex-direction:column}.export-grid{grid-template-columns:1fr;gap:12px}.confirm{font-size:12px}.export-actions{flex-direction:column;align-items:stretch}.export-actions button{width:100%}footer{flex-direction:column;gap:6px;font-size:9px}.source-names{overflow-wrap:anywhere}}
