/* === SCOPED CSS: #SmmPanelUS-TGParser-Tool === */
        #SmmPanelUS-TGParser-Tool {
            /* Mode B Palette */
            --TG-Bg: #F4F6F9;
            --TG-Card: #FFFFFF;
            --TG-Border: #E2E8F0;
            --TG-Text-Main: #1A202C;
            --TG-Text-Muted: #64748b;
            --TG-Primary: #229ED9; /* Telegram Blue */
            --TG-Primary-Hover: #1A7EAE;
            --TG-Input-Bg: #F8FAFC;
            --TG-Success: #10B981;
            --TG-Danger: #EF4444;
            
            width: 100%; padding: 30px 0 80px 0; font-family: 'Inter', sans-serif; color: var(--TG-Text-Main);
        }

        /* Dark Mode Override */
        body.dark #SmmPanelUS-TGParser-Tool,
        .theme-dark-active #SmmPanelUS-TGParser-Tool {
            --TG-Bg: #1E2142; --TG-Card: #1A1D3A; --TG-Border: #2D3748;
            --TG-Text-Main: #FFFFFF; --TG-Text-Muted: #A0AEC0; --TG-Input-Bg: #131525;
        }

        #SmmPanelUS-TGParser-Tool * { box-sizing: border-box; outline: none; }
        #SmmPanelUS-TGParser-Tool .smm-iso-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

        /* --- NAV --- */
        #SmmPanelUS-TGParser-Tool .tool-nav-bar { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; font-size: 0.95rem; font-weight: 600; }
        #SmmPanelUS-TGParser-Tool .nav-back-btn { color: var(--TG-Text-Muted); text-decoration: none; display: flex; align-items: center; gap: 8px; padding: 8px 16px; background: var(--TG-Card); border: 1px solid var(--TG-Border); border-radius: 50px; transition: 0.2s; }
        #SmmPanelUS-TGParser-Tool .nav-back-btn:hover { color: var(--TG-Primary); border-color: var(--TG-Primary); transform: translateX(-3px); }
        #SmmPanelUS-TGParser-Tool .nav-divider { color: var(--TG-Border); }
        #SmmPanelUS-TGParser-Tool .nav-current { color: var(--TG-Text-Main); display: flex; align-items: center; gap: 8px; }
        #SmmPanelUS-TGParser-Tool .nav-current i { color: var(--TG-Primary); opacity: 0.8; }

        /* --- HEADER & RATING --- */
        #SmmPanelUS-TGParser-Tool .tg-header { margin-bottom: 40px; text-align: center; position: relative; }
        #SmmPanelUS-TGParser-Tool .tg-title-block h1 { font-size: 2.4rem; font-weight: 800; margin: 0 0 15px 0; color: var(--TG-Text-Main); line-height: 1.2; }
        #SmmPanelUS-TGParser-Tool .text-highlight { color: var(--TG-Primary); }
        #SmmPanelUS-TGParser-Tool .tg-title-block p { font-size: 1.15rem; color: var(--TG-Text-Muted); margin: 0; max-width: 700px; margin: 0 auto; line-height: 1.6; }

        /* Rating Badge Style */
        #SmmPanelUS-TGParser-Tool .app-rating-badge {
            display: inline-flex; align-items: center; gap: 8px;
            margin-top: 20px; padding: 8px 20px; background: var(--TG-Card);
            border: 1px solid var(--TG-Border); border-radius: 50px;
            cursor: default; transition: 0.2s; box-shadow: 0 4px 12px rgba(0,0,0,0.03);
            user-select: none;
        }
        #SmmPanelUS-TGParser-Tool .app-rating-badge:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.06); border-color: var(--TG-Primary); }
        #SmmPanelUS-TGParser-Tool .arb-stars { color: #F59E0B; font-size: 0.95rem; display: flex; gap: 2px; }
        #SmmPanelUS-TGParser-Tool .arb-score { font-weight: 800; color: var(--TG-Text-Main); font-size: 0.95rem; }
        #SmmPanelUS-TGParser-Tool .arb-reviews { font-size: 0.85rem; color: var(--TG-Text-Muted); }

        /* --- WORKSPACE --- */
        #SmmPanelUS-TGParser-Tool .tg-workspace { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; align-items: stretch; margin-bottom: 60px; }

        /* PANELS */
        #SmmPanelUS-TGParser-Tool .tg-panel {
            background: var(--TG-Card); border: 1px solid var(--TG-Border); border-radius: 16px;
            display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(0,0,0,0.03);
            overflow: hidden; min-height: 450px; height: 100%;
        }

        #SmmPanelUS-TGParser-Tool .panel-head { padding: 15px 20px; border-bottom: 1px solid var(--TG-Border); background: rgba(34, 158, 217, 0.05); display: flex; justify-content: space-between; align-items: center; }
        #SmmPanelUS-TGParser-Tool .ph-label { font-weight: 700; font-size: 0.95rem; color: var(--TG-Text-Main); display: flex; align-items: center; gap: 8px; }
        #SmmPanelUS-TGParser-Tool .ph-label i { color: var(--TG-Primary); opacity: 0.8; }
        
        #SmmPanelUS-TGParser-Tool .btn-clear { background: transparent; border: none; color: var(--TG-Text-Muted); cursor: pointer; transition: 0.2s; font-size: 0.9rem; }
        #SmmPanelUS-TGParser-Tool .btn-clear:hover { color: var(--TG-Danger); }
        
        #SmmPanelUS-TGParser-Tool .ph-badge { background: rgba(16,185,129,0.1); color: var(--TG-Success); font-size: 0.75rem; font-weight: 700; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; opacity: 0; transition: 0.3s; }
        #SmmPanelUS-TGParser-Tool .ph-badge.visible { opacity: 1; }

        #SmmPanelUS-TGParser-Tool .panel-body { flex: 1; position: relative; display: flex; flex-direction: column; padding: 20px; gap: 15px; }
        
        /* Inputs */
        #SmmPanelUS-TGParser-Tool .input-group { display: flex; flex-direction: column; gap: 6px; }
        #SmmPanelUS-TGParser-Tool .input-group label { font-size: 0.9rem; font-weight: 600; color: var(--TG-Text-Main); }
        #SmmPanelUS-TGParser-Tool .tg-input { 
            width: 100%; padding: 12px; border: 1px solid var(--TG-Border); border-radius: 10px; 
            background: var(--TG-Input-Bg); color: var(--TG-Text-Main); font-size: 1rem; transition: 0.2s; 
        }
        #SmmPanelUS-TGParser-Tool .tg-input:focus { border-color: var(--TG-Primary); box-shadow: 0 0 0 3px rgba(34, 158, 217, 0.1); }
        #SmmPanelUS-TGParser-Tool .hint { font-size: 0.8rem; color: var(--TG-Text-Muted); }

        #SmmPanelUS-TGParser-Tool .checkbox-label { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 0.9rem; color: var(--TG-Text-Main); font-weight: 500; user-select: none; }
        #SmmPanelUS-TGParser-Tool .checkbox-label input { accent-color: var(--TG-Primary); width: 16px; height: 16px; }

        #SmmPanelUS-TGParser-Tool textarea { 
            flex: 1; width: 100%; border: none; padding: 15px; background: var(--TG-Input-Bg); color: var(--TG-Text-Main); font-size: 0.9rem; line-height: 1.6; resize: none; font-family: monospace; border-radius: 10px;
            border: 1px solid var(--TG-Border);
        }
        #SmmPanelUS-TGParser-Tool textarea:focus { border-color: var(--TG-Primary); }
        #SmmPanelUS-TGParser-Tool textarea::placeholder { color: var(--TG-Text-Muted); opacity: 0.6; }

        #SmmPanelUS-TGParser-Tool .panel-footer { padding: 12px 20px; border-top: 1px solid var(--TG-Border); display: flex; justify-content: space-between; align-items: center; background: var(--TG-Card); font-size: 0.85rem; color: var(--TG-Text-Muted); }
        #SmmPanelUS-TGParser-Tool .stat-counter b { color: var(--TG-Text-Main); }

        #SmmPanelUS-TGParser-Tool .btn-copy { background: rgba(34, 158, 217, 0.1); color: var(--TG-Primary); border: 1px solid transparent; padding: 6px 14px; border-radius: 8px; font-weight: 700; font-size: 0.85rem; cursor: pointer; transition: 0.2s; display: flex; align-items: center; gap: 6px; }
        #SmmPanelUS-TGParser-Tool .btn-copy:hover { background: var(--TG-Primary); color: #fff; }

        #SmmPanelUS-TGParser-Tool .btn-action-primary { width: 100%; height: 50px; border-radius: 12px; background: var(--TG-Primary); color: #fff; border: 4px solid var(--TG-Bg); font-size: 1.1rem; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; gap: 10px; box-shadow: 0 10px 25px rgba(34, 158, 217, 0.3); margin-top: auto; }
        #SmmPanelUS-TGParser-Tool .btn-text { font-size: 1rem; font-weight: 700; }
        #SmmPanelUS-TGParser-Tool .btn-action-primary:hover { transform: translateY(-2px); background: var(--TG-Primary-Hover); box-shadow: 0 15px 35px rgba(34, 158, 217, 0.4); }
        #SmmPanelUS-TGParser-Tool .btn-action-primary:active { transform: translateY(0); }

        /* RECOMMENDATIONS BLOCK (GRID 5 ITEMS) */
        #SmmPanelUS-TGParser-Tool .tg-recommendations { max-width: 1000px; margin: 0 auto 60px auto; }
        #SmmPanelUS-TGParser-Tool .rec-title { font-size: 1.2rem; font-weight: 800; color: var(--TG-Text-Main); margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
        #SmmPanelUS-TGParser-Tool .rec-title i { color: #F59E0B; }
        
        #SmmPanelUS-TGParser-Tool .rec-grid { 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); /* Responsive columns */
            gap: 15px; 
        }
        
        #SmmPanelUS-TGParser-Tool .rec-card {
            display: flex; flex-direction: column; align-items: center; text-align: center;
            padding: 20px 15px; gap: 12px;
            background: var(--TG-Card); border: 1px solid var(--TG-Border); border-radius: 16px;
            text-decoration: none; transition: 0.2s; height: 100%;
        }
        #SmmPanelUS-TGParser-Tool .rec-card:hover { transform: translateY(-5px); border-color: var(--TG-Primary); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
        
        #SmmPanelUS-TGParser-Tool .rec-icon {
            width: 45px; height: 45px; border-radius: 10px; 
            display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
            margin-bottom: 5px;
        }
        #SmmPanelUS-TGParser-Tool .rec-info { width: 100%; }
        #SmmPanelUS-TGParser-Tool .rec-info strong { display: block; font-size: 0.95rem; color: var(--TG-Text-Main); margin-bottom: 4px; line-height: 1.3; }
        #SmmPanelUS-TGParser-Tool .rec-info span { font-size: 0.8rem; color: var(--TG-Text-Muted); display: block; line-height: 1.3; }
        
        #SmmPanelUS-TGParser-Tool .rec-arrow { display: none; } /* Hide arrow for card style */

        /* KNOWLEDGE BASE */
        #SmmPanelUS-TGParser-Tool .tg-knowledge-base { max-width: 900px; margin: 0 auto; }
        #SmmPanelUS-TGParser-Tool .kb-card { background: var(--TG-Card); border: 1px solid var(--TG-Border); border-radius: 24px; padding: 40px; }
        #SmmPanelUS-TGParser-Tool .kb-section { margin-bottom: 35px; }
        #SmmPanelUS-TGParser-Tool .kb-section.last { margin-bottom: 0; }

        #SmmPanelUS-TGParser-Tool h3 { font-size: 1.5rem; font-weight: 800; color: var(--TG-Text-Main); margin: 0 0 20px 0; display: flex; align-items: center; gap: 10px; }
        #SmmPanelUS-TGParser-Tool h3 i { color: var(--TG-Primary); opacity: 0.8; }
        
        #SmmPanelUS-TGParser-Tool .kb-content-text p { font-size: 1.05rem; line-height: 1.7; color: var(--TG-Text-Muted); margin-bottom: 15px; }

        #SmmPanelUS-TGParser-Tool .kb-list-check { list-style: none; padding: 0; margin: 0; }
        #SmmPanelUS-TGParser-Tool .kb-list-check li { position: relative; padding-left: 35px; margin-bottom: 12px; font-size: 1rem; color: var(--TG-Text-Muted); line-height: 1.6; }
        #SmmPanelUS-TGParser-Tool .kb-list-check li::before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 3px; color: var(--TG-Success); font-size: 1.1rem; }
        #SmmPanelUS-TGParser-Tool .kb-list-check li strong { color: var(--TG-Text-Main); }

        #SmmPanelUS-TGParser-Tool .kb-list-steps { padding-left: 20px; color: var(--TG-Text-Muted); list-style: none; margin: 0; }
        #SmmPanelUS-TGParser-Tool .kb-list-steps li { margin-bottom: 12px; font-size: 1rem; line-height: 1.6; padding-left: 15px; position: relative; }
        #SmmPanelUS-TGParser-Tool .kb-list-steps li::before { content: "•"; position: absolute; left: 0; color: var(--TG-Primary); font-weight: bold; font-size: 1.2rem; line-height: 1.5rem; top: -2px; }
        #SmmPanelUS-TGParser-Tool .kb-list-steps li strong { color: var(--TG-Text-Main); }

        /* Responsive */
        @media (max-width: 991px) {
            #SmmPanelUS-TGParser-Tool .tg-workspace { grid-template-columns: 1fr; gap: 25px; }
            #SmmPanelUS-TGParser-Tool .tg-panel { min-height: 400px; }
            #SmmPanelUS-TGParser-Tool .rec-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 500px) {
            #SmmPanelUS-TGParser-Tool .rec-grid { grid-template-columns: 1fr; }
        }