@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap);*{box-sizing:border-box;caret-color:transparent;margin:0;padding:0;scrollbar-width:5px;text-decoration:none}input:focus,textarea:focus{caret-color:#000}::-webkit-scrollbar{background-color:#f5f5f5;width:6px}::-webkit-scrollbar-thumb{background-color:#3c508b}::-webkit-scrollbar-track{background-color:#ffeae0;-webkit-box-shadow:inset 0 0 6px "#FFEAE0"}body{background-color:#fff!important}*{font-family:League Spartan,sans-serif}#root,body,html{height:100%;width:100%}.figma-navbar{align-items:center;background-color:#2f3b65;color:#fff;display:flex;font-family:sans-serif;height:60px;justify-content:space-between;padding:0 30px}.navbar-logo{font-size:20px;font-weight:700;letter-spacing:.5px}.navbar-profile{background-color:#3b4977;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;gap:10px;padding:8px 16px}.navbar-profile,.profile-icon{align-items:center;display:flex}.profile-icon{background:#fff;border-radius:50%;color:#2f3b65;height:24px;justify-content:center;width:24px}.dropdown-arrow{font-size:10px}.hearnu-pro-container{background-color:#fff;min-height:calc(100vh - 60px);overflow-y:visible;padding:20px 30px 60px}.hearnu-pro-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-left,.header-right{align-items:center;display:flex;gap:15px}.header-title{color:#333;font-size:24px;font-weight:600;margin:0}.figma-connect-btn{align-items:center;background-color:#2f3b65;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:opacity .2s}.figma-connect-btn:hover{opacity:.9}.figma-connect-btn:disabled{cursor:not-allowed;opacity:.5}.figma-connect-btn.connected{background-color:#ff4d4f}.audiogram-icon-btn{background-color:#f3f4f6!important;border-radius:8px!important;padding:8px!important}.figma-volume-control{align-items:center;background-color:#f3f4f6;border-radius:8px;display:flex;gap:10px;padding:6px 16px}.vol-label{color:#4b5563;font-size:13px;font-weight:500}.vol-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;display:flex;font-weight:700;height:26px;justify-content:center;width:26px}.vol-btn:hover{border-color:#2f3b65;color:#2f3b65}.figma-vol-slider{margin:0;width:140px}.figma-vol-slider .ant-slider-track{background-color:#2f3b65!important}.figma-vol-slider .ant-slider-handle{background-color:#fff!important;border:2px solid #2f3b65!important;border-radius:50%!important;box-shadow:none!important;height:16px;margin-top:-6px;outline:none!important;width:16px}.figma-vol-slider .ant-slider-handle:after{display:none!important}.figma-vol-slider .ant-slider-handle:active,.figma-vol-slider .ant-slider-handle:focus,.figma-vol-slider .ant-slider-handle:hover{border-color:#2f3b65!important;box-shadow:none!important;outline:none!important}.hearnu-pro-reset-row{margin-bottom:15px}.figma-reset-btn{align-items:center;background-color:#d34b56;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:6px 16px}.figma-eq-grid{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;width:100%}.figma-eq-column{min-width:80px;width:100%}.figma-eq-column,.figma-slider-box{align-items:center;display:flex;flex-direction:column}.figma-slider-box{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px;padding:16px 8px;width:75px}.figma-freq-label{color:#4b5563;font-size:15px;font-weight:600;margin-bottom:8px}.figma-gain-value{background-color:#f3f4f6;border-radius:4px;color:#2f3b65;font-size:13px;font-weight:700;margin-bottom:15px;padding:4px 14px}.figma-slider-wrapper{display:flex;justify-content:center;width:100%}.figma-slider-wrapper.admin-view{height:280px}.figma-slider-wrapper.user-view{height:330px}.figma-vertical-slider{margin:0!important}.figma-vertical-slider .ant-slider-dot{display:none!important}.figma-vertical-slider .ant-slider-rail{background-color:#e5e7eb!important;width:2px!important}.figma-vertical-slider .ant-slider-track{background-color:#2f3b65!important;width:2px!important}.figma-vertical-slider .ant-slider-handle{background-color:#fff!important;border:2px solid #2f3b65!important;border-radius:50%!important;box-shadow:none!important;height:16px!important;margin-left:-7px!important;opacity:1!important;outline:none!important;width:16px!important}.figma-vertical-slider .ant-slider-handle:after{display:none!important}.figma-vertical-slider .ant-slider-handle:focus,.figma-vertical-slider .ant-slider-handle:hover{border-color:#2f3b65!important;box-shadow:0 0 0 4px rgba(47,59,101,.1)!important;outline:none!important}.figma-vertical-slider .ant-slider-mark{left:-28px!important;width:20px!important}.figma-vertical-slider .ant-slider-mark-text{color:#9ca3af!important;font-size:10px!important;-webkit-transform:translateY(50%)!important;transform:translateY(50%)!important}.figma-filter-stack{display:flex;flex-direction:column;gap:8px;width:100%}.figma-filter-btn{background-color:#fff;border:1px solid #eaeaea;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:6px 0;transition:all .2s;width:100%}.figma-filter-btn:hover{border-color:#d9d9d9}.figma-filter-btn.active{background-color:#e8e8e8;border-color:#e8e8e8;font-weight:500}.hearnu-pro-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:25px;padding-top:15px}