body{font-family:Arial,sans-serif;margin:0;background-color:#f0f0f0;display:flex;height:100vh}h1{color:#333}.tool-content{display:none;background-color:#fff;margin-bottom:20px;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.1)}.tool-content.active{display:block}input[type=text],textarea{width:100%;padding:10px;margin-top:10px;font-size:16px}button{margin-top:10px;padding:10px 20px;font-size:16px;cursor:pointer}.output{padding:10px;background:#eaeaea;font-family:monospace;white-space:pre-wrap;cursor:pointer}.output-container{position:relative;margin-top:10px;background:#f4f4f4;padding:.5em;border-radius:4px}.mardown-editor,.markdown-preview{flex:1;padding:16px;box-sizing:border-box;overflow:auto}.mardown-editor{border-right:1px solid #ddd}#markdownTool{margin:0;font-family:sans-serif;display:flex;height:100vh}#markdown-input{width:100%;height:100%;border:none;outline:0;font-family:monospace;font-size:14px;resize:none}.markdown-preview{background:#fafafa}#searchBar{width:100%;padding:12px;margin-bottom:20px;font-size:16px}.copy-btn{position:absolute;top:5px;right:5px;padding:5px 10px;font-size:12px;cursor:pointer;display:none}#b64-download-link{display:none}.tooltip{position:absolute;top:-25px;right:10px;background-color:#333;color:#fff;padding:3px 8px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.tooltip.show{opacity:1}#sidebar{width:250px;background-color:#2c3e50;color:#fff;padding:1rem;box-sizing:border-box;overflow-y:auto}#sidebar h2{font-size:1.2em;margin-bottom:.5em}.tool-link{cursor:pointer;padding:.5em;border-radius:4px;margin-bottom:.25em}.tool-link:hover{background-color:#34495e}.tool-link.active{background-color:#1abc9c}#main{flex:1;padding:1rem;overflow-y:auto}.pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.page{border:1px solid #22324d;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;user-select:none}.page.dragging{opacity:.5;outline:2px dashed #94a3b8}.thumb{display:flex;justify-content:center;align-items:center;border-radius:8px;overflow:hidden;aspect-ratio:3/4}.thumb canvas{width:100%;height:auto;display:block}.meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge-top{background:#13213a;border:1px solid #22324d;color:#cbd5e1;padding:2px 8px;border-radius:999px;font-size:12px}.badge-bottom{border-radius:999px;font-size:12px}.handle{cursor:grab;font-size:12px;color:#9ca3af}.actions{display:flex;gap:6px}.small{font-size:12px;color:#9ca3af}button.danger{color:red}