:root{color-scheme:light;--ink:#152a46;--blue:#2456b5}*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:var(--ink);font-family:system-ui,-apple-system,'PingFang SC',sans-serif;line-height:1.8}.wrap{max-width:1060px;margin:auto;padding:38px 24px 64px}a{color:var(--blue);text-underline-offset:4px}header{padding:32px 0}header small{font-size:11px;letter-spacing:.12em;color:#596d8c}h1{font-size:clamp(30px,5vw,48px);line-height:1.25;letter-spacing:-.035em;max-width:900px}h2{font-size:23px;line-height:1.5;margin-top:12px}header p{max-width:750px;font-size:17px;color:#4c5f7b}.trial-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}.trial-rail{display:grid;gap:10px;position:sticky;top:100px}.trial-rail button{background:transparent;color:#51637a;text-align:left;border:1px solid transparent;padding:14px;font-weight:600}.trial-rail span{font-variant-numeric:tabular-nums;margin-right:14px;color:#8190a5}.trial-rail button[aria-current=step]{background:#eaf0fc;border-color:#cfdbf2;color:#214c9a}.trial-work{background:white;border:1px solid #dbe3ee;padding:30px;border-radius:16px;min-width:0;box-shadow:0 12px 40px #193c6606}button,.trial-cta{cursor:pointer;border-radius:9px;min-height:44px;padding:12px 18px;background:var(--blue);color:#fff;border:0;font:inherit;font-size:15px;line-height:1.5;display:inline-block}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(.94)}:focus-visible{outline:3px solid #e4a128;outline-offset:3px}pre,#result-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fb;border:1px solid #dfe6f0;border-radius:10px;padding:20px;font:inherit;font-size:15px;color:#344963;line-height:1.9}textarea{font:inherit;font-size:16px;line-height:1.8;width:100%;border:1px solid #aebfd7;border-radius:10px;padding:15px;resize:vertical}.trial-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e2e8f0;padding-top:20px;margin-top:24px}.trial-pager #previous{background:#edf2f9;color:#344963}.check{display:flex;align-items:flex-start;gap:12px;margin:14px 0;cursor:pointer;min-height:44px}.check input{width:20px;height:20px;flex-shrink:0;margin-top:5px}fieldset{border:1px solid #d9e2ee;border-radius:10px;margin:20px 0;padding:15px}legend{padding:0 6px;font-weight:600}details{margin:20px 0}summary{cursor:pointer;font-weight:600;min-height:44px}.trial-cta{margin-top:12px;text-decoration:none}#trial-status{font-size:14px;color:#365e9c;min-height:24px}footer{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}footer button,#share{background:#e8eef7;color:#314c73}[hidden]{display:none!important}@media(max-width:700px){.wrap{padding:22px 16px 50px}.trial-layout{grid-template-columns:1fr}.trial-rail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.trial-rail button{font-size:13px;padding:10px}.trial-rail span{margin-right:8px}.trial-work{padding:21px 18px}h2{font-size:20px}pre{padding:14px}header{padding:18px 0}.trial-pager{position:static}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:root{scroll-padding-top:90px}[data-panel]{scroll-margin-top:90px}
.trial-ai-links{display:flex;flex-wrap:wrap;gap:12px}.trial-ai-links a{padding:10px 16px;border:1px solid #cbd7e9;border-radius:8px;text-decoration:none;min-height:44px;background:#f6f8fc}