:root{color-scheme:dark;--bg:#101b24;--panel:#172631;--deep:#0b141c;--line:#354956;--muted:#a6bac7;--cyan:#69dbe2;--green:#b8ec95}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf3f6;font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,.file-button:focus-within{outline:3px solid var(--cyan);outline-offset:4px}header,main,footer{max-width:1320px;padding:0 45px;margin:auto}header{display:flex;align-items:center;gap:45px;min-height:100px;border-bottom:1px solid var(--line)}.logo{font-size:34px;font-weight:900;letter-spacing:-.06em;text-decoration:none}.logo span{font-weight:400;margin-left:5px;color:var(--cyan)}.logo i{font:21px monospace;color:var(--green);margin-left:15px}.header-tag{font:10px monospace;color:var(--muted);letter-spacing:.07em}header>a:last-child{margin-left:auto;font-size:13px}.title{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:48px 0}.eyebrow{font:10px monospace;color:var(--cyan);letter-spacing:.1em}h1{font-size:clamp(44px,5vw,65px);line-height:1.05;letter-spacing:-.055em;margin:25px 0 0}.intro{color:var(--muted);font-size:14px}.workbench{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.bench-top{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid var(--line);gap:15px}.bench-top h2{font-size:17px;margin:0}.bench-top>span{font:10px monospace;color:var(--muted)}.import{padding:26px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.file-button,button{padding:12px 17px;min-height:45px;border-radius:5px;background:transparent;color:inherit;border:1px solid #64808f;cursor:pointer}.file-button{background:var(--cyan);color:var(--deep);font-weight:bold;position:relative}.file-button input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.import p{width:100%;font-size:12px;color:var(--muted);margin:0}.import button{font-size:13px}.track-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 26px;border-top:1px solid var(--line);font-size:12px}.track-head strong{overflow-wrap:anywhere}.track-head>span{font:10px monospace;color:var(--cyan);white-space:nowrap}.wave-wrap{background:var(--deep);padding:20px 26px 12px}canvas{display:block;width:100%;height:210px}.ruler{display:flex;justify-content:space-between;font:10px monospace;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.controls{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:25px 26px}.time-fields{display:flex;align-items:end;gap:15px}.time-fields label{display:grid;gap:8px;font-size:11px;color:var(--muted)}.time-fields>span{padding-bottom:10px;color:var(--muted)}input[type=number]{background:var(--deep);border:1px solid #64808f;color:white;border-radius:4px;width:140px;padding:10px;font:16px monospace}.transport{display:flex;gap:10px}.transport button{font-size:12px}.export-row{border-top:1px solid var(--line);padding:20px 26px;display:flex;align-items:center;gap:25px}.export-row label{font-size:12px;display:flex;align-items:center;gap:8px;cursor:pointer}.export-row input{accent-color:var(--green);width:18px;height:18px}.export-row p{font:10px monospace;color:var(--muted);margin-left:auto}#export{background:var(--green);border-color:var(--green);color:var(--deep);font-weight:bold;font-size:13px}button:disabled{opacity:.4;cursor:not-allowed}#status{padding:0 26px 20px;font-size:12px;color:var(--cyan);margin:0;min-height:40px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:50px 0}.guide span{font:13px monospace;color:var(--cyan)}.guide h2{font-size:21px;letter-spacing:-.02em}.guide p{color:var(--muted);font-size:14px}.privacy{display:flex;gap:45px;border-top:1px solid var(--line);padding:30px 0 50px}.privacy>span{font:10px monospace;color:var(--green);min-width:220px;padding-top:4px}.privacy p{font-size:13px;color:var(--muted);margin:0;max-width:770px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px;border-top:1px solid var(--line);font-size:12px}footer strong{font-size:18px}footer span{color:var(--muted)}@media(max-width:850px){header,main,footer{padding-left:20px;padding-right:20px}.header-tag{display:none}header{min-height:85px;gap:20px}.logo{font-size:30px}.title{display:block;padding:30px 0}h1{font-size:49px}.intro{margin-top:25px}.bench-top{padding:18px}.bench-top>span{font-size:8px}.import,.track-head,.wave-wrap,.controls,.export-row{padding-left:18px;padding-right:18px}.track-head{align-items:start}.track-head>span{font-size:8px}canvas{height:170px}.controls{flex-direction:column;align-items:start;gap:20px}.time-fields{width:100%;gap:10px}.time-fields label{flex:1;min-width:0}input[type=number]{width:100%}.transport{flex-wrap:wrap}.export-row{flex-wrap:wrap;gap:18px}.export-row p{margin-left:0}.export-row #export{width:100%}#status{padding-left:18px;padding-right:18px}.guide{grid-template-columns:1fr;gap:15px;padding:35px 0}.guide article{display:grid;grid-template-columns:35px 1fr;gap:0 15px}.guide span{padding-top:4px}.guide h2{margin:0}.guide p{grid-column:2}.privacy{flex-direction:column;gap:15px}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.bench-top>span{max-width:140px;text-align:right}}