.tools-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.tools-actions .action{flex-direction:column;align-items:flex-start;min-height:145px;gap:14px}.tools-actions .arrow{position:absolute;right:18px;top:19px}.tools-dialog{width:min(460px,calc(100% - 26px))}.tools-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.tools-heading h2{margin:7px 0 0}.tools-heading .icon-button{flex-shrink:0}.tools-heading svg,.pc-touchpad svg,.file-drop svg,.program-button svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.program-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.program-button{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:20px;text-align:left;border:0;border-radius:22px;background:#ffffff05;color:var(--text);min-height:113px}.program-button svg{color:var(--accent)}.program-button strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.audio-level{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:14px}.audio-level strong{font-size:21px;font-weight:400;color:var(--accent);font-variant-numeric:tabular-nums}#pcVolume{accent-color:var(--accent);padding:0;min-height:32px;background:none;border:0}.audio-buttons,.mouse-buttons,.media-buttons,.keyboard-buttons{display:flex;gap:9px;margin-top:13px}.audio-buttons>*,.mouse-buttons>*,.keyboard-buttons>*{flex:1;min-width:0}.audio-buttons button:first-child,.audio-buttons button:last-child{flex:0 0 56px;font-size:22px}.media-buttons{margin-top:25px;margin-bottom:20px}.media-buttons .primary{flex:1;font-size:11px}.media-buttons .secondary{font-size:18px;padding:12px 17px}.keyboard-buttons{gap:7px}.keyboard-buttons .secondary{padding:11px 4px;font-size:12px}.pc-touchpad{height:225px;border-radius:26px;background:radial-gradient(#ffffff10 .8px,transparent .8px) 0 0/15px 15px,linear-gradient(145deg,#292c2e,#1b1d1f);box-shadow:inset 0 1px 0 #ffffff09;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.pc-touchpad svg{height:38px;width:38px;color:#bca78a}.pc-touchpad span{font-size:12px;color:#bfc0c0}.pc-touchpad small{font-size:10px;color:var(--muted)}.pc-touchpad.active{box-shadow:inset 0 0 0 1px #ead5b340}#pcText{resize:vertical;width:100%;min-height:95px;background:#ffffff04;color:var(--text);border:1px solid #ffffff0c;border-radius:16px;padding:13px 15px;font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;user-select:text;-webkit-user-select:text}.file-drop{text-align:center;border-radius:24px;padding:25px 20px;background:#ffffff03}.file-drop>svg{width:35px;height:35px;color:var(--accent);display:block;margin:0 auto 20px}.file-drop>strong{font-weight:500;font-size:16px}.file-choose{position:relative;cursor:pointer;color:#302a23;margin-top:18px}.file-choose input{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0;overflow:hidden}.file-choose:focus-within{outline:2px solid var(--accent);outline-offset:3px}.upload-state{padding:18px;margin-top:16px;background:#ffffff04;border-radius:20px}.upload-state .audio-level span{overflow-wrap:anywhere;min-width:0}.upload-state progress{width:100%;height:7px;accent-color:var(--accent)}.upload-state .audio-level strong{font-size:15px}#selectedPCFiles{overflow-wrap:anywhere}.saved-programs{display:grid;gap:6px}.saved-program-row{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #ffffff06}.saved-program-row>div{min-width:0;flex:1}.saved-program-row strong{font-size:13px;font-weight:500}.saved-program-row small{display:block;overflow-wrap:anywhere;color:var(--muted);font-size:10px;margin-top:4px}.saved-program-row button{flex-shrink:0}.program-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.program-form label{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.tools-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-dialog .dialog-inner{padding:23px}.program-form{grid-template-columns:1fr;gap:17px}.pc-touchpad{height:210px}.tools-actions .action{min-height:135px}.media-buttons .secondary{padding:12px 16px}}
