/* Scoped CSS */
        #SmmPanelUS-TGPostGen-Tool {
            --TG-Card: #FFFFFF;
            --TG-Border: #E2E8F0;
            --TG-Text-Main: #1A202C;
            --TG-Text-Muted: #64748b;
            --TG-Primary: #4B75EE;
            --TG-Primary-Hover: #3B5ECC;
            --TG-Input-Bg: #F8FAFC;
            --TG-Success: #10B981;
            
            width: 100%; padding: 40px 0; font-family: 'Inter', sans-serif; color: var(--TG-Text-Main);
        }
        
        /* Dark Mode */
        body.dark #SmmPanelUS-TGPostGen-Tool,
        .theme-dark-active #SmmPanelUS-TGPostGen-Tool {
            --TG-Card: #1A1D3A;
            --TG-Border: #2D3748;
            --TG-Text-Main: #FFFFFF;
            --TG-Text-Muted: #A0AEC0;
            --TG-Input-Bg: #131525;
        }

        #SmmPanelUS-TGPostGen-Tool * { box-sizing: border-box; outline: none; }
        #SmmPanelUS-TGPostGen-Tool .smm-iso-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        
        /* Nav */
        #SmmPanelUS-TGPostGen-Tool .tool-nav-bar { display: flex; align-items: center; gap: 10px; margin-bottom: 30px; font-size: 0.95rem; }
        #SmmPanelUS-TGPostGen-Tool .nav-back-btn { text-decoration: none; color: var(--TG-Text-Muted); font-weight: 500; transition: 0.2s; display: flex; align-items: center; gap: 8px; }
        #SmmPanelUS-TGPostGen-Tool .nav-back-btn:hover { color: var(--TG-Primary); }
        #SmmPanelUS-TGPostGen-Tool .nav-divider { color: var(--TG-Border); }
        #SmmPanelUS-TGPostGen-Tool .nav-current { color: var(--TG-Text-Main); font-weight: 600; display: flex; align-items: center; gap: 8px; }
        #SmmPanelUS-TGPostGen-Tool .nav-current i { color: #229ED9; }

        /* Header */
        #SmmPanelUS-TGPostGen-Tool .TGPostGen-header { text-align: center; margin-bottom: 50px; }
        #SmmPanelUS-TGPostGen-Tool h1 { font-size: 2.5rem; font-weight: 800; margin: 0 0 15px 0; line-height: 1.2; }
        #SmmPanelUS-TGPostGen-Tool .text-highlight { color: var(--TG-Primary); }
        #SmmPanelUS-TGPostGen-Tool .TGPostGen-title-block p { font-size: 1.1rem; color: var(--TG-Text-Muted); max-width: 700px; margin: 0 auto; line-height: 1.6; }

        /* Workspace Grid */
        #SmmPanelUS-TGPostGen-Tool .TGPostGen-workspace { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 60px; }
        
        /* Panels */
        #SmmPanelUS-TGPostGen-Tool .TGPostGen-panel {
            background: var(--TG-Card); border: 1px solid var(--TG-Border); border-radius: 16px;
            display: flex; flex-direction: column; overflow: hidden; height: 100%;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.01), 0 2px 4px -1px rgba(0, 0, 0, 0.01);
        }
        
        #SmmPanelUS-TGPostGen-Tool .panel-head {
            padding: 20px 25px; border-bottom: 1px solid var(--TG-Border);
            display: flex; align-items: center; justify-content: space-between;
            background: rgba(75, 117, 238, 0.03);
        }
        #SmmPanelUS-TGPostGen-Tool .panel-head span { font-weight: 700; font-size: 1.05rem; display: flex; align-items: center; gap: 10px; }
        #SmmPanelUS-TGPostGen-Tool .panel-head i { color: var(--TG-Primary); }
        
        #SmmPanelUS-TGPostGen-Tool .btn-clear, 
        #SmmPanelUS-TGPostGen-Tool .btn-copy {
            background: transparent; border: 1px solid var(--TG-Border); border-radius: 8px;
            padding: 6px 12px; font-size: 0.85rem; color: var(--TG-Text-Muted); cursor: pointer;
            transition: 0.2s; font-weight: 600;
        }
        #SmmPanelUS-TGPostGen-Tool .btn-clear:hover { color: #EF4444; border-color: #EF4444; background: rgba(239, 68, 68, 0.05); }
        #SmmPanelUS-TGPostGen-Tool .btn-copy:hover { color: var(--TG-Primary); border-color: var(--TG-Primary); background: rgba(75, 117, 238, 0.05); }

        #SmmPanelUS-TGPostGen-Tool .panel-body { padding: 30px; flex-grow: 1; }
        #SmmPanelUS-TGPostGen-Tool .panel-body.no-padding { padding: 0; }

        /* Form Elements */
        #SmmPanelUS-TGPostGen-Tool .form-group { margin-bottom: 20px; }
        #SmmPanelUS-TGPostGen-Tool label { display: block; font-size: 0.9rem; font-weight: 600; margin-bottom: 8px; color: var(--TG-Text-Main); }
        
        #SmmPanelUS-TGPostGen-Tool .input-wrap { position: relative; }
        #SmmPanelUS-TGPostGen-Tool input {
            width: 100%; height: 50px; border-radius: 12px; border: 1px solid var(--TG-Border);
            background: var(--TG-Input-Bg); color: var(--TG-Text-Main); padding: 0 15px;
            font-size: 1rem; transition: 0.2s;
        }
        #SmmPanelUS-TGPostGen-Tool .input-wrap input { padding-left: 40px; }
        #SmmPanelUS-TGPostGen-Tool .input-wrap i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--TG-Text-Muted); font-size: 1.1rem; }
        
        #SmmPanelUS-TGPostGen-Tool input:focus { border-color: var(--TG-Primary); box-shadow: 0 0 0 3px rgba(75, 117, 238, 0.15); background: var(--TG-Card); }
        #SmmPanelUS-TGPostGen-Tool .hint { font-size: 0.8rem; color: var(--TG-Text-Muted); margin-top: 5px; display: block; }

        #SmmPanelUS-TGPostGen-Tool .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        
        #SmmPanelUS-TGPostGen-Tool .settings-box { background: var(--TG-Input-Bg); padding: 20px; border-radius: 12px; border: 1px solid var(--TG-Border); margin-bottom: 25px; }
        #SmmPanelUS-TGPostGen-Tool .settings-box .form-group:last-child { margin-bottom: 0; }
        #SmmPanelUS-TGPostGen-Tool .settings-box input { background: var(--TG-Card); }

        /* Custom Checkbox */
        #SmmPanelUS-TGPostGen-Tool .checkbox-group { margin-top: 15px; }
        #SmmPanelUS-TGPostGen-Tool .custom-checkbox { display: flex; align-items: center; cursor: pointer; user-select: none; }
        #SmmPanelUS-TGPostGen-Tool .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
        #SmmPanelUS-TGPostGen-Tool .checkmark {
            height: 22px; width: 22px; background-color: var(--TG-Card); border: 2px solid var(--TG-Border);
            border-radius: 6px; display: inline-block; position: relative; margin-right: 10px; transition: 0.2s;
        }
        #SmmPanelUS-TGPostGen-Tool .custom-checkbox:hover .checkmark { border-color: var(--TG-Primary); }
        #SmmPanelUS-TGPostGen-Tool .custom-checkbox input:checked ~ .checkmark { background-color: var(--TG-Primary); border-color: var(--TG-Primary); }
        #SmmPanelUS-TGPostGen-Tool .checkmark:after {
            content: ""; position: absolute; display: none; left: 7px; top: 3px; width: 5px; height: 10px;
            border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);
        }
        #SmmPanelUS-TGPostGen-Tool .custom-checkbox input:checked ~ .checkmark:after { display: block; }
        #SmmPanelUS-TGPostGen-Tool .label-text { font-size: 0.9rem; font-weight: 500; color: var(--TG-Text-Main); }

        /* Button */
        #SmmPanelUS-TGPostGen-Tool .btn-process {
            width: 100%; height: 55px; background: var(--TG-Primary); color: #fff;
            border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 700;
            cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; gap: 10px;
            box-shadow: 0 10px 20px rgba(75, 117, 238, 0.2);
        }
        #SmmPanelUS-TGPostGen-Tool .btn-process:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(75, 117, 238, 0.3); background: var(--TG-Primary-Hover); }
        #SmmPanelUS-TGPostGen-Tool .btn-process:active { transform: translateY(0); }

        /* Output Area */
        #SmmPanelUS-TGPostGen-Tool textarea {
            width: 100%; height: 100%; min-height: 400px; border: none; padding: 25px;
            background: transparent; color: var(--TG-Text-Main); font-family: 'Courier New', monospace;
            font-size: 0.95rem; line-height: 1.5; resize: none;
        }
        
        #SmmPanelUS-TGPostGen-Tool .panel-stat {
            padding: 15px 25px; border-top: 1px solid var(--TG-Border); background: rgba(75, 117, 238, 0.03);
            font-size: 0.9rem; color: var(--TG-Text-Muted); text-align: right;
        }
        #SmmPanelUS-TGPostGen-Tool .panel-stat b { color: var(--TG-Text-Main); font-weight: 700; }

        /* Recs & KB */
        #SmmPanelUS-TGPostGen-Tool .TGPostGen-recommendations { margin-bottom: 50px; }
        #SmmPanelUS-TGPostGen-Tool h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: 25px; color: var(--TG-Text-Main); }
        #SmmPanelUS-TGPostGen-Tool .recs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
        #SmmPanelUS-TGPostGen-Tool .rec-card {
            background: var(--TG-Card); border: 1px solid var(--TG-Border); border-radius: 16px;
            padding: 20px; text-decoration: none; display: flex; align-items: center; gap: 15px;
            transition: 0.2s;
        }
        #SmmPanelUS-TGPostGen-Tool .rec-card:hover { transform: translateY(-5px); border-color: var(--TG-Primary); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
        #SmmPanelUS-TGPostGen-Tool .rec-icon { width: 45px; height: 45px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; }
        #SmmPanelUS-TGPostGen-Tool .rec-info h4 { margin: 0 0 5px 0; font-size: 1rem; color: var(--TG-Text-Main); font-weight: 700; }
        #SmmPanelUS-TGPostGen-Tool .rec-info span { font-size: 0.85rem; color: var(--TG-Text-Muted); }

        #SmmPanelUS-TGPostGen-Tool .TGPostGen-knowledge-base .kb-card { background: var(--TG-Card); border: 1px solid var(--TG-Border); border-radius: 16px; padding: 40px; }
        #SmmPanelUS-TGPostGen-Tool .kb-content h4 { font-size: 1.1rem; margin: 25px 0 15px 0; color: var(--TG-Text-Main); }
        #SmmPanelUS-TGPostGen-Tool .kb-content p { color: var(--TG-Text-Muted); line-height: 1.7; font-size: 1rem; }
        #SmmPanelUS-TGPostGen-Tool code { background: var(--TG-Input-Bg); padding: 2px 6px; border-radius: 4px; font-family: monospace; color: var(--TG-Primary); border: 1px solid var(--TG-Border); }

        /* Custom Lists */
        #SmmPanelUS-TGPostGen-Tool .kb-list-check { list-style: none; padding: 0; margin: 20px 0; }
        #SmmPanelUS-TGPostGen-Tool .kb-list-check li { 
            position: relative; padding-left: 30px; margin-bottom: 12px; 
            color: var(--TG-Text-Muted); font-size: 0.95rem; line-height: 1.5;
        }
        #SmmPanelUS-TGPostGen-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); 
        }

        #SmmPanelUS-TGPostGen-Tool .kb-list-steps { list-style: none; padding: 0; margin: 20px 0; counter-reset: step-counter; }
        #SmmPanelUS-TGPostGen-Tool .kb-list-steps li { position: relative; padding-left: 45px; margin-bottom: 15px; color: var(--TG-Text-Muted); line-height: 1.5; }
        #SmmPanelUS-TGPostGen-Tool .kb-list-steps li::before {
            counter-increment: step-counter; content: counter(step-counter);
            position: absolute; left: 0; top: 0; width: 28px; height: 28px;
            background: var(--TG-Input-Bg); border: 1px solid var(--TG-Border);
            border-radius: 50%; color: var(--TG-Primary); font-weight: 700;
            display: flex; align-items: center; justify-content: center; font-size: 0.85rem;
        }

        @media (max-width: 991px) {
            #SmmPanelUS-TGPostGen-Tool .TGPostGen-workspace { grid-template-columns: 1fr; }
            #SmmPanelUS-TGPostGen-Tool .TGPostGen-panel { min-height: auto; }
            #SmmPanelUS-TGPostGen-Tool textarea { min-height: 300px; }
        }