*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;margin:0;padding:0;background:transparent;display:flex;justify-content:center;align-items:flex-start;-webkit-font-smoothing:antialiased}#app{width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent;padding:0}.canvas-container{width:100%;max-width:100vw;display:flex;justify-content:center;align-items:center;background:transparent;margin:0 auto}#pdf-canvas{display:block;max-width:100%;height:auto;margin:0 auto;background:transparent}.spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border:3px solid rgba(0,0,0,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;z-index:10}.error-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 24px;background:#fffffff2;border:1px solid #fee2e2;border-radius:8px;color:#b91c1c;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;box-shadow:0 4px 12px #00000014;text-align:center;max-width:90%;z-index:20}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}