.noise-tool[data-v-22c816b0]{z-index:1;max-width:900px;margin:0 auto;padding:32px 24px 80px;position:relative}.page-header[data-v-22c816b0]{text-align:center;margin-bottom:28px}.page-header h1[data-v-22c816b0]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:700;transition:color .3s}.page-header p[data-v-22c816b0]{color:var(--vt-text-secondary);margin:0;font-size:14px;transition:color .3s}.card[data-v-22c816b0]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:14px;margin-bottom:24px;padding:24px;transition:background .3s,border-color .3s}.card h3[data-v-22c816b0]{color:var(--vt-text);margin:0 0 16px;font-size:16px;font-weight:600}.player-bar[data-v-22c816b0]{flex-wrap:wrap;align-items:center;gap:20px;padding:16px 24px;display:flex}.play-btn[data-v-22c816b0]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;transition:all .2s;display:flex}.play-btn[data-v-22c816b0]:hover{transform:scale(1.05);box-shadow:0 4px 20px #667eea66}.play-btn.playing[data-v-22c816b0]{background:linear-gradient(135deg,#ef4444,#dc2626)}.timer-section[data-v-22c816b0]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timer-label[data-v-22c816b0]{color:var(--vt-text-secondary);font-size:13px}.timer-btn[data-v-22c816b0]{border:1px solid var(--vt-border);background:var(--vt-bg-input);color:var(--vt-text-secondary);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:12px;transition:all .2s}.timer-btn.active[data-v-22c816b0]{background:var(--vt-primary);color:#fff;border-color:var(--vt-primary)}.timer-display[data-v-22c816b0]{color:var(--vt-primary);margin-left:8px;font-family:Menlo,monospace;font-size:16px;font-weight:700}.sounds-grid[data-v-22c816b0]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:24px;display:grid}.sound-card[data-v-22c816b0]{background:var(--vt-bg-card);border:2px solid var(--vt-border);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;padding:20px 12px;transition:all .3s}.sound-card[data-v-22c816b0]:hover{border-color:var(--vt-primary);transform:translateY(-2px)}.sound-card.active[data-v-22c816b0]{border-color:var(--vt-primary);background:var(--vt-primary-light);box-shadow:0 4px 20px #6366f126}.sound-icon[data-v-22c816b0]{margin-bottom:8px;font-size:36px}.sound-name[data-v-22c816b0]{color:var(--vt-text);margin-bottom:8px;font-size:14px;font-weight:600}.sound-hint[data-v-22c816b0]{color:var(--vt-text-secondary);font-size:11px}.sound-volume[data-v-22c816b0]{padding:0 4px}.volume-slider[data-v-22c816b0]{width:100%;height:4px;accent-color:var(--vt-primary);cursor:pointer}.volume-label[data-v-22c816b0]{color:var(--vt-primary);font-size:11px;font-weight:600}.presets-grid[data-v-22c816b0]{flex-wrap:wrap;gap:10px;display:flex}.preset-btn[data-v-22c816b0]{border:1px solid var(--vt-border);background:var(--vt-bg-input);color:var(--vt-text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.preset-btn[data-v-22c816b0]:hover{border-color:var(--vt-primary);color:var(--vt-primary)}.preset-icon[data-v-22c816b0]{font-size:18px}.visualizer-canvas[data-v-22c816b0]{background:var(--vt-bg);border-radius:10px;width:100%;transition:background .3s}@media (width<=768px){.noise-tool[data-v-22c816b0]{padding:24px 16px 60px}.sounds-grid[data-v-22c816b0]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.sound-card[data-v-22c816b0]{padding:14px 8px}.sound-icon[data-v-22c816b0]{font-size:28px}.player-bar[data-v-22c816b0]{flex-direction:column;align-items:flex-start}.presets-grid[data-v-22c816b0]{gap:6px}.preset-btn[data-v-22c816b0]{padding:8px 12px;font-size:12px}}