.ytg-container{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.ytg-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1),0 1px 3px rgb(0 0 0 / .08);overflow:hidden;transition:all 0.3s ease}.ytg-card:hover{box-shadow:0 10px 25px rgb(0 0 0 / .15),0 5px 10px rgb(0 0 0 / .1)}.ytg-header{background:linear-gradient(135deg,#FF0000,#CC0000);color:#fff;padding:30px;text-align:center}.ytg-header h3{margin:0 0 10px 0;font-size:1.8em;font-weight:700}.ytg-header p{margin:0;opacity:.9;font-size:1.1em}.ytg-header i{margin-right:10px}.ytg-input-section{padding:30px;border-bottom:1px solid #e2e8f0}.ytg-input-group{display:flex;gap:15px;align-items:center}.ytg-input{flex:1;padding:15px 20px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all 0.3s ease;background:#f8fafc}.ytg-input:focus{outline:none;border-color:#4299e1;background:#fff;box-shadow:0 0 0 3px rgb(66 153 225 / .1)}.ytg-generate-btn{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;padding:15px 25px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.ytg-generate-btn:hover{background:linear-gradient(135deg,#3182ce,#2c5aa0);transform:translateY(-2px);box-shadow:0 4px 12px rgb(49 130 206 / .4)}.ytg-generate-btn:active{transform:translateY(0)}.ytg-generate-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.ytg-loader{text-align:center;padding:40px;color:#4a5568}.ytg-spinner{border:4px solid #f3f3f3;border-top:4px solid #4299e1;border-radius:50%;width:40px;height:40px;animation:ytg-spin 1s linear infinite;margin:0 auto 20px}@keyframes ytg-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.ytg-results{padding:30px}.ytg-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.ytg-results-header h4{margin:0;color:#2d3748;font-size:1.4em}.ytg-results-header i{margin-right:8px;color:#4299e1}.ytg-copy-all-btn{background:#48bb78;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.ytg-copy-all-btn:hover{background:#38a169;transform:translateY(-1px)}.ytg-tags-container{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ytg-tag{background:linear-gradient(135deg,#edf2f7,#e2e8f0);color:#2d3748;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;border:2px solid #fff0;user-select:none}.ytg-tag:hover{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgb(66 153 225 / .3)}.ytg-tag.copied{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-color:#48bb78}.ytg-tag i{margin-left:8px;font-size:12px}.ytg-notice{background:#ebf8ff;border:1px solid #bee3f8;border-radius:8px;padding:15px;text-align:center;color:#2c5282}.ytg-notice i{margin-right:8px}.ytg-error{padding:20px 30px}.ytg-error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;padding:15px 20px;color:#c53030;text-align:center}.ytg-error-message i{margin-right:8px}@media (max-width:768px){.ytg-container{padding:10px}.ytg-header{padding:20px}.ytg-header h3{font-size:1.5em}.ytg-input-section{padding:20px}.ytg-input-group{flex-direction:column;gap:12px}.ytg-input{width:100%}.ytg-generate-btn{width:100%}.ytg-results{padding:20px}.ytg-results-header{flex-direction:column;gap:15px;text-align:center}.ytg-tags-container{gap:8px}.ytg-tag{padding:8px 16px;font-size:13px}}@media (max-width:480px){.ytg-header h3{font-size:1.3em}.ytg-header p{font-size:1em}.ytg-input{padding:12px 16px;font-size:14px}.ytg-generate-btn{padding:12px 20px;font-size:14px}}@keyframes ytg-tag-copied{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.ytg-tag.copied{animation:ytg-tag-copied 0.3s ease}.ytg-input:focus,.ytg-generate-btn:focus,.ytg-copy-all-btn:focus,.ytg-tag:focus{outline:2px solid #4299e1;outline-offset:2px}@media (prefers-color-scheme:dark){.ytg-card{background:#2d3748;color:#e2e8f0}.ytg-input{background:#4a5568;border-color:#718096;color:#e2e8f0}.ytg-input:focus{background:#2d3748;border-color:#4299e1}.ytg-tag{background:linear-gradient(135deg,#4a5568,#718096);color:#e2e8f0}.ytg-results-header h4{color:#e2e8f0}.ytg-notice{background:#2a4365;border-color:#3182ce;color:#90cdf4}}