@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@500&display=swap";:root{color:#e7eedc;font-synthesis:none;background:#141a17;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:8vh auto;padding:24px}.panel{background:#1b231e;border:1px solid #354036;border-radius:12px;padding:28px}.section-head{justify-content:space-between;align-items:center;gap:20px;display:flex}h1{letter-spacing:-.7px;margin:0;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:500}button,input,select{font:inherit}button{color:#1c2818;cursor:pointer;background:#c8ed90;border:0;border-radius:7px;padding:12px 18px;font-weight:600}button:hover{background:#d6f6a7}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #c8ed90}.settings{flex-wrap:wrap;gap:28px;margin:28px 0 36px;display:flex}.settings label{color:#a5b09f;flex-direction:column;gap:8px;font-size:12px;display:flex}.settings label>span{align-items:center;gap:7px;display:flex}select,input{color:#e7eedc;background:#141a17;border:1px solid #3b483c;border-radius:5px;width:100px;padding:9px}select{width:85px}.tape-heading{color:#8d9c89;justify-content:space-between;min-height:30px;font:11px monospace;display:flex}canvas{width:100%;height:200px;display:block}.tape-labels{color:#8d9c89;grid-template-columns:57% 1fr;margin-top:10px;font:10px monospace;display:grid}.tape-labels span:nth-child(2){color:#e7eedc;grid-area:1/2;transform:translate(-9px)}.tape-labels span:last-child{text-align:right;grid-area:1/2}@media (width<=600px){main{margin:24px auto;padding:14px}.panel{padding:18px}.settings{gap:16px}h1{font-size:21px}}.actions{gap:8px;display:flex}#reset{color:#e7eedc;background:#29362b;border:1px solid #43513f}@media (width<=450px){.section-head{flex-direction:column;align-items:flex-start}}input[type=checkbox]{accent-color:#c8ed90;width:18px;height:18px}.pattern-key{color:#929d96;margin:24px 0 0;font:11px/1.8 monospace}