:root{--paper: #f4f2ec;--surface: #ffffff;--ink: #1b1b1f;--muted: #74726c;--line: #e4e0d5;--accent: #0c6b60;--accent-ink: #084a43;--accent-weak: #e8efed;--ok: #1f7a4d;--ok-weak: #e7f2ec;--warn: #b42318;--warn-weak: #fbeae8;--radius: 9px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(20, 20, 20, .05);--shadow: 0 1px 2px rgba(20, 20, 20, .04), 0 14px 34px -18px rgba(20, 20, 20, .22)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:IBM Plex Sans JP,Hiragino Sans,Yu Gothic,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 80% -10%,rgba(12,107,96,.06),transparent 60%),var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}code,.mono,.num{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace}.app{max-width:980px;margin:0 auto;padding:0 24px 72px}.app__header{display:flex;align-items:baseline;gap:14px;padding:30px 0 18px;border-bottom:1px solid var(--line);margin-bottom:26px}.brand__mark{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:12px;letter-spacing:.32em;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:4px 9px;text-transform:uppercase}.brand__title{font-size:19px;font-weight:600;margin:0;letter-spacing:.01em}.brand__sub{color:var(--muted);font-size:12.5px;margin-left:auto}.steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 26px;flex-wrap:wrap}.steps li{display:contents}.steps__item{font:inherit;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;padding:6px 13px 6px 10px;border:1px solid var(--line);border-radius:100px;background:var(--surface);box-shadow:none;cursor:default;transition:background .15s,border-color .15s,color .15s,opacity .15s}.steps__item[data-state=active]{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-sm)}.steps__item[data-state=done]{color:var(--accent-ink);border-color:var(--accent-weak);background:var(--accent-weak)}.steps__item[data-clickable=true]{cursor:pointer}.steps__item[data-clickable=true]:hover[data-state=done]{background:#d8ece8;border-color:var(--accent)}.steps__item[data-clickable=true]:hover[data-state=upcoming]{background:#f0ede4;border-color:var(--muted)}.steps__item[data-clickable=true]:hover[data-state=active]{background:var(--accent-ink);border-color:var(--accent-ink)}.steps__item[data-clickable=false]{opacity:.5;cursor:not-allowed}.steps__item:active{transform:none}.steps__no{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:11px;opacity:.9}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;animation:rise .34s cubic-bezier(.22,1,.36,1)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card h2{font-size:17px;margin:0 0 4px;letter-spacing:.01em}.card h3{font-size:13px;margin:22px 0 10px;color:var(--accent-ink);letter-spacing:.02em}.meta{color:var(--muted);font-size:13px;margin:2px 0 18px}.meta .num{color:var(--ink);font-weight:600}.field{margin-bottom:14px}.field>label{display:block;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}input[type=file]{font:inherit;font-size:13px;width:100%;border:1px dashed var(--line);border-radius:var(--radius-sm);padding:12px;background:#fbfaf7;color:var(--muted)}input[type=file]::file-selector-button{font:inherit;font-size:12px;font-weight:600;margin-right:12px;padding:7px 14px;cursor:pointer;border:1px solid var(--accent);border-radius:6px;background:var(--surface);color:var(--accent);transition:background .15s,color .15s}input[type=file]::file-selector-button:hover{background:var(--accent);color:#fff}input[type=text],input:not([type]){font:inherit;font-size:13.5px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 11px;background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):not([type=file]):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}button{font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;padding:9px 20px;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:#fff;transition:transform .08s,background .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}button:hover{background:var(--accent-ink);border-color:var(--accent-ink)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:transparent;color:var(--accent)}button.ghost:hover{background:var(--accent-weak);color:var(--accent-ink)}.actions{display:flex;gap:12px;align-items:center;margin-top:22px;flex-wrap:wrap}.btn-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13.5px;font-weight:600;padding:9px 20px;border-radius:var(--radius-sm);background:var(--ok);color:#fff;box-shadow:var(--shadow-sm);transition:filter .15s}.btn-link:hover{filter:brightness(.93)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm)}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:#faf9f5;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}tbody td{padding:9px 14px;border-bottom:1px solid #f0ede4;vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fbfaf7}td:first-child,th:first-child{font-family:IBM Plex Mono,monospace;font-weight:600;color:var(--accent-ink)}.hint{border:1px solid var(--accent-weak);background:var(--accent-weak);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:12px 16px;margin:0 0 18px}.hint h3{margin:0 0 8px}.hint ul{margin:0;padding-left:18px;font-size:13px}.hint li{margin:3px 0}.pick{list-style:none;padding:0;margin:0 0 18px;border:1px solid var(--line);border-radius:var(--radius-sm)}.pick li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #f0ede4;flex-wrap:wrap}.pick li:last-child{border-bottom:none}.pick li:has(input[type=checkbox]:checked){background:var(--accent-weak)}.pick label{display:flex;align-items:center;gap:9px;cursor:pointer;flex:1;font-size:13.5px}.pick input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.pick input[type=text],.pick input:not([type]){max-width:200px}.inline-field{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.verify{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-sm);margin:0 0 20px;font-size:13.5px}.verify[data-ok=true]{background:var(--ok-weak);border:1px solid #c4e3d2}.verify[data-ok=false]{background:var(--warn-weak);border:1px solid #f3cfca}.badge{font-weight:700;font-size:12px;letter-spacing:.03em;padding:4px 11px;border-radius:100px;white-space:nowrap}.badge[data-ok=true]{background:var(--ok);color:#fff}.badge[data-ok=false]{background:var(--warn);color:#fff}.verify .nums{color:var(--muted);font-size:12.5px}.verify .nums b{color:var(--ink);font-family:IBM Plex Mono,monospace}.alert{background:var(--warn-weak);border:1px solid #f3cfca;border-left:3px solid var(--warn);color:#7d1a12;border-radius:var(--radius-sm);padding:11px 15px;font-size:13px;margin:0 0 18px}.guide{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;padding:10px 16px;margin:0 0 20px;background:var(--accent-weak);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:12.5px;color:var(--accent-ink)}.guide li{display:flex;align-items:center;gap:6px;white-space:nowrap}.guide__badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;flex-shrink:0}.guide__arrow{color:var(--muted);font-size:13px;padding:0 6px}.subcard{background:#fbfaf7;border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:18px}.subcard__heading{font-size:13px;font-weight:700;color:var(--accent-ink);margin:0 0 12px;letter-spacing:.03em;text-transform:none}.subcard__empty{font-size:13px;color:var(--muted);font-style:italic;margin:0;padding:8px 0}.io-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}.io-box{display:inline-block;padding:3px 9px;border-radius:var(--radius-sm);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;white-space:nowrap}.io-box--src{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.io-box--dst{background:var(--accent-weak);border:1px solid var(--accent);color:var(--accent-ink)}.io-box__detail{font-weight:400;font-family:inherit;font-size:11.5px;color:var(--muted)}.io-arrow{font-size:16px;color:var(--accent);font-weight:700;padding:0 4px}.io-preview{background:var(--accent-weak);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 14px;position:relative}.label-hint{font-size:11.5px;color:var(--muted);font-style:italic;margin-left:6px}