.df-builder-guide-button{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;align-items:center;gap:8px;border:1px solid #80ee61;border-radius:999px;background:#142317;color:#efffed;padding:11px 16px;font:900 12px/1.1 Inter,Arial,sans-serif;box-shadow:0 10px 34px rgba(0,0,0,.48),0 0 0 1px rgba(141,243,107,.12) inset;cursor:pointer}.df-builder-guide-button:hover,.df-builder-guide-button:focus-visible{background:#1c351f;outline:2px solid #8df36b;outline-offset:2px}.df-builder-guide-button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#8df36b;color:#0a150b;font-size:14px}.df-builder-guide-backdrop{position:fixed;inset:0;z-index:1250;display:none;background:rgba(2,5,7,.76);backdrop-filter:blur(5px);padding:18px}.df-builder-guide-backdrop.open{display:grid;place-items:center}.df-builder-guide{width:min(720px,100%);max-height:min(820px,calc(100vh - 36px));overflow:auto;border:1px solid #3b5942;border-radius:18px;background:linear-gradient(160deg,#132018,#0a1115 58%);color:#f5f8f6;box-shadow:0 28px 80px rgba(0,0,0,.7)}.df-builder-guide-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:start;padding:20px 22px 16px;border-bottom:1px solid #2c3b33;background:rgba(13,22,18,.97)}.df-builder-guide-head small{display:block;color:#8df36b;font:900 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.15em}.df-builder-guide-head h2{margin:5px 0 0;font:1000 clamp(21px,4vw,30px)/1.05 Inter,Arial,sans-serif}.df-builder-guide-close{flex:none;border:1px solid #42514a;border-radius:9px;background:#111a1e;color:#fff;padding:8px 11px;font-weight:900;cursor:pointer}.df-builder-guide-body{padding:20px 22px 24px;font:12px/1.55 Inter,Arial,sans-serif}.df-builder-guide-lead{margin:0 0 16px;color:#c8d5ce}.df-builder-guide-steps{display:grid;gap:9px;counter-reset:guide}.df-builder-guide-step{position:relative;padding:13px 14px 13px 49px;border:1px solid #2e4037;border-radius:12px;background:#0d1614}.df-builder-guide-step:before{counter-increment:guide;content:counter(guide);position:absolute;left:13px;top:13px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#8df36b;color:#0a160b;font-weight:1000}.df-builder-guide-step b{display:block;margin-bottom:3px;color:#fff;font-size:13px}.df-builder-guide-step span{color:#b8c6bf}.df-builder-guide-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.df-builder-guide-key div{border:1px solid #2a3b42;border-radius:11px;background:#0a1115;padding:11px}.df-builder-guide-key b{display:block;color:#8df36b;margin-bottom:3px}.df-builder-guide-key span{color:#aebcc3}.df-builder-guide-check{margin-top:16px;border:1px solid #53632d;border-radius:12px;background:#171b0d;padding:13px}.df-builder-guide-check b{display:block;color:#e6ff9f;margin-bottom:4px}.df-builder-guide-check span{color:#d3dbb6}.df-builder-guide-context{margin:0 0 12px;padding:11px 13px;border:1px solid #405d48;border-radius:11px;background:linear-gradient(120deg,#132118,#10181b);color:#cbd8d0;font:11px/1.45 Inter,Arial,sans-serif}.df-builder-guide-context b{display:block;color:#9bff7d;margin-bottom:3px;font-size:12px}.df-builder-guide-context [data-guide-ready]{display:block;margin-top:6px;color:#ffe397}.df-builder-guide-context.ready [data-guide-ready]{color:#aaff91}.df-guide-open{overflow:hidden!important}@media(max-width:620px){.df-builder-guide-button{right:12px;bottom:12px;padding:10px 13px}.df-builder-guide-backdrop{padding:8px}.df-builder-guide{max-height:calc(100vh - 16px);border-radius:14px}.df-builder-guide-head{padding:16px}.df-builder-guide-body{padding:16px}.df-builder-guide-key{grid-template-columns:1fr}}
.df-builder-howto{margin:0 0 10px;border:1px solid #36523e;border-radius:11px;background:#101a14;color:#dbe7df;font:11px/1.5 Inter,Arial,sans-serif}.df-builder-howto summary{cursor:pointer;padding:11px 13px;color:#9bff7d;font-weight:1000;list-style:none}.df-builder-howto summary::-webkit-details-marker{display:none}.df-builder-howto summary:after{content:'+';float:right;font-size:16px}.df-builder-howto[open] summary:after{content:'−'}.df-builder-howto-body{padding:0 13px 13px;border-top:1px solid #2b3d32}.df-builder-howto ol{margin:11px 0 7px;padding-left:20px}.df-builder-howto li{margin:0 0 6px}.df-builder-howto p{margin:8px 0 0;color:#b8c7be}.df-builder-howto strong{color:#fff}
