:root{--dev-guide-bg:rgba(6,17,31,.92);--dev-guide-card:rgba(12,38,54,.82);--dev-guide-line:rgba(120,233,255,.22);--dev-guide-cyan:#76e8ff;--dev-guide-muted:#a9c7d5;--dev-guide-ok:#8ef7b0;--dev-guide-warn:#ffd076}
.dev-guide-shell{border:1px solid var(--dev-guide-line);background:linear-gradient(135deg,rgba(14,44,64,.88),rgba(5,14,26,.94));border-radius:22px;padding:16px;margin:14px 0;box-shadow:0 18px 55px rgba(0,0,0,.24);color:#e9fbff}.dev-guide-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.dev-guide-kicker{font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:var(--dev-guide-cyan);margin-bottom:5px}.dev-guide-shell h2{margin:0 0 6px;font-size:clamp(22px,4vw,34px);line-height:1.05;letter-spacing:-.035em}.dev-guide-shell p{margin:0;color:var(--dev-guide-muted);line-height:1.45}.dev-guide-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.dev-guide-step{border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18);border-radius:16px;padding:12px;min-height:122px}.dev-guide-step b{display:flex;align-items:center;gap:8px;color:#f2fcff;font-size:14px;margin-bottom:6px}.dev-guide-step b span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:var(--dev-guide-cyan);color:#04111f;font-size:12px;font-weight:950}.dev-guide-step small{display:block;color:var(--dev-guide-muted);line-height:1.4;font-size:13px}.dev-guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.dev-guide-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(120,233,255,.30);border-radius:999px;background:rgba(120,233,255,.12);color:#dffbff;text-decoration:none;font-weight:900;font-size:13px;padding:9px 12px}.dev-guide-action.primary{background:var(--dev-guide-cyan);color:#031323;border-color:transparent}.dev-guide-note{margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(255,208,118,.10);border:1px solid rgba(255,208,118,.22);color:#ffe8b0;font-size:13px;line-height:1.45}.dev-guide-floating{position:fixed;right:14px;bottom:14px;z-index:9999}.dev-guide-toggle{border:1px solid rgba(120,233,255,.30)!important;border-radius:999px!important;background:#76e8ff!important;color:#031323!important;font-weight:950!important;box-shadow:0 12px 35px rgba(0,0,0,.34)!important}.dev-guide-mini{position:absolute;right:0;bottom:54px;width:min(380px,calc(100vw - 28px));max-height:70vh;overflow:auto;display:none;border:1px solid rgba(120,233,255,.30);border-radius:20px;background:#06111f;padding:14px;box-shadow:0 24px 90px rgba(0,0,0,.44)}.dev-guide-mini.open{display:block}.dev-guide-mini h3{margin:0 0 8px}.dev-guide-mini ol{margin:8px 0 0;padding-left:20px;color:var(--dev-guide-muted);line-height:1.45}.dev-guide-mini li{margin:4px 0}.dev-guide-mini a{color:#76e8ff;font-weight:900;text-decoration:none}
@media(max-width:920px){.dev-guide-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-guide-top{display:grid}.dev-guide-shell{border-radius:18px;padding:14px}}
@media(max-width:560px){.dev-guide-flow{grid-template-columns:1fr}.dev-guide-floating{right:10px;bottom:10px}.dev-guide-action{width:100%}}