:root{font-family:"Yu Gothic UI",Meiryo,sans-serif;color:#20344c;background:#f2f5fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:1px solid #cbd7e7;background:white;color:#23426b;padding:9px 13px;border-radius:6px;cursor:pointer}button:hover{background:#edf4ff}.primary{background:#2867ae;color:white}button:disabled{opacity:.4;cursor:default}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#1b4278;color:white;padding:30px 18px}aside strong{font-size:20px}aside p{color:#b8d2f2}aside button{display:block;width:100%;margin:12px 0;text-align:left;background:#315f9d;color:white;border:0}aside small{display:block;margin-top:35px;color:#b8d2f2;line-height:2}main{margin-left:230px;padding:28px 40px;max-width:1450px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}header h1{font-size:25px;margin:8px 0}header small{color:#4775a7;font-size:11px;letter-spacing:.12em}#count,.help{font-size:12px;color:#6d7e93}#notice{background:#e3edf9;padding:14px;border-radius:7px;font-size:13px}#tools{position:sticky;top:0;z-index:3;background:#fff;padding:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;border:1px solid #d5e0ef;border-radius:8px}#tools strong{font-size:12px}#tools button{font-size:12px;padding:7px 10px}#blocks{max-width:1000px;margin:auto}.block{background:#fff;margin:18px 0;border:1px solid #d6dfeb;border-radius:9px;overflow:hidden}.block.selected{border:2px solid #508bc7}.blockbar{display:flex;gap:6px;align-items:center;padding:9px 13px;background:#f8faff;border-bottom:1px solid #e2e8f0}.blockbar span{margin-right:auto;font-size:12px;color:#57708d}.blockbar button,.blockbar select{font-size:11px;padding:5px 8px}.blockcontent{padding:24px 30px;line-height:1.9;font-size:15px;min-height:60px;overflow-wrap:anywhere}.blockcontent:focus{outline:0;background:#fcfdff}.blockcontent img{max-width:100%;max-height:300px;object-fit:contain}.blockcontent table{border-collapse:collapse;width:100%}.blockcontent td,.blockcontent th{border:1px solid #ccd8e7;padding:10px}.blockcontent h1,.blockcontent h2,.blockcontent h3{color:#205b99}.blockcontent a{color:#2670b5}#login{max-width:430px;margin:15vh auto;background:white;border-radius:12px;padding:32px}label{display:block;margin:20px 0}input{display:block;width:100%;padding:10px;margin-top:8px;border:1px solid #ccd7e7;border-radius:5px}dialog{width:95vw;height:94vh;border:1px solid #ccd7e7;border-radius:10px;padding:0}dialog::backdrop{background:#152b49aa}.dialogbar{display:flex;align-items:center;gap:10px;padding:12px 18px}.dialogbar strong{margin-right:auto}iframe{width:100%;height:calc(100% - 65px);border:0}#output{display:block;margin:12px;color:#2867ae}@media(max-width:800px){aside{position:static;width:auto;padding:16px}aside button{display:inline-block;width:auto}aside small{display:none}main{margin:0;padding:18px}header{flex-wrap:wrap}.blockcontent{padding:16px}.dialogbar{flex-wrap:wrap}}

.category-group{margin:25px 0 40px;padding:18px;border:1px solid #c9d9eb;border-radius:10px;background:#eaf1fa}.category-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;border-bottom:2px solid #729cca;padding-bottom:15px}.category-heading h2{font-size:19px;margin:0;color:#214e83}.category-empty{padding:28px;color:#6b7e96;background:white;border:1px dashed #bdcfe3;border-radius:7px}
[hidden]{display:none!important}main{max-width:none;padding:24px}.sidebar-closed main{margin-left:0}#toggleSidebar{margin-bottom:16px}.editor-layout{display:grid;grid-template-columns:minmax(340px,1fr) minmax(340px,1fr);gap:22px;align-items:start}.editor-pane{min-width:0}.preview-panel{position:sticky;top:16px;background:white;border:1px solid #cad8e8;border-radius:9px;overflow:hidden;min-width:0}.preview-panel .dialogbar{flex-wrap:wrap;border-bottom:1px solid #d6e2ef}.preview-panel .dialogbar strong{font-size:14px}.preview-panel .dialogbar span{font-size:11px;color:#647a95}.preview-panel .dialogbar button{font-size:12px;width:100%}#preview{display:block;border:0;transform-origin:top left;max-width:none}#tools{position:relative}.category-group{padding:12px}.blockcontent{padding:18px}.blockbar{flex-wrap:wrap}.help{line-height:1.8}@media(max-width:1050px){.editor-layout{grid-template-columns:1fr}.preview-panel{position:static}}@media(max-width:800px){main{padding:16px}.sidebar-closed main{margin-left:0}}
#categoryNav{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f2f5faf5;border:1px solid #cbd9e9;border-radius:8px;box-shadow:0 4px 12px #1b427810;margin:0 0 18px}#categoryNav button{font-size:13px}#categoryNav button.active{background:#2867ae;color:white;border-color:#2867ae}.preview-panel{top:calc(var(--category-nav-height,0px) + 16px)}.category-heading h2:focus{outline:2px solid #508bc7;outline-offset:5px}
:root{--category-nav-height:64px}@media(max-width:700px){:root{--category-nav-height:112px}}