*{margin:0;padding:0}body,div,header,nav,button,input{box-sizing:border-box}body{font-family:sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased}header{width:100%;padding:8px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}header nav{width:100%;display:flex;justify-content:space-between;align-items:center}header nav .brand{font-weight:700;font-size:1.5rem}header nav .brand span{color:red}button,label{cursor:pointer;font-weight:700;border:none;border-radius:6px;padding:8px 16px;background-color:red;color:#fff;margin-left:8px}button:hover,label:hover{opacity:.85}input[type=file],input[type=text]{display:none}.app-wrapper{display:flex;flex-direction:column;height:100vh;overflow-y:auto}#toolbar{display:flex;gap:16px;padding:8px 16px;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;position:sticky;top:0;z-index:50;font-size:1.2rem}#toolbar button,#toolbar label{background:none;color:#000;font-weight:400;padding:4px 8px;border-radius:4px;font-size:1.3rem}#toolbar button:hover,#toolbar label:hover,#toolbar button.active{color:red}#toolbar input[type=text]{display:inline-block;padding:4px 8px;border:1px solid #ccc;border-radius:4px}#floating-toolbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:240px;z-index:100}#floating-toolbar .toolbar-buttons{display:flex;justify-content:center;gap:8px;padding:4px 16px;border-radius:9999px;background-color:#0009}#floating-toolbar button{background:none;border:none;color:#fff;padding:4px 8px;border-radius:50%}#floating-toolbar button:hover{opacity:.8}#pdf-container{flex:1;margin:16px auto;width:95%}canvas{box-sizing:content-box}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loader-dot{width:12px;height:12px;background-color:#333;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both}.loader-dot:nth-child(1){animation-delay:0s}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}