body{margin:0;background:#090714;color:rgba(255,255,255,.88);font-family:Outfit,system-ui,sans-serif}.eb-page{padding:118px 28px 80px;max-width:1180px;margin:auto}.eb-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:70px;align-items:end;padding-bottom:42px;border-bottom:1px solid rgba(201,169,110,.22)}.eb-eye{font:600 10px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#c9a96e}.eb-head h1{margin:12px 0 18px;font:400 clamp(48px,6vw,76px)/.98 Fraunces,Georgia,serif;letter-spacing:-.04em;color:#f2eee6}.eb-head h1 em{color:#e0c58f;font-weight:400}.eb-head p{max-width:700px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.62)}.eb-head aside{padding:20px;border-left:2px solid rgba(165,139,199,.62);background:rgba(165,139,199,.05)}.eb-head aside strong,.eb-head aside span{display:block}.eb-head aside strong{color:#d4c3e8;font-size:15px}.eb-head aside span{margin-top:8px;color:rgba(255,255,255,.5);line-height:1.6;font-size:13px}.eb-work{display:grid;grid-template-columns:340px minmax(0,1fr);gap:34px;padding:44px 0}.eb-controls,.eb-preview{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);padding:23px}.eb-controls h2,.eb-use h2{font:400 25px Fraunces,Georgia,serif;margin:0 0 18px}.eb-controls label{display:grid;gap:7px;margin-bottom:13px;font:600 10px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(201,169,110,.75)}select,textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.13);background:#0d0a1e;color:#fff;border-radius:5px;padding:10px;font:400 13px Outfit,system-ui,sans-serif}.eb-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;text-transform:none!important;letter-spacing:0!important;color:rgba(255,255,255,.63)!important}.eb-check input{width:16px;height:16px}.eb-code-head{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.eb-code-head h2{margin:0}.eb-code-head button{border:1px solid #e8692a;background:#e8692a;color:#180b05;border-radius:5px;padding:8px 12px;font-weight:700;cursor:pointer}textarea{height:170px;margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1.55;resize:vertical}.eb-note{font-size:12px;line-height:1.6;color:rgba(255,255,255,.43)}.eb-direct{display:inline-block;margin-top:8px;color:#d8c29a;font-size:12px}.eb-preview{min-width:0}.eb-preview-bar{display:flex;justify-content:space-between;margin-bottom:12px;font:600 9px 'JetBrains Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.4)}iframe{display:block;width:100%;height:390px;border:0;background:transparent}.eb-use{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:35px 0;border-top:1px solid rgba(201,169,110,.18)}.eb-use span{font:600 9px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#c9a96e}.eb-use h2{margin-top:8px}.eb-use p{margin:0;color:rgba(255,255,255,.56);line-height:1.75}@media(max-width:860px){.eb-head,.eb-work,.eb-use{grid-template-columns:1fr}.eb-page{padding-left:18px;padding-right:18px}.eb-head{gap:24px}.eb-controls{order:2}.eb-preview{order:1}}