.byo-section{border-top:1px solid var(--color-line)}.byo-step{background:var(--color-surface);min-width:0;box-shadow:0 0 0 1px var(--color-line);border-radius:18px;padding:24px}.byo-num{color:#fff;width:34px;height:34px;font-family:var(--font-mono);background:#6018f0;border-radius:50%;place-items:center;font-size:13px;display:grid}.byo-code{background:#120a2c;border-radius:10px;align-items:stretch;min-width:0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.byo-code code{white-space:nowrap;color:#e6defc;scrollbar-width:thin;flex:1;min-width:0;padding:10px 12px;font-size:12px;line-height:1.5;overflow-x:auto}.byo-code code.is-prompt{font-family:var(--font-display);white-space:normal;font-size:14px}.byo-code button{color:#fff;cursor:pointer;background:#ffffff0f;border:0;border-left:1px solid #ffffff1a;flex:none;padding:0 14px;font-size:12px;font-weight:600;transition:background .2s}.byo-code button:hover{background:#ffffff24}.byo-code.is-light{box-shadow:0 0 0 1px var(--color-line);background:#343b490d}.byo-code.is-light code{color:var(--color-ink)}.byo-code.is-light button{border-left-color:var(--color-line);background:var(--color-surface);color:#6018f0}.byo-code.is-light button:hover{background:#6018f00f}.byo-split{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;display:grid}.byo-side{border-radius:18px;padding:24px}.byo-side.is-agent{color:#fff;background:#120a2c}.byo-side.is-studio{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-line)}.byo-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.byo-side.is-agent .byo-kicker{color:#b9a1ff}.byo-side.is-studio .byo-kicker{color:#6018f0}.byo-side ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.byo-side li{gap:10px;font-size:14.5px;line-height:1.5;display:flex}.byo-side.is-agent li{color:#ffffffd1}.byo-side.is-agent li svg{color:#b9a1ff}.byo-side.is-studio li{color:#343b49d9}.byo-side.is-studio li svg{color:#6018f0}.byo-link{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:92px;display:flex}.byo-link span{background:linear-gradient(#0000,#7a3dff,#0000);flex:1;width:2px;max-height:60px}.byo-link b{font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;color:#fff;background:#6018f0;border-radius:999px;padding:5px 8px;font-size:9.5px;font-weight:500}.byo-term{color:#fff;background:#120a2c;border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 18px 40px -26px #140a2899}.byo-term-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:10px 14px;display:flex}.byo-term-bar i{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.byo-term-bar span{font-family:var(--font-mono);color:#ffffff8c;margin-left:8px;font-size:11px}.byo-term-body{gap:10px;padding:16px;font-size:14px;line-height:1.55;display:grid}.byo-term-you{color:#fff;margin:0}.byo-term-you span{color:#b9a1ff}.byo-term-tool{color:#ffffff73;margin:0;font-size:11.5px}.byo-term-done{color:#7ee8b8;margin:0;font-size:13px}.byo-term-note{color:#ffffff9e;border-top:1px solid #ffffff14;margin:auto 0 0;padding:12px 16px;font-size:13px;line-height:1.5}@media (max-width:767px){.byo-split{grid-template-columns:minmax(0,1fr)}.byo-link{flex-direction:row;width:auto;height:46px}.byo-link span{background:linear-gradient(90deg,#0000,#7a3dff,#0000);width:auto;max-width:60px;height:2px;max-height:none}}