*{box-sizing:border-box}body{margin:0;background:#0f1117;color:#e8eaf0;font:14px Arial,sans-serif;height:100vh}header{height:60px;padding:20px;background:#171a22;border-bottom:1px solid #2b303b}main{display:flex;height:calc(100vh - 60px)}aside{width:300px;background:#151820;border-right:1px solid #2b303b;padding:15px;overflow:auto}input,button{border:1px solid #343b49;border-radius:7px;background:#202530;color:#fff;padding:10px}#search{width:100%;margin-bottom:10px}#uploadBtn{width:100%;background:#4f7cff;border:0;cursor:pointer;margin-bottom:12px}.file{padding:11px;border-radius:7px;cursor:pointer;margin:3px 0}.file:hover,.file.active{background:#252b37}.file small{display:block;color:#8992a3;margin-top:3px}section{flex:1;display:flex;flex-direction:column;min-width:0}.toolbar{height:58px;padding:10px 15px;border-bottom:1px solid #2b303b;background:#171a22;display:flex;align-items:center;justify-content:space-between}.toolbar button{cursor:pointer;margin-left:5px}.toolbar #saveBtn{background:#21885d;border:0}#deleteBtn{background:#b93646;border:0}#editor{flex:1;width:100%;resize:none;border:0;outline:0;background:#0b0d12;color:#e6e8ed;padding:20px;font:14px Consolas,monospace;line-height:1.6}#status{position:fixed;right:20px;bottom:20px;background:#252b37;padding:12px 16px;border-radius:8px;display:none}@media(max-width:700px){aside{width:220px}.toolbar{flex-direction:column;height:auto;gap:8px;align-items:flex-start}}