body:has(.ed){background:linear-gradient(180deg,#e9f1fc 0%,#f4f9fe 55%,#fff 100%) no-repeat #fff !important;background-size:100% 460px !important;}
.ed{max-width:1500px;margin:0 auto;padding:64px clamp(16px,3vw,32px) 40px;font-family:'Inter',system-ui,sans-serif;color:#1c2733;}
.ed h1,.ed h2,.ed h3{font-family:'Manrope',sans-serif;}
.ed-hd{margin:12px 0 24px;text-align:center;}
.ed-hd h1{font-weight:800;font-size:clamp(28px,4vw,42px);letter-spacing:-1px;color:#15233a;margin:0 0 8px;}
.ed-hd h1 span{color:#0058be;}
.ed-hd p{color:#5b6b7a;font-size:16px;line-height:1.6;margin:0 auto;max-width:840px;}
.ed-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;max-width:1500px;margin:0 auto;align-items:start;}
@media(max-width:980px){.ed-cols{grid-template-columns:1fr;}}
.ed-side{position:sticky;top:80px;}
.ed-app{background:#fff;border:1px solid #e8edf3;border-radius:20px;box-shadow:0 24px 60px -30px rgba(10,40,90,.4);padding:22px;}
.ed-row1{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;}
.ed-title{border:1.5px solid #dbe3ee;border-radius:10px;padding:9px 12px;font-size:15px;font-weight:700;color:#15233a;font-family:'Manrope',sans-serif;flex:1 1 180px;min-width:150px;}
.ed-title:focus{outline:none;border-color:#0058be;}
.ed-demo{border:1.5px solid #dbe3ee;border-radius:10px;padding:9px 10px;font-size:13.5px;color:#33445a;background:#fff;cursor:pointer;font-family:inherit;}
.ed-gbtn{border:1.5px solid #dbe3ee;background:#fff;color:#33445a;font-weight:700;font-size:14px;padding:9px 13px;border-radius:10px;cursor:pointer;}
.ed-gbtn:hover{border-color:#0058be;color:#0058be;}
.ed-status{font-size:12.5px;color:#16a34a;font-weight:700;margin-left:auto;}
.ed-setup{display:flex;gap:11px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px;}
.ed-setup>label{font-size:10.5px;font-weight:700;color:#5a6675;display:flex;flex-direction:column;gap:4px;text-transform:uppercase;letter-spacing:.4px;}
.ed-setup select{border:1.5px solid #dbe3ee;border-radius:9px;padding:7px 9px;font-size:13.5px;color:#33445a;background:#fff;font-family:inherit;cursor:pointer;}
.ed-chk{flex-direction:row !important;align-items:center;gap:6px !important;text-transform:none !important;font-size:12.5px !important;padding-bottom:7px;}
.ed-chk input{width:16px;height:16px;accent-color:#0058be;}
.ed-voices{display:inline-flex;background:#eef2f7;border-radius:9px;padding:3px;gap:3px;}
.ed-vbtn{min-width:30px;height:30px;border:none;background:transparent;border-radius:7px;font-weight:800;color:#5a6675;cursor:pointer;font-size:13px;}
.ed-vbtn.on{background:#0058be;color:#fff;}
.ed-vadd{color:#0058be;}
.ed-tempo{display:flex;align-items:center;gap:8px;}
.ed-tempo input{width:96px;accent-color:#0058be;}
.ed-tempo b{color:#0058be;font-size:13px;min-width:26px;}
.ed-tabs{display:flex;gap:2px;flex-wrap:wrap;}
.ed-tab{border:1px solid #e2e9f2;border-bottom:none;background:#f4f7fb;color:#5a6675;font-weight:700;font-size:12.5px;padding:9px 14px;border-radius:10px 10px 0 0;cursor:pointer;}
.ed-tab.on{background:#fff;color:#0058be;border-color:#dbe3ee;position:relative;z-index:2;}
.ed-panel{display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #dbe3ee;border-radius:0 12px 12px 12px;padding:8px;margin-top:-1px;}
.ed-panel[hidden],.ed-ctx[hidden],.ed-abc[hidden],.ed-modal[hidden]{display:none !important;}
.ed-pgroup{display:flex;gap:4px;flex-wrap:wrap;}
.ed-pbtn{min-width:42px;height:44px;border:1.5px solid #dde5ef;background:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#33445a;font-size:17px;padding:0 9px;transition:.1s;gap:4px;}
.ed-pbtn:hover{border-color:#0058be;background:#eef4fd;}
.ed-pbtn.on{background:#0058be;border-color:#0058be;color:#fff;}
.ed-pbtn.on svg *{stroke:#fff;fill:#fff;}
.ed-pbtn i{font-family:Georgia,serif;font-weight:700;font-style:italic;font-size:15px;}
.ed-pbtn small{font-size:12px;}
.ed-wide{font-size:13px;font-weight:700;}
.ed-ic b{color:#0058be;font-size:20px;}
.ed-pbtn.on .ed-ic b{color:#fff;}
.ed-mode{font-size:13px;font-weight:700;}
.ed-rest{font-size:22px;}
.ed-del:hover{border-color:#e11d48;background:#fdecef;}
.ed-psep{width:1px;height:30px;background:#dbe3ee;margin:0 4px;}
.ed-phint{font-size:11.5px;color:#8a97a8;margin-left:6px;}
.ed-phint2{font-size:12px;color:#5a6675;font-weight:700;}
.ed-tup{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#5a6675;text-transform:uppercase;}
.ed-tup select{border:1.5px solid #dbe3ee;border-radius:8px;padding:8px;font-size:13px;cursor:pointer;}
.ed-txtlbl{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#5a6675;}
.ed-txtlbl input{border:1.5px solid #dbe3ee;border-radius:8px;padding:8px;font-size:13px;width:130px;}
.ed-file{position:relative;overflow:hidden;}
.ed-ctx{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#eef4fd;border:1px solid #cfe0f5;border-radius:11px;padding:8px 12px;margin-top:10px;}
.ed-ctx b{font-family:'Manrope',sans-serif;color:#0058be;font-size:15px;min-width:52px;}
.ed-ctx button{width:32px;height:30px;border:1.5px solid #bcd3f0;background:#fff;border-radius:8px;color:#0058be;cursor:pointer;font-size:12px;}
.ed-ctx button:hover{background:#0058be;color:#fff;}
.ed-ctx label{font-size:12px;font-weight:700;color:#3a5a8a;display:flex;align-items:center;gap:6px;}
.ed-ctx input{border:1.5px solid #bcd3f0;border-radius:8px;padding:6px 8px;font-size:13px;width:92px;}
.ed-ctxhint{font-size:11.5px;color:#7a93b5;margin-left:auto;}
.ed-tip{font-size:12px;color:#7a8797;margin:10px 2px;}
.ed-stagewrap{border:1px solid #e8edf3;border-radius:12px;background:#fff;overflow-x:auto;}
.ed-stage svg{display:block;}
.ed-stage .ed-bg{cursor:crosshair;}
.ed-stage .ev{cursor:grab;}
.ed-preview{margin-top:16px;}
.ed-plabel{font-size:12.5px;font-weight:700;color:#5a6675;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.ed-paper{border:1px solid #e8edf3;border-radius:12px;padding:12px;background:#fff;min-height:110px;overflow-x:auto;}
.ed-paper svg{max-width:100%;}
.ed-paper .abcjs-highlight{fill:#e11d48 !important;}
.ed-audio{margin-top:12px;}
.ed-abc{width:100%;min-height:120px;margin-top:12px;border:1.5px solid #dbe3ee;border-radius:10px;padding:12px;font-family:'Consolas',monospace;font-size:13px;color:#55636f;background:#fbfcfe;}
.ed-modal{position:fixed;inset:0;background:rgba(15,30,55,.5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;}
.ed-mbox{background:#fff;border-radius:16px;max-width:560px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);}
.ed-mhd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef2f6;}
.ed-mhd b{font-family:'Manrope',sans-serif;font-size:17px;color:#15233a;}
.ed-mhd button{border:none;background:#eef2f7;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:15px;color:#5a6675;}
.ed-mbody{padding:14px 20px 20px;overflow-y:auto;}
.ed-mitem{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f3f7;}
.ed-mitem b{flex:1;font-size:14.5px;color:#15233a;font-weight:700;}
.ed-mitem small{font-size:11.5px;color:#8a97a8;}
.ed-mitem button{border:1.5px solid #dbe3ee;background:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;color:#0058be;}
.ed-mitem button.dl{color:#e11d48;}
.ed-mempty{color:#8a97a8;font-size:14px;padding:16px 0;text-align:center;}
.ed-ad{margin:26px auto;text-align:center;}
.ed-guide{margin:26px auto 0;color:#3a4a5a;line-height:1.7;}
.ed-guide h2{font-size:22px;color:#15233a;margin:0 0 12px;}
.ed-guide h3{font-size:18px;color:#15233a;margin:22px 0 10px;}
.ed-guide p{margin:0 0 14px;}
.ed-faq details{border:1px solid #e8edf3;border-radius:12px;padding:12px 16px;margin-bottom:10px;background:#fff;}
.ed-faq summary{font-weight:700;color:#28313f;cursor:pointer;}
.ed-faq p{margin:10px 0 0;color:#55636f;}