:root{--bg: #000000;--fade: #757575;--text: #e0e0e0;--bord: solid 1px var(--fade);--font: 'Courier New', Courier, monospace}html,body{margin:0;padding:0}html{width:100%;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100%;display:flex;flex-direction:column;overflow:hidden;font-size:1rem}div{box-sizing:border-box}a{outline:none;text-decoration:none;color:inherit}button{background:none;color:var(--fade);border:none;padding:0 8px;cursor:pointer;font-size:inherit;font-family:inherit;outline:none}input{display:none}#heads{height:34px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:var(--bord);-webkit-user-select:none;user-select:none}#jspek{padding-left:6px}#ctrls button{height:100%;border-left:var(--bord)}#jspek,#ctrls{height:100%;display:flex;align-items:center}#app{flex:1;position:relative;overflow:hidden;display:grid}#app:empty::after{content:" Browse or drop files \a\a Click twice to clear";white-space:pre;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:var(--fade)}.spek{position:relative;min-width:0;min-height:0}.spek canvas{position:absolute;top:0;left:0;width:100%;height:100%}