:root{color-scheme:dark}html,body{height:100%;margin:0}body{overflow:hidden}.viewer-shell{height:100dvh;display:flex;flex-direction:column;background-color:#17191d;color:#e7eaf0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow:hidden}.viewer-header{padding:.75rem;border-bottom:1px solid #242832;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#17191d;flex:0 0 auto}.viewer-title{font-weight:600;font-size:1.05rem}.viewer-controls{margin-left:auto;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.viewer-status{font-size:.875rem;padding:.25rem .75rem;border-bottom:1px solid #242832;background:#1b1e24;color:#c9cfda;flex:0 0 auto}.viewer-main{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background-color:#17191d;overflow:hidden}.viewer-hint{position:absolute;right:.75rem;bottom:.75rem;font-size:.75rem;background:#17191dbf;color:#c9cfda;border:1px solid #2A2F39;border-radius:.375rem;padding:.25rem .5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}button,select,input[type=number],input[type=text]{border:1px solid #2A2F39;background:#1e2229;color:#e7eaf0;padding:.25rem .5rem;border-radius:.5rem}button:hover,select:hover,input[type=number]:hover{background:#232832}.inline{display:inline-flex;align-items:center;gap:.35rem}