.tool-shell {
            padding-top: 96px;
            padding-bottom: 48px;
        }

        .tool-header {
            text-align: center;
            max-width: 780px;
            margin: 0 auto 28px;
        }

        .tool-header h1 {
            font-size: clamp(1.75rem, 4vw, 2.5rem);
            line-height: 1.2;
            margin-bottom: 12px;
            color: var(--color-text-primary);
        }

        .tool-header p {
            color: var(--color-text-secondary);
        }

        .tool-panel {
            max-width: 820px;
            margin: 0 auto;
            background: var(--color-surface);
            border: 1px solid var(--color-border);
            border-radius: var(--radius-xl);
            padding: 24px;
            box-shadow: var(--shadow-md);
        }

        #controls {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 16px 0;
        }

        #controls button {
            padding: 10px 16px;
            border-radius: var(--radius-md);
            font-weight: 600;
            color: #fff;
            background: var(--gradient-primary);
            border: 1px solid transparent;
            transition: transform var(--transition-fast), opacity var(--transition-fast);
        }

        #controls button:hover:enabled {
            transform: translateY(-1px);
        }

        #controls button:disabled {
            opacity: 0.45;
            cursor: not-allowed;
        }

        #ASRText {
            min-height: 80px;
            padding: 14px;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-md);
            background: #f0f3f7;
            color: var(--color-text-primary);
            line-height: 1.5;
        }

        #recordingsList {
            margin-top: 12px;
            padding-left: 20px;
            color: var(--color-text-secondary);
        }

        #recordingsList li {
            margin-bottom: 10px;
        }

        .tool-note {
            margin-top: 12px;
            color: var(--color-text-secondary);
            font-size: 0.95rem;
        }

        .related-tools {
            max-width: 820px;
            margin: 24px auto 0;
            background: #f8fcfa;
            border: 1px solid #d7e6de;
            border-radius: var(--radius-lg);
            padding: 20px;
        }

        .related-tools h2 {
            margin-bottom: 8px;
            font-size: 1.2rem;
        }

        .related-tools p {
            margin-bottom: 10px;
            color: var(--color-text-secondary);
        }

        .related-tools ul {
            padding-left: 20px;
            line-height: 1.8;
        }

        .related-tools a {
            color: var(--color-primary-dark);
            font-weight: 500;
        }

        @media (max-width: 640px) {
            .tool-panel {
                padding: 16px;
            }
        }

.pc-auto-93b8ea5b { display:none; }

.pc-auto-294e6705 { max-width: 820px; margin: 48px auto; padding: 0 20px; }

.pc-auto-e532558f { font-size: 1.8rem; margin-bottom: 24px; text-align: center; }

.pc-auto-c5350789 { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 24px; margin-bottom: 24px; }

.pc-auto-ec422b3f { font-size: 1.2rem; margin-bottom: 16px; }

.pc-auto-d53ae4e4 { line-height: 1.8; margin-left: 20px; }

.pc-auto-15566e91 { font-size: 1.2rem; margin-bottom: 16px;\ }

.pc-auto-48e93af3 { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 24px; }