*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:system-ui,sans-serif}.viewer-wrapper{width:100vw;height:100dvh;position:relative}.viewer{width:100%;height:100%;position:relative}.viewer-error,.notice{color:#666;place-items:center;display:grid;position:absolute;inset:0}.drop-hint{color:#444;background:#eef1f6;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:1.125rem;display:flex;position:absolute;inset:0}.drop-hint-icon{color:#333;width:32px;height:32px;margin-bottom:.25rem}.browse-link{color:#4a5fa8;cursor:pointer}.browse-link:hover{text-decoration:underline}.drop-hint-sub{color:#888;font-size:.875rem}.viewer-status{color:#999;pointer-events:none;font-size:.75rem;position:absolute;top:12px;left:12px}.drop-overlay{color:#fff;z-index:1000;pointer-events:none;background:#00000080;place-items:center;font-size:1.25rem;display:grid;position:absolute;inset:0}