.converter-pdf-png{--c-bg: #f6f7fb;--c-card: #ffffff;--c-border: #e1e5ee;--c-text: #1b2333;--c-muted: #5b667a;--c-accent: #1f7ae0;--c-accent-soft: #e7f0ff;--c-danger: #c62828;font-family:Segoe UI,Noto Sans,Arial,sans-serif;color:var(--c-text);max-width:1040px;margin:0 auto;padding:24px;display:grid;gap:16px}.converter-pdf-png *{box-sizing:border-box}.converter-header{background:var(--c-card);border:1px solid var(--c-border);border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}.converter-header h1{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.2rem)}.converter-header .lead{margin:0;color:var(--c-muted)}.converter-header .actions button{border:1px solid var(--c-border);background:var(--c-card);padding:10px 14px;border-radius:10px;cursor:pointer}.converter-panel{background:var(--c-card);border:1px solid var(--c-border);border-radius:16px;padding:18px;display:grid;gap:16px}.dropzone{border:2px dashed var(--c-border);border-radius:16px;background:var(--c-bg);padding:24px;text-align:center;transition:border-color .2s ease,background .2s ease;position:relative}.dropzone.is-over{border-color:var(--c-accent);background:var(--c-accent-soft)}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone-content h2{margin:0 0 8px;font-size:1.2rem}.dropzone-content p{margin:4px 0;color:var(--c-muted)}.dropzone-content button{margin-top:12px;background:var(--c-accent);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer}.converter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.option label{display:block;font-size:.9rem;color:var(--c-muted);margin-bottom:6px}.option select{width:100%;border:1px solid var(--c-border);padding:10px 12px;border-radius:10px;background:#fff}.option .hint{display:block;margin-top:6px;font-size:.8rem;color:var(--c-muted)}.chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--c-bg);border:1px solid var(--c-border);font-size:.9rem;color:var(--c-muted)}.chip[data-active=true]{color:var(--c-accent);border-color:var(--c-accent);background:var(--c-accent-soft)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.panel-header h2{margin:0;font-size:1.2rem}.panel-actions{display:flex;gap:8px;align-items:center}.panel-actions button,.panel-actions a{border:1px solid var(--c-border);background:var(--c-card);padding:8px 12px;border-radius:10px;cursor:pointer;text-decoration:none;color:var(--c-text);font-size:.9rem}.panel-actions a.disabled{pointer-events:none;opacity:.5}.status{padding:10px 12px;border-radius:10px;background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-muted)}.status[data-error=true]{border-color:var(--c-danger);color:var(--c-danger);background:#fdecec}.output-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.output-item{border:1px solid var(--c-border);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.output-item.pending{opacity:.7}.output-name{font-weight:600}.output-meta{color:var(--c-muted);font-size:.85rem}.output-item button{border:1px solid var(--c-border);background:var(--c-card);padding:8px 12px;border-radius:10px;cursor:pointer}@media(max-width:640px){.converter-header{flex-direction:column;align-items:flex-start}.output-item{grid-template-columns:1fr}}