html{background:#80b080;font-size:16px}body{background:#3f704d;margin:0}.page{margin:0 auto;padding:1rem}header.page{padding:1rem}.site-title{font-size:3.5rem}[hidden]{display:none!important}#input-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}#audio-file{margin:0}#or-record{white-space:nowrap}#record-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid #000000;background:#fff;cursor:pointer}#record-toggle .rec-icon{width:1.05rem;height:1.05rem;border-radius:999px;background:#c00}#record-toggle.is-recording .rec-icon{border-radius:2px;background:#000}#record-label{white-space:nowrap}#format-gate-output{margin:0 0 .75rem;font-family:monospace;font-size:.9rem;white-space:pre}#waveform{display:block;width:100%;height:200px;margin:0 0 .75rem;background:#80b080}#waveform-wrap{position:relative}#cursor{position:absolute;inset:0;display:block;width:100%;height:200px;background:transparent}#playback-controls{margin:0 0 .75rem}#textgrid-wrap{position:relative;width:100%;height:110px;margin:0 0 .75rem;background:#80b080}.tg-layer{position:absolute;inset:0}.tg-word{position:absolute;top:0;bottom:0;background:#cedece;border:.5px solid #0000FF;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2px}.tg-text{display:inline-block;color:#000;white-space:nowrap;line-height:1;transform-origin:50% 50%}.tg-cursor{position:absolute;top:0;bottom:0;width:2px;background:#00f;pointer-events:none}.tg-loading{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem;padding:.75rem;background:#80b080;border:1px solid #000000;border-radius:8px}.tg-spinner{width:44px;height:44px;border:6px solid #CEDECE;border-right-color:transparent;border-radius:999px;box-sizing:border-box;animation:tg-spin .9s linear infinite;flex:0 0 auto}@keyframes tg-spin{to{transform:rotate(360deg)}}.tg-loading-text{color:#000;line-height:1.2}.tg-loading-title{font-weight:700;margin:0 0 .25rem}