/*!/wp-content/themes/auxmode/inc/webapps/youtube-thumbnail-preview/youtube-thumbnail-preview.css*/.input-section{margin-bottom:50px}.upload-area{border:3px dashed #dee2e6;border-radius:8px;padding:40px;text-align:center;background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color 0.3s}.upload-area:hover{border-color:#007bff}.upload-area.dragover{border-color:#007bff;background:#e7f3ff}.upload-content{width:100%}.upload-btn{font-size:16px;font-weight:600;margin-bottom:10px}.entry-content .upload-info{color:#6c757d;font-size:14px;margin:0}.image-preview-container{width:100%;height:100%}.image-preview-container img{max-width:100%;max-height:260px;object-fit:contain;border-radius:4px}.image-info{margin-top:10px;margin-bottom:15px;font-size:12px;color:#6c757d}.upload-another-btn{margin-top:15px;font-size:14px;padding:8px 16px}.title-input-section label{font-weight:600;margin-bottom:10px;display:block;color:#212529}.title-input-section input{margin-bottom:20px;padding:10px;font-size:16px;border:2px solid #dee2e6;border-radius:4px;width:100%}.title-input-section input:focus{outline:none;border-color:#007bff}.title-metrics{margin-top:15px}.metric-item{margin-bottom:10px;font-size:14px;color:#495057}.metric-item.pixel-width{font-size:13px;margin-top:15px}.metric-item span{font-weight:600}.safe{color:#28a745}.unsafe{color:#dc3545}.section-title{font-size:24px;font-weight:600;margin-bottom:30px;color:#212529}.mockup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px}@media (max-width:1200px){.mockup-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.mockup-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.mockup-grid{grid-template-columns:1fr}.main-title{font-size:32px}}.youtube-mockup{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 5px rgb(0 0 0 / .2);transition:transform 0.2s,box-shadow 0.2s}.youtube-mockup:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.thumbnail-container{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;cursor:pointer}.thumbnail-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px 8px 0 0}.video-info{padding:12px}.video-title{font-size:14px;font-weight:500;color:#212529;margin-bottom:8px;line-height:1.4;position:relative;padding-right:24px}.video-title>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.8em}.more-button{position:absolute;right:0;top:0;color:#606060;cursor:pointer;font-size:16px;padding:4px;opacity:.7;transition:opacity 0.2s}.more-button:hover{opacity:1}.channel-info{display:flex;align-items:center;margin-bottom:4px;position:relative}.channel-avatar{width:24px;height:24px;border-radius:50%;background:#6c757d;margin-right:8px;flex-shrink:0}.channel-name{font-size:13px;color:#606060;flex-grow:1}.video-meta{font-size:13px;color:#606060;margin-left:32px}.mockup-file-info{font-size:11px;color:#6c757d;margin-top:8px;padding-top:8px;border-top:1px solid #dee2e6}.file-name{font-weight:600}