.dev3-wide{max-width:860px}.dev3-wide code,.dev3-step code{font-family:var(--font-mono);background:var(--surface-sunk);overflow-wrap:anywhere;border-radius:6px;padding:1px 5px;font-size:12px}.dev3 a{color:var(--accent)}.dev3-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.dev3-step{box-sizing:border-box;border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:24px;display:flex}.dev3-n{color:var(--accent-ink,var(--accent));font-size:12px}.dev3-table-wrap{border:1px solid var(--hairline-strong);background:var(--surface);border-radius:16px;overflow-x:auto}.dev3-table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}.dev3-table th,.dev3-table td{text-align:left;border-top:1px solid var(--line,#0b0b0f14);white-space:nowrap;padding:12px 16px}.dev3-table thead th{color:var(--text-2);font-size:12px;font-weight:600;font-family:var(--font-mono);border-top:0}.dev3-table tbody th{font-weight:600}.dev3-table td.mono{font-variant-numeric:tabular-nums}.dev3-table tr.is-plan{background:#ff4d0a0d}.dev3-table tr.is-plan th{color:var(--accent-ink,var(--accent))}.pro4-panel.dev3-span8{grid-column:span 8}.pro4-panel.dev3-span7{grid-column:span 7}.pro4-panel.dev3-span5{grid-column:span 5}.dev3-checkout{grid-column:span 4}.dev3-code{color:#e9e6df;background:#0c0c10;border:1px solid #ffffff0f;border-radius:14px;min-width:0;margin:0;overflow:hidden}.dev3-code figcaption{font-family:var(--font-mono);color:#a7a39a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:12px;display:flex}.dev3-code figcaption .pro4-btn{color:#e9e6df;background:#ffffff0f;border-color:#ffffff24;height:32px;font-size:12px}.dev3-code pre{font-family:var(--font-mono);margin:0;padding:16px;font-size:12.5px;line-height:1.6;overflow-x:auto}.dev3-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.dev3-bars{align-items:flex-end;gap:3px;height:72px;padding-top:8px;display:flex}.dev3-bars>span{background:var(--accent);opacity:.8;border-radius:3px 3px 0 0;flex:1;min-width:2px}.dev3-hook{align-items:flex-start}.dev3-hook-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dev3-hook-main .pro4-meta{white-space:normal;overflow-wrap:anywhere;margin-left:0}.dev3-form{gap:12px}.dev3-field{color:var(--text-2);flex-direction:column;gap:6px;min-width:0;font-size:13px;display:flex}.dev3-field>.pro4-input{flex:none}.dev3-area{resize:vertical;height:88px;padding:10px 12px;line-height:1.5}.dev3-events{border:0;flex-wrap:wrap;gap:8px 16px;min-width:0;margin:0;padding:0;display:flex}.dev3-events legend{color:var(--text-2);margin-bottom:6px;padding:0;font-size:13px}.dev3-check{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}.dev3-check input{width:18px;height:18px;accent-color:var(--accent)}.dev3-check .pro3-soon{margin-left:6px}:root[data-theme=dark] .dev3-table-wrap{background:#ffffff05;border-color:#ffffff1a}@media (max-width:1100px){.dev3-steps,.dev3-two{grid-template-columns:1fr}.pro4-panel.dev3-span8,.pro4-panel.dev3-span7,.pro4-panel.dev3-span5,.dev3-checkout{grid-column:span 12}}@media (max-width:640px){.dev3-steps{gap:16px}.dev3-code pre{font-size:12px}.dev3-code figcaption .pro4-btn{height:44px}}