.api-designer-mask,.variable-mask{position:fixed;inset:0;z-index:2300;display:grid;place-items:center;padding:4px;background:rgba(21,27,38,.56);backdrop-filter:blur(4px)}.api-designer{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;width:min(1350px,calc(100vw - 8px));height:min(920px,calc(100vh - 8px));border-radius:25px;background:#fff;box-shadow:0 30px 100px rgba(15,23,42,.35)}.api-designer>header{position:relative;display:flex;align-items:center;min-height:115px;padding:25px 28px}.api-designer>header h2{margin:0;color:#2f3137;font-size:28px;font-weight:500}.designer-close{position:absolute;right:25px;top:20px;border:0;background:transparent;color:#8b919c;font-size:30px}.designer-variable-all{position:absolute;right:25px;bottom:12px;padding:7px 15px;border:1px solid #8fc3ff;border-radius:10px;background:#f1f8ff;color:#2588ef;font-size:16px}.designer-workspace{display:grid;grid-template-columns:minmax(0,885px) minmax(330px,1fr);min-height:0;padding:0 25px 0 28px}.designer-config{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border-right:1px solid #e2e5eb}.api-designer nav{display:flex;gap:56px;height:62px;border-bottom:3px solid #e5e8ee}.api-designer nav button{position:relative;padding:0;border:0;background:transparent;color:#30343a;font-size:21px}.api-designer nav button.active{color:#2f91f4}.api-designer nav button.active:after{position:absolute;right:0;bottom:-3px;left:0;height:3px;background:#3c9cff;content:""}.api-designer main{overflow-y:auto;padding:20px 18px 35px 0;scrollbar-width:thin}.api-designer main>section{display:grid;gap:20px}.designer-section{padding:28px 29px;border-radius:15px;background:#f8f9fb}.designer-section h3{margin:0 0 24px;padding-left:16px;border-left:4px solid #665dff;color:#303238;font-size:23px}.designer-section label{position:relative;display:block;margin:0 0 18px;color:#5d616a;font-size:18px;font-weight:400}.designer-section label.required:before{color:#ff5656;content:"* ";}.designer-section input,.designer-section select,.designer-section textarea{width:100%;height:48px;margin-top:8px;padding:0 15px;border:1px solid #d5dae3;border-radius:8px;background:#fff;color:#4f545d;font-size:17px;outline:0}.designer-section textarea{height:110px;padding:12px 15px;resize:vertical}.designer-section input:focus,.designer-section select:focus,.designer-section textarea:focus{border-color:#369cff;box-shadow:0 0 0 2px rgba(54,156,255,.11)}.designer-section input::placeholder,.designer-section textarea::placeholder{color:#abb1bc}.designer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.designer-section small,.designer-help{display:block;margin:-8px 0 18px;color:#a5a8af;font-size:15px;line-height:1.55}.char-count{position:absolute;right:12px;bottom:12px;color:#9399a3;font-size:14px}.extra-add{margin:-2px 0 13px;padding:7px 14px;border:1px solid #d6dbe4;border-radius:9px;background:#fff;color:#4f545d}.extra-trigger{display:flex;gap:8px;margin-bottom:9px}.extra-trigger input{margin:0}.extra-trigger button{width:42px;border:1px solid #e5bfc3;border-radius:8px;background:#fff4f5;color:#c65360}.choice-row{display:flex;margin-top:8px}.choice-row button{height:48px;min-width:86px;padding:0 18px;border:1px solid #d5dae3;border-right:0;background:#fff;color:#5d616a;font-size:17px}.choice-row button:first-child{border-radius:8px 0 0 8px}.choice-row button:nth-last-of-type(1){border-right:1px solid #d5dae3;border-radius:0 8px 8px 0}.choice-row button.active{border-color:#3b9dfb;background:#3b9dfb;color:#fff}.choice-row input{display:none}.half-field{width:46%}.number-step{display:flex;align-items:center;margin-top:8px}.number-step button{width:49px;height:48px;border:1px solid #d5dae3;background:#f7f8fa;color:#6d727b;font-size:21px}.number-step button:first-child{border-radius:8px 0 0 8px}.number-step input{width:126px;height:48px;margin:0;border-radius:0;text-align:center}.number-step button:nth-of-type(2){border-radius:0 8px 8px 0}.number-step span{margin-left:12px;color:#a6a9af;font-size:15px}.insert-label{display:block;margin:-2px 0 7px;color:#a2a6ad;font-size:15px}.designer-vars{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.designer-vars button{padding:4px 12px;border:1px solid #78b9ff;border-radius:6px;background:#fff;color:#238cf5;font-size:15px}.reply-type-field{width:42%}.button-preset{margin-top:23px!important}.button-preset>div{display:flex;align-items:center;gap:18px}.button-preset select{max-width:540px}.button-preset button{border:0;background:transparent;color:#258cf0;font-size:15px}.collapsed-section{display:flex;align-items:center;justify-content:space-between}.collapsed-section h3{margin:0}.collapsed-section span{color:#a5a9b2;font-size:14px}.switch-line{display:flex!important;align-items:center;gap:14px;padding:19px 0;margin:0!important;border-bottom:1px solid #e5e8ed}.switch-line:last-child{border:0}.switch-line input{display:none}.switch-line i{position:relative;width:60px;height:31px;border-radius:18px;background:#dce1e9}.switch-line i:after{position:absolute;top:4px;left:4px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);content:"";transition:.2s}.switch-line input:checked+i{background:#399dfb}.switch-line input:checked+i:after{left:33px}.designer-test{align-self:start;margin-left:38px;border:1px solid #dce0ff;border-radius:20px;background:#f4f5ff}.designer-test>header{display:flex;align-items:center;gap:12px;padding:20px 25px;border-bottom:1px solid #dde1fa}.designer-test>header span{color:#655dff;font-size:27px}.designer-test h3{margin:0;font-size:23px}.designer-test>div{padding:22px 25px}.designer-test input{width:100%;height:48px;padding:0 15px;border:1px solid #d4d9e2;border-radius:11px;background:#fff;font-size:17px}.designer-test>div>button{width:100%;height:49px;margin-top:15px;border:0;border-radius:10px;background:#3b9cf6;color:#fff;font-size:18px;font-weight:700}.designer-test section{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;color:#cacbd0;text-align:center}.designer-test section i{font-size:45px;font-style:normal}.designer-test section p{margin:12px 0}.designer-test section strong{color:#25a06b}.designer-test section pre{overflow:auto;width:100%;max-height:260px;padding:12px;border-radius:9px;background:#fff;color:#505660;text-align:left;white-space:pre-wrap}.designer-test .test-error{color:#d4515d}.designer-test .test-loading{animation:api-spin 1s linear infinite}.api-designer>footer{display:flex;align-items:center;justify-content:flex-end;gap:32px;min-height:85px;padding:14px 25px}.api-designer>footer button{height:49px;padding:0 23px;border-radius:10px;font-size:17px}.designer-cancel{border:1px solid #d6dbe4;background:#fff;color:#60656d}.designer-save{border:0;background:#3b9cf6;color:#fff;font-weight:700}.designer-save:disabled{opacity:.6}.api-variable-book{overflow:auto;width:min(900px,94vw);max-height:86vh;padding-bottom:25px;border-radius:20px;background:#fff}.api-variable-book>header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #e8ebf0}.api-variable-book>header span{color:#3a94ee;font-size:10px;font-weight:800;letter-spacing:1px}.api-variable-book h2{margin:3px 0 0}.api-variable-book>header>button{border:0;background:transparent;color:#8e949e;font-size:25px}.variable-tip{margin:16px 25px;padding:12px 14px;border-radius:9px;background:#f4f7fb;color:#747b87}.api-variable-book>section{padding:0 25px}.api-variable-book h3{color:#424852}.variable-book-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.variable-book-grid button{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #e0e5ed;border-radius:9px;background:#fff;text-align:left}.variable-book-grid code{color:#268cf3}.variable-book-grid span{color:#777e89}.variable-book-grid b{color:#268cf3}@keyframes api-spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.api-designer{height:100vh;border-radius:0}.designer-workspace{grid-template-columns:1fr;padding:0 16px}.designer-config{border:0}.designer-test{margin:20px 0}.api-designer main{padding-right:0}.api-designer nav{gap:25px;overflow:auto}.api-designer nav button{min-width:max-content}.designer-test{display:none}.api-designer>header{min-height:100px}.designer-variable-all{bottom:8px}}@media(max-width:650px){.api-designer-mask{padding:0}.api-designer>header{padding:18px}.api-designer>header h2{font-size:22px}.designer-close{right:15px}.designer-variable-all{right:55px;top:17px;bottom:auto}.api-designer nav{height:54px;gap:22px}.api-designer nav button{font-size:16px}.designer-section{padding:20px 16px}.designer-grid{grid-template-columns:1fr;gap:0}.half-field,.reply-type-field{width:100%}.choice-row{overflow:auto}.choice-row button{min-width:75px;padding:0 12px}.api-designer>footer{min-height:70px;gap:10px}.api-designer>footer button{flex:1}.variable-book-grid{grid-template-columns:1fr}.variable-book-grid button{grid-template-columns:130px 1fr auto}}