:root{color-scheme:light;--ink:#10182b;--muted:#566176;--purple:#6346d7;--line:#dfe3ed}*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:#5035bd}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9479f7;outline-offset:3px}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none}.brand img{width:42px;height:42px}.hero{max-width:850px;padding:22px 0}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--purple);text-transform:uppercase}h1{font-size:clamp(32px,5vw,52px);line-height:1.1;letter-spacing:-1.5px;margin:12px 0 18px}h2{font-size:23px;line-height:1.3;margin:0 0 10px}h3{margin:10px 0;font-size:19px}p{color:var(--muted)}.notice{border:1px solid #d9cff9;background:#f0ebff;padding:14px 18px;border-radius:12px;color:#37265b;font-size:14px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:26px;min-width:0;box-shadow:0 8px 30px #17204005}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.step,.badge{font-size:12px;font-weight:700;white-space:nowrap;color:var(--purple);background:#f0ebff;border-radius:30px;padding:5px 10px}.help{font-size:14px;margin:7px 0 18px;min-height:42px}label{display:block;font-weight:650;font-size:14px;margin:14px 0 6px}input,select{width:100%;padding:11px 12px;border:1px solid #cbd1df;border-radius:9px;background:#fff;color:var(--ink);min-height:46px}small{display:block;color:var(--muted);font-size:12px;margin:5px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:0;border-radius:10px;padding:11px 17px;cursor:pointer;background:var(--purple);color:white;text-decoration:none;font-weight:700;font-size:14px}button.secondary{background:#edf0f6;color:#243047}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}.status{padding:14px;border-radius:10px;background:#f3f5f9;font-size:14px;margin:18px 0}.status.success{background:#eaf7f0;color:#185c3d}.status.error{background:#fff0ed;color:#8d3022}.record{border:1px solid var(--line);padding:18px;border-radius:12px;margin:16px 0;background:#fcfcff}.record.selected{border-color:#8d74ea;box-shadow:0 0 0 2px #eee8ff}.record-top{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}dl{display:grid;grid-template-columns:95px 1fr;gap:8px;margin:14px 0 0;font-size:14px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.activity{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.activity ol{padding-left:20px;font-size:14px;color:var(--muted)}.activity li{margin:10px 0}.next{background:#111a30;color:white;padding:28px;border-radius:18px;margin:28px 0}.next p{color:#d1d6e4}.next .button{background:#8064ed}.scope{display:grid;grid-template-columns:1fr 1fr;gap:24px}footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:760px){header,main,footer{padding:18px}.workspace,.scope{grid-template-columns:1fr}.panel{padding:20px}.hero{padding-top:8px}header>a:last-child{font-size:13px}.actions button{flex:1}.panel-head{gap:8px}}@media(prefers-reduced-motion:no-preference){.record.selected{animation:appear .25s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}}