:root{--bg: #0d1117;--bg-soft: #161b22;--bg-card: #1c2230;--border: #2a3140;--text: #e6edf3;--text-dim: #9aa7b8;--accent: #6ea8fe;--accent-2: #a78bfa;--good: #3fb950;--warn: #d29922;--bad: #f85149;--radius: 14px;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background:radial-gradient(1200px 600px at 20% -10%,#1a2440 0%,var(--bg) 55%) fixed;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:1080px;margin:0 auto;padding:40px 20px 80px}header.hero{text-align:center;margin-bottom:36px}.badge{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px;margin-bottom:16px;background:#a78bfa14}h1{font-size:clamp(28px,5vw,44px);margin:0 0 10px;letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-dim);max-width:620px;margin:0 auto;font-size:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media (max-width: 820px){.grid{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h2{font-size:15px;margin:0 0 14px;color:var(--text);display:flex;align-items:center;gap:8px}.step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#6ea8fe26;color:var(--accent);font-size:12px;font-weight:700}label.field-label{display:block;font-size:13px;color:var(--text-dim);margin:14px 0 6px}textarea{width:100%;min-height:200px;resize:vertical;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--mono);font-size:13px;padding:12px;line-height:1.6}textarea:focus{outline:none;border-color:var(--accent)}.targets{display:flex;gap:8px;flex-wrap:wrap}.target-btn{flex:1;min-width:100px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;color:var(--text-dim);padding:12px 10px;font-size:14px;cursor:pointer;transition:all .15s;font-weight:600}.target-btn:hover{border-color:var(--accent);color:var(--text)}.target-btn.active{border-color:var(--accent);color:var(--text);background:#6ea8fe1f;box-shadow:0 0 0 1px var(--accent) inset}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:13px 18px;border-radius:10px;border:none;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0b1020;font-size:15px;font-weight:700;cursor:pointer;transition:transform .1s,opacity .15s}.btn:hover{opacity:.92}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);margin-top:10px}.output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.out-actions{display:flex;gap:6px;flex-shrink:0}.copy-btn{background:var(--bg-soft);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer}.copy-btn:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.copy-btn:disabled{opacity:.45;cursor:not-allowed}.profile-box{margin-top:16px;border:1px solid var(--border);border-radius:10px;background:#a78bfa0d;padding:4px 14px 14px}.profile-box summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text);padding:10px 0;list-style:none}.profile-box summary::-webkit-details-marker{display:none}.profile-box summary:before{content:"▸";color:var(--accent-2);margin-right:8px;display:inline-block;transition:transform .15s}.profile-box[open] summary:before{transform:rotate(90deg)}.profile-box summary code{font-family:var(--mono);font-size:12px;color:var(--accent)}.profile-desc{margin:0 0 12px;font-size:12px;color:var(--text-dim);line-height:1.55}pre.profile-json{min-height:auto;max-height:280px}pre.output{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:14px;font-family:var(--mono);font-size:13px;white-space:pre-wrap;word-break:break-word;margin:0;min-height:200px;max-height:420px;overflow:auto}.empty{color:var(--text-dim);font-style:italic}.portability{margin-top:18px}.port-row{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-top:1px solid var(--border);font-size:13px}.port-row:first-of-type{border-top:none}.pill{flex-shrink:0;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;margin-top:1px}.pill.ok{background:#3fb95026;color:var(--good)}.pill.partial,.pill.manual{background:#d2992226;color:var(--warn)}.pill.no,.pill.none{background:#f8514926;color:var(--bad)}.pill.check{background:#6ea8fe26;color:var(--accent)}.port-text strong{color:var(--text)}.port-text span{color:var(--text-dim)}.port-text .cat-desc{color:var(--text-dim);opacity:.78;font-size:12px}.legend{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.legend .pill{font-size:10px}.guide-note{margin-top:12px;font-size:12px;color:var(--text-dim);background:#6ea8fe0f;border:1px solid var(--border);border-radius:8px;padding:10px 12px;line-height:1.55}.guide-note strong{color:var(--text)}.port-disclaimer{margin:12px 0 0;font-size:11.5px;color:var(--text-dim);opacity:.85;line-height:1.55;border-top:1px dashed var(--border);padding-top:10px}footer.foot{text-align:center;margin-top:48px;color:var(--text-dim);font-size:13px}footer.foot a{color:var(--accent);text-decoration:none}.phase2-note{margin-top:14px;font-size:12px;color:var(--text-dim);background:#a78bfa0f;border:1px dashed var(--border);border-radius:8px;padding:10px 12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--good);color:#07210d;font-weight:700;font-size:14px;padding:10px 22px;border-radius:999px;opacity:0;pointer-events:none;transition:all .25s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.import-box{margin-top:14px;border:1px solid var(--border);border-radius:10px;background:#6ea8fe0d;padding:4px 14px 14px}.import-box summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text);padding:10px 0;list-style:none}.import-box summary::-webkit-details-marker{display:none}.import-box summary:before{content:"▸";color:var(--accent);margin-right:8px;display:inline-block;transition:transform .15s}.import-box[open] summary:before{transform:rotate(90deg)}.import-box summary code{font-family:var(--mono);font-size:12px;color:var(--accent)}.import-desc{margin:0 0 12px;font-size:12px;color:var(--text-dim);line-height:1.55}.import-desc strong{color:var(--text)}.import-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.import-actions .btn{margin-top:0}.file-btn{display:inline-flex;align-items:center;cursor:pointer}.import-paste{width:100%;min-height:90px;resize:vertical;box-sizing:border-box}.import-msg{margin-top:10px;font-size:12.5px;line-height:1.55;border-radius:8px;padding:10px 12px}.import-msg.ok{color:var(--text);background:#3fb9501a;border:1px solid rgba(63,185,80,.4)}.import-msg.error{color:var(--text);background:#f851491a;border:1px solid rgba(248,81,73,.45)}.import-status{margin-top:10px;font-size:12px;color:var(--text-dim);background:#a78bfa0f;border:1px dashed var(--border);border-radius:8px;padding:10px 12px;line-height:1.55}.output .try-sample{display:block;width:auto;margin-top:14px;font-style:normal;font-size:13px;padding:9px 14px}