:root{color-scheme:light;--bg: #f3f5f9;--panel: #ffffff;--line: #d8e0ea;--text: #0f172a;--muted: #64748b;--primary: #1d4ed8;--danger: #b91c1c}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,sans-serif}html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);padding:16px}.container{width:100%;max-width:1120px;margin:0 auto;display:grid;gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 2px 10px #0f172a0a}h1,h2{margin:0 0 10px}h1{font-size:20px}h2{font-size:16px}p{margin:0;color:var(--muted);line-height:1.5}.muted-link{color:#1d4ed8;text-decoration:none;font-weight:600}.muted-link:hover{text-decoration:underline}.hint{font-size:13px;color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe;border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-word}.hint.warn{color:#7f1d1d;background:#fee2e2;border-color:#fecaca}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.field{display:grid;gap:4px}.kv{display:grid;grid-template-columns:1fr;gap:8px}.kv>div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.kv strong{color:#334155}.kv span{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:right;word-break:break-all}label{font-size:12px;color:var(--muted);font-weight:600}input{width:100%;max-width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:44px;font-size:16px;background:#fff}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.primary-wide{width:100%}button{border:none;border-radius:8px;background:var(--primary);color:#fff;min-height:44px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer}button:active{transform:translateY(1px)}button.secondary{background:#334155}button.danger{background:var(--danger)}button:disabled{opacity:.6;cursor:not-allowed}.status{margin-top:10px;border:1px solid transparent;border-radius:8px;padding:10px;font-size:13px;font-weight:600}.status-info{color:#1e3a8a;background:#dbeafe;border-color:#bfdbfe}.status-success{color:#14532d;background:#dcfce7;border-color:#bbf7d0}.status-warn{color:#78350f;background:#fef3c7;border-color:#fde68a}.status-error{color:#7f1d1d;background:#fee2e2;border-color:#fecaca}#log{background:#0b1020;color:#e2e8f0;border-radius:8px;min-height:180px;max-height:300px;overflow:auto;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}@media (max-width: 840px){body,.card{padding:12px}.grid{grid-template-columns:1fr}.actions{gap:8px}.actions button{flex:1 1 calc(50% - 4px);min-width:140px}}@media (max-width: 520px){body,.card{padding:10px}h1{font-size:18px}h2{font-size:15px}.actions button{flex:1 1 100%;width:100%;min-width:0}#log{min-height:160px;max-height:220px}}