:root{font-family:Arial Narrow,Arial,PingFang SC,sans-serif;color:#18251f;background:#f8f2df}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgba(24,37,31,.04) 1px,transparent 1px),#f8f2df;background-size:28px 28px}.top{height:62px;border-bottom:1px solid;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font-size:10px;letter-spacing:2px}.wordmark{font-size:17px;font-weight:900}.wordmark i{display:inline-block;width:13px;height:13px;border-radius:50%;background:#f5c842;margin-right:8px;box-shadow:6px 0 #18251f}main{width:min(1180px,92vw);margin:auto}.intro{display:grid;grid-template-columns:1.5fr .5fr;padding:62px 0;align-items:end}.number{background:#18251f;color:#fff;padding:5px 8px;font-size:11px}h1{font-size:clamp(50px,7vw,94px);letter-spacing:-6px;line-height:.9;margin:28px 0 20px}h1 em{color:#df583f;font-style:normal}.intro p{max-width:520px;line-height:1.7}.mini{text-align:right}.mini b{font-size:76px;letter-spacing:-5px}.mini span{margin-left:5px}.pulse{width:100%;height:8px;background:#18251f;margin-top:10px}.pulse.on{animation:pulse .3s infinite alternate;background:#df583f}@keyframes pulse{to{transform:scaleY(3)}}.workbench{border:2px solid;display:grid;grid-template-columns:.9fr 1.4fr;background:#fff}.controls{padding:28px;border-right:2px solid}.block{margin-bottom:30px}.block>label{display:block;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:12px}.wave-grid{display:grid;grid-template-columns:1fr 1fr}.wave-grid button{height:74px;border:1px solid #aab3a9;background:#fff;display:flex;align-items:center;gap:12px;padding:12px}.wave-grid button.active{background:#f5c842}.wave-grid b{font-size:28px}.parameters{display:grid;grid-template-columns:1fr 1fr;gap:18px}.parameters>label{grid-column:1/-1}.field{border-bottom:1px solid}.field>span,.field small{font-size:10px;display:block;color:#66736c}.field>div{display:flex;align-items:center}.field input[type=number]{border:0;background:none;font-size:27px;width:100%;padding:8px 0;outline:none}.field i{font-size:11px;font-style:normal}.field input[type=range]{width:100%;accent-color:#df583f;margin:19px 5px 18px 0}.big{grid-column:1/-1}.big input[type=number]{font-size:55px;letter-spacing:-3px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button{padding:15px;border:1px solid;font-weight:700}.preview{background:#18251f;color:#fff}.export{background:#df583f;color:#fff}.save{background:#fff;grid-column:1/-1}.actions p{grid-column:1/-1;font-size:11px;margin:4px 0;color:#66736c}.result{padding:28px;background:#d7e4d9}.screen{border:2px solid;background:#263c34;color:#eaffdf;padding:16px}.screen-head,.ticks{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}svg{width:100%;height:260px;margin-top:12px}svg path{fill:#f5c84259;stroke:#f5c842;stroke-width:3}svg path.on{animation:glow .3s infinite alternate}@keyframes glow{to{fill:#df583fa6;stroke:#ff8a70}}svg line{stroke:#b5d2bd;stroke-width:1}.stats{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border:1px solid}.stats div{padding:18px;border:1px solid;display:flex;flex-direction:column}.stats span{font-size:10px;color:#5e7066}.stats b{font-size:19px;margin-top:8px}.presets{display:grid;grid-template-columns:220px 1fr;gap:35px;padding:65px 0}.presets>div>span{font-size:10px;letter-spacing:2px}.presets h2{font-size:37px;margin:7px 0}.preset-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset-list button{position:relative;text-align:left;border:1px solid;background:#fff;padding:15px}.preset-list b,.preset-list span{display:block}.preset-list span{font-size:10px;color:#6a756e;margin-top:8px}.preset-list i{position:absolute;right:9px;top:5px;font-style:normal}@media(max-width:800px){.intro{grid-template-columns:1fr}.mini{display:none}.workbench{grid-template-columns:1fr}.controls{border-right:0;border-bottom:2px solid}.parameters{grid-template-columns:1fr}.big,.parameters>label{grid-column:1}.presets{grid-template-columns:1fr}.preset-list{grid-template-columns:1fr 1fr}.result{padding:15px}svg{height:200px}}