@font-face{font-family:'IBM Plex Sans';src:url('../../assets/fonts/IBMPlexSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('../../assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{font-family:'IBM Plex Sans','Microsoft YaHei',sans-serif;color:#253832;background:#faf9f5;font-size:17px;line-height:1.75;--green:#155f56;--muted:#59665f;--line:#d8dfd6}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:5px}button,a,input,select,[tabindex]{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #b2542e;outline-offset:4px}.masthead,main,footer{width:min(1180px,calc(100% - 64px));margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;min-height:88px;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:23px;font-weight:600;text-decoration:none;color:#243832}.brand span{font-size:14px;font-weight:400;margin-left:10px}.masthead nav{display:flex;gap:26px;font-size:15px}.masthead nav a{text-decoration:none}.intro{padding:60px 0 34px}.eyebrow,.overline{font-size:12px;letter-spacing:.11em;font-weight:600;color:#735437;margin:0 0 16px}h1{font-size:clamp(32px,4.2vw,52px);font-weight:600;line-height:1.35;letter-spacing:-.035em;margin:0 0 24px}h2{font-size:24px;line-height:1.45;margin:0 0 12px;font-weight:600}h3{font-size:20px;margin:12px 0}p{margin:0 0 16px}.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px}.intro-bottom p{font-size:19px;margin:0}.tech{font-size:13px;color:#305481;background:#e7edf5;border-radius:4px;padding:6px 12px;white-space:nowrap}.disclosure{font-size:14px;color:var(--muted);margin:16px 0 0}.studio{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;box-shadow:0 10px 32px #163f2b06}.controls{padding:30px;background:#f0f2eb;border-right:1px solid var(--line)}.controls h2{font-size:23px}.muted{color:var(--muted)}.controls p{font-size:15px}.controls label[for]{display:block;font-weight:600;font-size:15px;margin:28px 0 10px}.controls .ant-select{width:100%}.controls fieldset{border:0;padding:0;margin:26px 0}.controls legend{font-size:15px;font-weight:600;margin-bottom:12px}.controls .ant-radio-group{display:grid;gap:14px}.primary-actions{display:flex;gap:10px;margin-top:28px;margin-bottom:10px}.primary-actions .ant-btn{flex:1}.experiment-tip{border-top:1px solid #d4dbcf;margin-top:30px;padding-top:22px}.experiment-tip span{font-size:13px;font-weight:600;color:#6a5037}.experiment-tip p{font-size:14px;margin-top:10px}.output{padding:30px;min-width:0}.output-heading{display:flex;justify-content:space-between;gap:16px}.attempt{font-size:13px;color:var(--muted);padding-top:4px;white-space:nowrap}.status-line{display:grid;grid-template-columns:10px 1fr;column-gap:10px;background:#f4f6f1;border:1px solid #e1e6dc;border-radius:6px;padding:14px 16px;font-size:14px}.status-line>span:last-child{grid-column:2;color:var(--muted)}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--green);margin-top:9px}.status-line[data-phase=error] .status-dot{background:#a52a32}.active{animation:breathe 1.5s ease-in-out infinite}.answer{min-height:290px;max-height:440px;overflow:auto;scrollbar-gutter:stable;padding:26px 8px 16px 0;overflow-wrap:anywhere}.answer>p{white-space:pre-wrap;font-size:17px;line-height:1.95;margin:0;display:inline}.empty{padding:34px 5px;color:#59665f}.empty>span{font-size:48px;font-weight:600;color:#9aaa9d;letter-spacing:-3px}.empty p{margin:8px 0;font-size:17px}.empty small{font-size:13px}.cursor{display:inline-block;height:1em;width:3px;background:var(--green);margin-left:3px;vertical-align:middle;animation:breathe 1s infinite}.recovery{display:grid;gap:12px;padding:10px 0 18px}.recovery .ant-btn{justify-self:start}.output-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;font-size:13px}.copy-status{font-size:13px;min-height:22px;margin:10px 0 0}.reading{padding:64px 0}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0}.reading article{border-top:1px solid var(--line);padding-top:18px}.reading article>span{font-size:13px;color:#8c4c2b}.reading article p{font-size:16px;color:var(--muted)}.text-link{font-size:16px}footer{padding:24px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:14px}.skip{position:absolute;top:4px;left:10px;transform:translateY(-150%);background:white;padding:8px;z-index:9}.skip:focus{transform:none}.no-script{padding:24px}::selection{background:#d3e5d6}@keyframes breathe{50%{opacity:.4}}@media(max-width:800px){.studio{grid-template-columns:260px minmax(0,1fr)}.controls,.output{padding:22px}.output-footer{align-items:flex-start;flex-direction:column}.intro-bottom{align-items:flex-start;flex-direction:column}.primary-actions{flex-wrap:wrap}}@media(max-width:620px){.masthead,main,footer{width:calc(100% - 32px)}.masthead{flex-wrap:wrap;gap:8px;padding:18px 0}.masthead nav{gap:20px;font-size:14px;flex-wrap:wrap}.intro{padding:36px 0 26px}.intro-bottom p{font-size:17px}.studio{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line);padding:24px}.output{padding:24px 20px}.controls .ant-radio-group{display:flex;flex-wrap:wrap;gap:12px}.controls fieldset{margin:20px 0}.controls label[for]{margin-top:18px}.experiment-tip{display:none}.primary-actions{margin-top:20px}.reading{padding:42px 0}.reading-grid{grid-template-columns:1fr;gap:10px}.answer{min-height:230px}footer{flex-direction:column;gap:8px}.output-footer{flex-direction:row;align-items:center}.output-footer .muted{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media print{.controls,.masthead nav,.recovery,.output-footer{display:none}.studio{display:block;border:0}.answer{max-height:none;overflow:visible}.intro{padding:20px 0}}