.byos-page{max-width:1320px;margin:auto;padding:38px 36px 24px}.byos-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center;padding:28px 6px 48px}.byos-hero h1{font-size:clamp(32px,3.4vw,46px);letter-spacing:-.05em;line-height:1.35;margin:13px 0 17px}.byos-hero p{font-size:17px;line-height:1.8;color:var(--muted)}.byos-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.byos-tags span{font-size:12px;background:#eaf1ff;border-radius:30px;padding:8px 12px;color:#2453a6}.byos-flow{display:grid;padding:10px 28px;background:#101c32;color:#fff;border-radius:20px}.byos-flow div{padding:22px 0 22px 40px;position:relative;border-bottom:1px solid #2b364a}.byos-flow div:last-child{border:0}.byos-flow span{position:absolute;left:0;top:25px;font-size:12px;color:#8db2ff;font-variant-numeric:tabular-nums}.byos-flow strong{display:block;font-size:17px}.byos-flow small{display:block;color:#aebed8;font-size:13px;margin-top:6px}.byos-workbench{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:24px;min-width:0}.byos-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.byos-section-head h2{font-size:24px;letter-spacing:-.04em;margin:6px 0 0}.byos-status{font-size:12px;border:1px solid #dce4ef;padding:7px 12px;border-radius:7px;color:#4c6388;background:#f8faff;overflow-wrap:anywhere;max-width:45%}.byos-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}.byos-provider{display:flex;gap:13px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px 16px;min-height:91px;position:relative;color:var(--ink);cursor:pointer}.byos-provider.selected{border-color:#246bfd;background:#f3f7ff;box-shadow:0 0 0 1px #246bfd}.byos-provider strong{display:block;font-size:17px}.byos-provider small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.ai-monogram{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:22px;background:#e7f1ed;color:#17714c;flex-shrink:0}.ai-monogram.claude{background:#fbede6;color:#ae6447;font-size:31px}.ai-monogram.gemini{background:#edeffc;color:#6471dc;font-size:29px}.provider-check{position:absolute;right:11px;top:9px;font-size:12px;color:#246bfd;display:none}.selected .provider-check{display:block}.byos-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.byos-grid>section{min-width:0}.byos-prepare{padding-right:30px;border-right:1px solid var(--line)}.byos-step{display:flex;align-items:center;gap:10px;margin-bottom:12px}.byos-step span{display:grid;place-items:center;background:#edf3ff;color:#246bfd;font-size:12px;border-radius:6px;width:24px;height:24px}.byos-step h3{margin:0;font-size:17px}.byos-muted{font-size:14px;color:var(--muted);line-height:1.75;margin:10px 0 18px}.byos-page form{display:grid;gap:17px}.byos-page label{display:grid;gap:8px;font-size:13px;font-weight:550;position:relative}.byos-optional{font-size:11px;color:var(--muted);position:absolute;right:0;top:0;font-weight:400}.byos-page input,.byos-page select,.byos-page textarea{width:100%;max-width:100%;background:#fff;border:1px solid #d7e0eb;border-radius:8px;font-family:inherit;font-size:14px;color:var(--ink);padding:12px;line-height:1.5}.byos-page textarea{resize:vertical;min-height:76px}.byos-page textarea:focus,.byos-page input:focus,.byos-page select:focus{outline:2px solid #a4c3ff;outline-offset:2px}.byos-page button:disabled{opacity:.55;cursor:not-allowed}.byos-full{width:100%;justify-content:center}.byos-caption{font-size:12px!important;color:var(--muted)!important;line-height:1.8;margin:12px 0 0}.byos-caption a,.byos-muted a{color:#246bfd}.byos-guide-panel h4{font-size:18px;margin:14px 0 9px}.byos-guide-panel ol{padding-left:22px;font-size:14px;line-height:1.8;color:var(--muted)}.byos-guide-panel li{padding:4px 0}.byos-guide-panel p{font-size:14px;line-height:1.75;color:var(--muted)}.byos-code{margin:16px 0 12px;padding:13px;border:1px solid #e1e7f0;background:#f8faff;border-radius:9px;display:flex;gap:12px;align-items:center;justify-content:space-between}.byos-code code{font-size:12px;overflow-wrap:anywhere}.byos-code button{flex-shrink:0;min-height:38px;font-size:12px;padding:7px 11px}.byos-connection-note{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.byos-connection-note strong{font-size:13px}.byos-connection-note p,.byos-connection-note a{font-size:12px}.byos-notice{background:#edf3ff;padding:13px;border-radius:9px;font-size:13px;line-height:1.8;margin:10px 0 20px}.byos-error{color:#a72438;background:#fff0f2;border:1px solid #ffd0d6;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;line-height:1.7}.byos-packet-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 8px}.byos-packet-actions .button{font-size:13px}.byos-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.byos-meta>div{padding:13px;background:#f6f8fc;border-radius:8px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.byos-meta strong{display:block;color:var(--ink);font-size:14px;margin-top:5px}.byos-details{margin:20px 0}.byos-details summary,.byos-bottom-grid summary{cursor:pointer;font-weight:550;font-size:15px;line-height:1.7}.byos-details pre{max-height:300px;overflow:auto;background:#f6f8fc;padding:18px;font-size:12px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.byos-return{padding-top:22px;border-top:1px solid var(--line)}.byos-answer{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f6f8fc;border-radius:10px;font-size:13px;line-height:1.9;max-height:460px;overflow:auto;margin-bottom:16px}.byos-history-item{display:grid;grid-template-columns:minmax(0,1fr) 130px 120px 80px;align-items:center;gap:14px;border-top:1px solid var(--line);padding:15px 0;font-size:13px}.byos-history-item:first-child{border-top:0}.byos-history-item strong{display:block;font-size:14px}.byos-history-item small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.byos-history-item .byos-status{max-width:100%;justify-self:start}.byos-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.byos-bottom-grid .byos-workbench{padding:23px;margin:0}.byos-detail-body p{font-size:13px;line-height:1.85;color:var(--muted);margin:13px 0}.byos-detail-body h3{font-size:15px;margin:24px 0 10px}.byos-detail-body a{font-size:13px}.byos-detail-body pre{background:#f5f7fb;border-radius:8px;padding:13px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.byos-page p{word-break:keep-all;overflow-wrap:anywhere}.byos-page .page-footer{line-height:1.8}
@media(max-width:900px){.byos-page{padding:24px}.byos-hero{gap:28px}.byos-provider{padding:17px 12px;gap:8px}.byos-provider small{font-size:11px}.byos-grid{gap:24px}.byos-prepare{padding-right:24px}.byos-workbench{padding:24px}.byos-hero h1{font-size:34px}.byos-history-item{grid-template-columns:1fr 95px 90px 70px}}
@media(max-width:767px){.byos-page{padding:16px}.byos-hero{display:block;padding:22px 2px 30px}.byos-hero h1{font-size:34px}.byos-hero p{font-size:15px}.byos-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 16px;margin-top:25px;border-radius:14px}.byos-flow div{border:0;padding:0}.byos-flow span{position:static;display:block;margin-bottom:8px}.byos-flow strong{font-size:13px}.byos-flow small{font-size:11px;line-height:1.7;margin-top:7px}.byos-section-head{align-items:flex-start;flex-direction:column;gap:10px}.byos-section-head h2{font-size:22px}.byos-status{max-width:100%}.byos-workbench{padding:20px 17px;border-radius:14px;margin-bottom:18px}.byos-providers{gap:8px}.byos-provider{flex-direction:column;align-items:flex-start;gap:9px;padding:13px 10px;min-height:117px}.byos-provider strong{font-size:14px}.byos-provider small{font-size:10px;line-height:1.6}.ai-monogram{width:29px;height:29px;border-radius:8px;font-size:18px}.ai-monogram.claude,.ai-monogram.gemini{font-size:23px}.byos-grid{grid-template-columns:1fr;gap:24px}.byos-prepare{padding:0 0 23px;border:0;border-bottom:1px solid var(--line)}.byos-code{gap:8px;padding:10px;flex-wrap:wrap}.byos-meta{grid-template-columns:1fr 1fr}.byos-bottom-grid{grid-template-columns:1fr;gap:16px}.byos-history-item{grid-template-columns:1fr auto;gap:10px}.byos-history-item time{font-size:11px;color:var(--muted)}.byos-history-item .button{grid-column:2}.byos-page input,.byos-page select,.byos-page textarea{font-size:16px}.byos-packet-actions .button{min-height:44px}.byos-page .page-footer{gap:15px;flex-wrap:wrap}.header-right>a[href='/desktop']{display:none}}
body.compact .byos-page{max-width:560px}body.compact .byos-hero{display:block}body.compact .byos-hero h1{font-size:34px}body.compact .byos-flow{margin-top:22px}body.compact .byos-grid,body.compact .byos-bottom-grid{grid-template-columns:1fr}body.compact .byos-prepare{padding:0 0 22px;border:0;border-bottom:1px solid var(--line)}body.compact .byos-providers{grid-template-columns:1fr}body.compact .byos-provider{flex-direction:row;min-height:70px;align-items:center}body.compact .byos-section-head{align-items:flex-start;flex-direction:column}body.compact .byos-meta{grid-template-columns:1fr 1fr}body.compact .byos-history-item{grid-template-columns:1fr auto}