.studio-subpage .sp-prose>*+p{margin-top:20px}.studio-subpage .sp-prose ul{list-style:outside}.studio-subpage .sp-prose ol{list-style:decimal}.studio-subpage .spx-aside{border:1px solid var(--line);background:#fff;border-top:2px solid #ccd7df;padding:26px;position:sticky;top:30px}.studio-subpage .spx-aside:has(.spx-backdrop){z-index:40}.studio-subpage .spx-facts{gap:16px;display:grid}.studio-subpage .spx-facts>div+div{border-top:1px solid var(--line);padding-top:16px}.studio-subpage .spx-fact-label{font-family:var(--font-jetbrains-mono),ui-monospace,monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-size:11px;line-height:1.5}.studio-subpage .spx-fact-value{color:var(--ink);margin-top:3px;font-size:16px;line-height:1.5}.studio-subpage .spx-aside-actions{gap:10px;margin-top:24px;display:grid}.studio-subpage .spx-aside-actions>button{width:100%}.studio-subpage .spx-ghost{color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #c9d3db;justify-content:center;align-items:center;gap:10px;padding:16px 23px;font-size:14px;font-weight:500;line-height:1.4;transition:border-color .2s;display:inline-flex}.studio-subpage .spx-ghost:hover{border-color:var(--ink)}.studio-subpage .spx-ghost svg,.studio-subpage button.studio-button svg{stroke-width:1.5px;width:16px;height:16px}.studio-subpage .spx-ok{color:#1d7a46}.studio-subpage .spx-ghost:focus-visible,.studio-subpage button.studio-button:focus-visible,.studio-subpage .spx-chip:focus-visible,.studio-subpage .spx-iconbtn:focus-visible,.studio-subpage .spx-modal-close:focus-visible,.studio-subpage .spx-legend button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.studio-subpage .spx-backdrop{z-index:50;background:#0f1b25b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.studio-subpage .spx-modal{border:1px solid var(--line);width:100%;max-width:520px;max-height:90vh;color:var(--ink);background:#fff;padding:34px 36px;position:relative;overflow-y:auto}.studio-subpage .spx-modal--sm{max-width:460px}.studio-subpage .spx-modal h3{padding-right:36px}.studio-subpage .spx-modal-ref{margin:6px 0 24px;font-size:14px}.studio-subpage .spx-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px;display:flex;position:absolute;top:12px;right:12px}.studio-subpage .spx-modal-close:hover{color:var(--ink)}.studio-subpage .spx-modal-close svg{stroke-width:1.5px;width:20px;height:20px}.studio-subpage .spx-modal .studio-button{width:100%}.studio-subpage .spx-modal-label{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.studio-subpage .spx-expert-head{align-items:flex-start;gap:16px;margin-bottom:20px;padding-right:36px;display:flex}.studio-subpage .spx-expert-head h3{padding-right:0}.studio-subpage .spx-avatar{background:var(--wash);border:1px solid var(--line);width:56px;height:56px;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.studio-subpage .spx-code{font-family:var(--font-jetbrains-mono),ui-monospace,monospace;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.studio-subpage .spx-expert-head .sp-tags{margin-top:10px}.studio-subpage .spx-inline-meta{color:var(--muted);flex-wrap:wrap;gap:6px 20px;margin-bottom:20px;font-size:13px;display:flex}.studio-subpage .spx-inline-meta span{align-items:center;gap:6px;display:flex}.studio-subpage .spx-inline-meta svg{stroke-width:1.5px;width:15px;height:15px}.studio-subpage .spx-modal-text{margin-bottom:24px;font-size:15px;line-height:1.7}.studio-subpage .spx-modal-block{margin-bottom:24px}.studio-subpage .spx-modal-block h4{font-family:var(--font-jetbrains-mono),ui-monospace,monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.studio-subpage .spx-modal-block .sp-tags{margin-top:10px}.studio-subpage .spx-meter-label{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.studio-subpage .spx-meter{background:var(--wash);height:6px}.studio-subpage .spx-meter>div{background:var(--orange);height:100%}.studio-subpage .spx-share-links{flex-wrap:wrap;gap:10px;margin:22px 0 26px;display:flex}.studio-subpage .spx-embed{position:relative}.studio-subpage .spx-embed pre{background:var(--wash);border:1px solid var(--line);font-family:var(--font-jetbrains-mono),ui-monospace,monospace;color:var(--muted);white-space:pre-wrap;word-break:break-all;margin:0;padding:14px 48px 14px 14px;font-size:12px;line-height:1.6;overflow-x:auto}.studio-subpage .spx-embed button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;padding:7px;display:flex;position:absolute;top:8px;right:8px}.studio-subpage .spx-embed button:hover{border-color:var(--ink);color:var(--ink)}.studio-subpage .spx-embed button svg{stroke-width:1.5px;width:16px;height:16px}.studio-subpage .spx-embedded{padding-bottom:0}.studio-subpage .spx-toolbar{gap:16px;margin:48px 0 28px;display:grid}.studio-subpage .spx-search-row{gap:10px;display:flex}.studio-subpage .spx-search{flex:1;position:relative}.studio-subpage .spx-search>svg{color:#7b8a96;stroke-width:1.5px;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.studio-subpage .spx-search input{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #c9d3db;padding:14px 44px;font-size:15px}.studio-subpage .spx-search input::placeholder{color:#8a98a4;opacity:1}.studio-subpage .spx-search input:focus{outline-offset:0;border-color:#c0701a;outline:2px solid #f7c98a}.studio-subpage .spx-search button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.studio-subpage .spx-search button svg,.studio-subpage .spx-chip svg{stroke-width:1.5px;width:14px;height:14px}.studio-subpage .spx-iconbtn{width:52px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #c9d3db;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex}.studio-subpage .spx-iconbtn:hover{border-color:var(--ink);color:var(--ink)}.studio-subpage .spx-iconbtn svg{stroke-width:1.5px;width:18px;height:18px}.studio-subpage .spx-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.studio-subpage .spx-chip{border:1px solid var(--line);font-family:var(--font-jetbrains-mono),ui-monospace,monospace;letter-spacing:.3px;color:var(--muted);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:6px 11px;font-size:11px;line-height:1.5;transition:border-color .2s,color .2s;display:inline-flex}.studio-subpage .spx-chip:hover{color:var(--ink);border-color:#9fb0bd}.studio-subpage .spx-chip--quiet{background:var(--wash);border-color:#0000}.studio-subpage .spx-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.studio-subpage .spx-chip button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.studio-subpage span.spx-chip{cursor:default}.studio-subpage .spx-small{color:var(--muted);font-size:12px}.studio-subpage button.spx-small{font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #a5aaa1;padding:0;font-size:12px}.studio-subpage button.spx-small:hover{color:var(--ink);border-color:var(--orange)}.studio-subpage .spx-chart-scroll{overflow-x:auto}.studio-subpage .spx-chart{width:100%;min-width:620px;position:relative}.studio-subpage .spx-chart svg{width:100%;height:100%}.studio-subpage .spx-dot{cursor:pointer;transition:r .2s}.studio-subpage .spx-legend{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 18px;margin-top:18px;padding-top:18px;display:flex}.studio-subpage .spx-legend:empty{display:none}.studio-subpage .spx-legend button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;display:flex}.studio-subpage .spx-legend button:hover{color:var(--ink)}.studio-subpage .spx-swatch{border-radius:50%;width:9px;height:9px}@media (max-width:760px){.studio-subpage .spx-aside{order:-1;padding:22px 20px;position:static}.studio-subpage .spx-modal{padding:28px 20px}.studio-subpage .spx-toolbar{margin-top:36px}}@media (prefers-reduced-motion:reduce){.studio-subpage .spx-dot,.studio-subpage .spx-chip,.studio-subpage .spx-ghost,.studio-subpage .spx-iconbtn{transition:none}}.studio-subpage .spx-aside-note{color:var(--muted);margin-top:16px;font-size:13px}.studio-subpage .spx-aside-note a{color:var(--accent);overflow-wrap:anywhere;border-bottom:1px solid #e3c4a3}
