.audio-tool-container.suuh1{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);display:flex;flex-direction:column;inset:64px 0 0;overflow:hidden;position:fixed}.tool-area.suuh1{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.controls-overlay.suuh1{inset:64px 0 0;overflow:hidden;pointer-events:none;position:fixed;z-index:10}.controls-overlay.suuh1>:where(.suuh1){pointer-events:auto}.controls-overlay.suuh1 :where(.suuh1){pointer-events:auto!important}.controls-header.suuh1{align-items:center;display:flex;justify-content:space-between;left:var(--space-sm);position:fixed;right:var(--space-sm);top:calc(64px + var(--space-sm));z-index:15}.back-button.suuh1{align-items:center;background:#00000080!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:8px;color:#fff!important;display:flex;font-size:var(--text-sm);gap:var(--space-sm);height:40px;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast)}.back-button.suuh1:hover{background:#000000b3!important;border-color:#fff6!important}.volume-controls.suuh1{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#00000080!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;gap:var(--space-md);height:40px;padding:var(--space-sm) var(--space-md)}.mute-button.suuh1{align-items:center;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.mute-button.suuh1:hover{background:#ffffff1a}.volume-slider.suuh1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#ffffff1a 0% 29.3%,#39f3 29.3% 100%);border-radius:3px;box-shadow:inset 0 1px 2px #0000004d;height:6px;outline:none;width:120px}.volume-slider.suuh1::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#66b3ff,#39f);border-radius:50%;box-shadow:0 2px 6px #3399ff4d,0 0 0 1px #0003;cursor:pointer;height:18px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:18px}.volume-slider.suuh1::-webkit-slider-thumb:hover{transform:scale(1.15)}.volume-slider.suuh1::-moz-range-thumb{background:linear-gradient(135deg,#66b3ff,#39f);border:none;border-radius:50%;box-shadow:0 2px 6px #3399ff4d,0 0 0 1px #0003;cursor:pointer;height:18px;-moz-transition:transform .15s ease;transition:transform .15s ease;width:18px}.volume-slider.suuh1::-moz-range-thumb:hover{transform:scale(1.15)}.volume-value.suuh1{color:#fffc;flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-sm);text-align:right;white-space:nowrap;width:85px}.audio-info.suuh1{font-family:var(--font-mono);gap:var(--space-xl);left:var(--space-lg);padding:var(--space-md) var(--space-lg)}.audio-info.suuh1,.keyboard-hints.suuh1{background:#00000080;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;bottom:var(--space-lg);cursor:default;display:flex;font-size:var(--text-sm);pointer-events:auto;position:fixed;z-index:20}.keyboard-hints.suuh1{align-items:center;color:#fffc;gap:var(--space-md);height:40px;padding:var(--space-sm) var(--space-md);right:var(--space-lg)}.info-item.suuh1{display:flex;flex-direction:column;gap:4px}.info-label.suuh1{color:#fff9;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.info-value.suuh1{color:#fff}.hint.suuh1{align-items:center;display:flex;gap:var(--space-xs)}kbd.suuh1{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.3);border-radius:4px;color:#fff;display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 6px}.calibration-warning.suuh1{background:#ff444426;border:1px solid #f66;border-radius:8px;color:#f88;font-weight:600;height:40px}.calibration-warning.suuh1,.safety-warning.suuh1{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.safety-warning.suuh1{background:#ffcc001a;border:1px solid #fc0;border-radius:8px;bottom:calc(100% + var(--space-sm));color:#fc0;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap}.safety-warning.critical.suuh1{background:#f443;border-color:#f44;color:#f88;font-size:var(--text-base);padding:var(--space-md) var(--space-lg)}@media (max-width: 768px){.audio-tool-container.suuh1,.controls-overlay.suuh1{top:56px}.controls-header.suuh1{align-items:center!important;display:flex!important;height:40px!important;justify-content:space-between!important;left:var(--space-sm)!important;margin:0!important;padding:0!important;position:fixed!important;right:var(--space-sm)!important;top:calc(56px + var(--space-xs))!important;z-index:15!important}.audio-info.suuh1{left:var(--space-md)}.audio-info.suuh1,.keyboard-hints.suuh1{bottom:var(--space-lg);position:fixed;z-index:25}.keyboard-hints.suuh1{right:var(--space-md)}.back-button.suuh1 span:where(.suuh1){display:none}.back-button.suuh1{flex-shrink:0;height:40px;margin:0!important;min-width:40px;padding:var(--space-sm)}.volume-controls.suuh1{flex-shrink:1;gap:var(--space-sm);height:40px;min-width:220px;padding:var(--space-xs) var(--space-sm);width:auto}.volume-slider.suuh1{flex-shrink:1;width:100px}.audio-info.suuh1{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.keyboard-hints.suuh1{display:none}}@media (max-width: 480px){.controls-header.suuh1{align-items:flex-start!important;display:flex!important;height:auto!important;justify-content:space-between!important;left:var(--space-xs)!important;position:fixed!important;right:var(--space-xs)!important;top:calc(56px + var(--space-xs))!important;z-index:15!important}.volume-controls.suuh1{align-items:center;align-self:flex-start;flex-direction:column;flex-shrink:0;gap:var(--space-xs);height:140px;justify-content:space-between;margin:0!important;max-width:40px;min-width:40px;overflow:hidden;padding:var(--space-xs);position:static;width:40px}.volume-slider.suuh1{flex-shrink:0;height:4px;margin:33px 0;transform:rotate(-90deg);transform-origin:center;width:70px}.volume-value.suuh1{font-size:9px;line-height:1;margin:0;min-width:unset;padding:0;text-align:center;width:100%}.mute-button.suuh1{flex-shrink:0;height:20px;width:20px}.mute-button.suuh1 svg:where(.suuh1){height:16px;width:16px}.back-button.suuh1{align-self:flex-start;flex-shrink:0;height:40px;margin:0!important;min-width:40px;padding:var(--space-xs)}}@media (max-width: 360px){.controls-header.suuh1{align-items:flex-start!important;top:calc(56px + var(--space-xs))!important}.volume-controls.suuh1{align-self:flex-start;flex-shrink:0;gap:2px;height:120px;justify-content:space-between;margin:0!important;max-width:36px;min-width:36px;padding:3px;position:static;width:36px}.volume-slider.suuh1{height:3px;margin:24px 0;transform:rotate(-90deg);transform-origin:center;width:50px}.volume-value.suuh1{font-size:8px;line-height:1;margin:0;padding:0;text-align:center}.mute-button.suuh1{height:18px;width:18px}.mute-button.suuh1 svg:where(.suuh1){height:14px;width:14px}.back-button.suuh1{align-self:flex-start;height:36px;min-width:36px}.safety-warning.suuh1{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}}