:root{color-scheme:dark;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:#080d12;color:#d9e5ed;line-height:1.8}*{box-sizing:border-box}body{margin:0;font-size:17px}header{display:flex;justify-content:space-between;gap:20px;max-width:1200px;margin:auto;padding:26px 40px;border-bottom:1px solid #2b3c49;font-size:15px}a{color:#b4d6ea;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}main{max-width:1200px;margin:auto;padding:50px 40px 90px}h1{font-size:36px;font-weight:400;margin:8px 0 16px}h2{font-size:23px;line-height:1.6;font-weight:400;margin:0 0 18px}.eyebrow{font:13px/1.7 Consolas,monospace;color:#96b9d0;letter-spacing:2px;margin:0 0 12px}.intro{color:#adbfcd;font-size:17px;max-width:780px;margin-bottom:36px}.sync-panel{border:1px solid #334c60;background:#101b24;padding:30px;display:flex;align-items:start;justify-content:space-between;gap:24px}.sync-panel p{color:#a7bece;margin-top:-10px;font-size:16px}dl{margin-bottom:0;font-size:15px}dl>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;margin:10px 0}dt{color:#8faabd}dd{margin:0;overflow-wrap:anywhere}button,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:#b4d6ea;color:#0c1922;border:1px solid #b4d6ea;padding:11px 24px;min-height:46px;flex-shrink:0;font-size:16px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b4d6ea;outline-offset:4px}#message{font-size:16px;color:#b4d6ea;min-height:30px;margin:16px 0 28px}#demo-note{background:#162835;border:1px solid #47677f;font-size:16px;padding:16px 22px;color:#c3dbe9}.editor-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:40px}.episodes button{display:block;text-align:left;background:transparent;color:#b9ccd9;border:1px solid #2d404f;margin:0 0 12px;line-height:1.7;width:100%;padding:16px 20px;font-size:16px}.episodes button[aria-pressed=true]{border-color:#98c4df;background:#182a38;color:#e3eff7}.episodes small{display:block;font-size:13px;color:#91acbf;margin-top:6px}form{border-left:1px solid #263c4d;padding-left:40px}.help{font-size:14px;color:#94acbd;margin-bottom:24px}label{font-size:16px;display:block;margin-bottom:10px}textarea,select{width:100%;border:1px solid #3b5263;background:#0b141c;border-radius:0;padding:14px 16px;margin:0 0 24px;line-height:1.85;font-size:17px}textarea{resize:vertical}.actions{display:flex;align-items:center;gap:24px}.actions a{font-size:15px}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 24px}main{padding:34px 24px 60px}.sync-panel{display:block;padding:24px}.sync-panel button{margin-top:18px}.editor-grid{display:block}.episodes{margin-bottom:34px}form{border-left:0;border-top:1px solid #263c4d;padding:30px 0 0}h1{font-size:31px}h2{font-size:23px}dl>div{grid-template-columns:110px minmax(0,1fr);gap:8px}.actions{flex-wrap:wrap}}

.sync-panel{flex-wrap:wrap}.sync-history{flex-basis:100%;font-size:14px;color:#a7bece;border-top:1px solid #334c60;margin-top:8px;padding-top:12px}.sync-history summary{cursor:pointer;min-height:44px}.sync-history ol{margin:0;padding-left:22px}.sync-history li{padding:5px 0}

@media(max-width:380px){.sync-panel dl>div{display:block;margin:0 0 16px}.sync-panel dd{margin-top:4px}}
