@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
:root{--ink:#102a43;--muted:#627d98;--paper:#f4f7fa;--white:#fff;--orange:#ef6541;--sky:#dcecf6;--line:#d6e1e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Noto Sans SC',sans-serif}.shell{max-width:1080px;margin:auto;padding:0 28px}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-weight:800;text-decoration:none}.brand>span{display:inline-grid;place-items:center;width:29px;height:33px;background:var(--ink);color:#fff;border-radius:50%;margin-right:8px}.brand small,header em{font:12px 'DM Mono';color:var(--muted);font-style:normal;margin-left:7px}.intro{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end;padding:42px 0 32px}.eyebrow{margin:0 0 10px;color:var(--orange);font:700 13px 'DM Mono';letter-spacing:.08em}.intro h1{font-size:44px;line-height:1.25;letter-spacing:-.06em;margin:0}.intro h1 i{font-family:'Playfair Display';color:var(--orange)}.intro>div>p:last-child{color:var(--muted);max-width:600px}.mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--ink);color:#fff;padding:22px;border-radius:5px;box-shadow:8px 8px var(--sky)}.mode strong{grid-column:1/-1;margin-bottom:7px}.mode button{padding:12px;border:1px solid #456078;background:transparent;color:#dce8f1;font:600 14px inherit;cursor:pointer}.mode button.active{background:var(--orange);border-color:var(--orange);color:#fff}.studio{background:var(--white);border:1px solid var(--line);padding:34px 38px;border-radius:6px;box-shadow:0 12px 30px #102a430d}.flow-head,.result-head{display:flex;justify-content:space-between;gap:20px}.flow-head h2,.result h2{margin:0;font-size:27px;letter-spacing:-.04em}.flow-head>span{font:14px 'DM Mono';color:var(--muted);white-space:nowrap}.progress{height:4px;background:#eaf0f2;margin:24px 0}.progress span{display:block;height:100%;background:var(--orange);transition:width .2s}.hint{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.choice{min-height:62px;padding:14px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:600 15px inherit;text-align:left;cursor:pointer}.choice.selected{border:2px solid var(--orange);padding:13px;background:#fff7f3}.actions{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}button{font-family:inherit}.plain{border:0;background:transparent;color:var(--muted);padding:10px;cursor:pointer;font-weight:600}.primary{border:0;border-radius:3px;background:var(--ink);color:#fff;padding:12px 18px;cursor:pointer;font-weight:700;box-shadow:3px 3px var(--sky)}button:disabled{opacity:.45;cursor:default}.error{min-height:22px;color:#b43321;font-size:14px}textarea,input,select{width:100%;border:1px solid #b7c8d4;border-radius:4px;padding:11px;font:inherit;color:var(--ink);background:#fff}textarea{min-height:110px;resize:vertical}.field{display:block;margin:16px 0 7px;font-weight:600}.refs{display:grid;gap:14px}.ref{border:1px solid var(--line);background:#f8fbfd;border-radius:5px;padding:17px}.ref legend{font-weight:700}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.checks label{font-size:14px}.checks input{width:auto;margin-right:7px;accent-color:var(--orange)}.result{padding:46px 0}.result-head{align-items:center}.result pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eaf4fa;border:1px solid #d4e5ee;border-left:5px solid var(--ink);padding:25px;min-height:130px;font:15px/1.85 'Noto Sans SC';color:#274c6a}.loading{padding:25px;color:var(--muted)}.ad-slot{min-height:82px;margin:28px 0 8px;border:1px dashed #b7c8d4;border-radius:5px;background:#edf3f6;color:#7890a3;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.ad-slot span{font:700 12px 'DM Mono';letter-spacing:.08em}.ad-slot small{font-size:12px}.ad-slot-compact{min-height:64px;margin:6px 0 28px}footer{display:grid;grid-template-columns:1fr auto;gap:9px 24px;align-items:center;border-top:1px solid var(--line);padding:22px 0 34px;color:var(--muted);font-size:13px}footer nav{display:flex;gap:16px}footer a{color:var(--ink);text-decoration:none}footer a:hover{text-decoration:underline}#icp-record{grid-column:1/-1;color:#7890a3;width:max-content}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #2678b2;outline-offset:3px}@media(max-width:720px){.shell{padding:0 17px}header em,.brand small{display:none}.intro{display:block;padding-top:32px}.intro h1{font-size:35px}.mode{margin:25px 0 5px}.studio{padding:24px 17px}.grid{grid-template-columns:repeat(2,1fr)}.checks{grid-template-columns:1fr}.actions{flex-wrap:wrap}.flow-head h2{font-size:23px}.result-head h2{font-size:23px}.ad-slot{min-height:58px;flex-direction:column;gap:1px;margin:20px 0}.ad-slot-compact{margin:0 0 20px}footer{display:block}footer>div span,#icp-record{display:block}footer nav{margin:12px 0;flex-wrap:wrap;gap:8px 16px}}