:root{--primary-blue:#2563eb;--primary-hover:#1d4ed8;--slate-dark:#0f172a;--slate-text:#334155;--slate-muted:#64748b;--border-color:#cbd5e1;--bg-light:#f8fafc;--card-bg:#fff;--radius-sm:6px;--radius-md:8px;--shadow-sm:0 1px 3px #0000000d}.pdf-layout-grid{grid-template-columns:300px 1fr;gap:20px;display:grid}.pdf-settings-panel{flex-direction:column;gap:15px;display:flex}.setting-group{color:var(--slate-text);text-align:left;flex-direction:column;gap:5px;font-size:13px;font-weight:500;display:flex}.pdf-select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);outline:none;padding:8px;font-size:13px}.pdf-range-slider{width:100%;accent-color:var(--primary-blue)}.upload-dropzone{border:2px dashed var(--border-color);background:var(--bg-light);border-radius:var(--radius-md);cursor:pointer;text-align:center;color:var(--slate-text);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:15px;font-weight:600;transition:all .2s;display:flex}.upload-dropzone:hover{border-color:var(--primary-blue);background:#eff6ff}.btn-primary-convert{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:5px;font-size:14px;font-weight:600;display:flex;background:var(--primary-blue)!important;color:#fff!important;padding:10px!important}.btn-primary-convert:hover{background:var(--primary-hover)!important}.btn-primary-convert:disabled{cursor:not-allowed;background:#94a3b8!important}.btn-clear-all{color:#dc2626;border-radius:var(--radius-sm);cursor:pointer;background:#fee2e2;border:none;padding:4px 10px;font-size:12px;font-weight:600}.image-preview-container{min-height:480px;max-height:600px;padding:20px;overflow-y:auto}.empty-image-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:380px;display:flex}.image-cards-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px;display:grid}.uploaded-image-card{background:var(--card-bg);border-radius:var(--radius-md);cursor:grab;border:1px solid #e2e8f0;flex-direction:column;align-items:center;padding:10px;display:flex;position:relative;box-shadow:0 2px 4px #00000005}.uploaded-image-card:active{cursor:grabbing}.card-top-badges{justify-content:space-between;width:100%;margin-bottom:6px;display:flex}.image-badge-index{color:#fff;background:#0009;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.drag-handle-icon{color:#94a3b8;cursor:move}.uploaded-thumb{object-fit:contain;background:var(--bg-light);border-radius:4px;width:100%;height:110px;margin-bottom:8px;transition:transform .2s}.image-card-info{text-align:left;width:100%;margin-bottom:8px}.image-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:500;overflow:hidden}.image-size{color:var(--slate-muted);font-size:11px}.image-card-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:6px;width:100%;padding-top:6px;display:flex}.image-card-actions button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:4px;padding:5px 8px}.image-card-actions button:hover{color:#1e293b;background:#e2e8f0}.btn-delete-img:hover{color:#dc2626!important;background:#fee2e2!important}.counter-page-container{color:var(--slate-dark);max-width:1400px;margin:0 auto;padding:30px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.counter-header-section{margin-bottom:24px}.counter-main-title{color:var(--slate-dark);margin:0 0 6px;font-size:1.6rem;font-weight:700}.counter-subtitle{color:#475569;margin:0;font-size:.95rem}.counter-layout-grid{grid-template-columns:220px 1fr 220px;align-items:start;gap:20px;display:grid}.text-tools-card,.text-editor-card,.statistics-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px}.text-tools-card h3,.statistics-card h3{color:#1e293b;margin-top:0;margin-bottom:12px;font-size:.95rem;font-weight:700}.tools-buttons-group{flex-direction:column;gap:10px;display:flex}.btn-tool{color:#fff;cursor:pointer;text-align:center;border-radius:var(--radius-md);background-color:#818cf8;border:none;padding:10px 12px;font-size:.85rem;font-weight:600;transition:background-color .2s}.btn-tool:hover{background-color:#6366f1}.text-editor-card{flex-direction:column;display:flex}.editor-top-bar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.editor-label{color:#1e293b;font-size:.95rem;font-weight:700}.btn-copy-action{color:#fff;cursor:pointer;border-radius:var(--radius-sm);background-color:#1e293b;border:none;padding:6px 14px;font-size:.8rem;font-weight:600}.btn-copy-action:hover{background-color:var(--slate-dark)}.textarea-wrapper{width:100%;position:relative}.main-counter-textarea{resize:vertical;color:var(--slate-dark);box-sizing:border-box;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;width:100%;height:485px;padding:14px;font-family:inherit;font-size:.95rem}.main-counter-textarea:focus{border-color:#6366f1}.stats-list{color:var(--slate-text);flex-direction:column;gap:8px;margin-bottom:20px;font-size:.9rem;display:flex}.stats-list p{margin:0}.stats-ad-slot{border:1px dashed var(--border-color);border-radius:var(--radius-sm);height:140px;color:var(--slate-muted);text-align:center;background-color:#f1f5f9;justify-content:center;align-items:center;font-size:.85rem;display:flex}@media (width<=1024px){.counter-layout-grid{grid-template-columns:1fr}}@media (width<=900px){.pdf-layout-grid{grid-template-columns:1fr}}.right-sidebar{width:300px;min-height:600px}@media (width<=768px){.right-sidebar{width:100%;min-height:auto}}