.converter{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s6);box-shadow:var(--shadow);min-height:390px}.dropzone{box-sizing:border-box;border:1px dashed var(--border);border-radius:var(--radius);width:100%;min-width:0;padding:var(--s12) var(--s6);text-align:center;cursor:pointer;background:var(--surface-2);place-items:center;transition:all .2s;display:grid}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--soft)}.dropzone:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.dropzone h2{margin:16px 0 2px;font-size:1.45rem}.dropzone p{color:var(--muted);margin:0 0 18px}.dropzone small{color:var(--muted);margin-top:15px;display:block}.upload-icon{border-radius:var(--radius);background:var(--soft);width:72px;height:72px;color:var(--primary);place-items:center;margin:auto;font-weight:700;line-height:1.2;display:grid}.upload-icon span{font-size:.7rem}.live{color:var(--error);min-height:24px;margin:10px 4px;font-weight:700}.controls{align-items:end;gap:var(--s4);padding:var(--s6) var(--s1);border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;display:grid}.controls label{gap:5px;font-weight:650;display:grid}.controls select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;font:inherit;padding:0 35px 0 12px}.controls p{color:var(--muted);margin:0 0 10px;font-size:.86rem}.control-actions{gap:8px;display:flex}.button:disabled,.row-actions button:disabled{opacity:.55;cursor:not-allowed}.queue{gap:8px;margin-top:14px;display:grid}.queue-item{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.file-mark{background:var(--soft);width:46px;height:46px;color:var(--accent);border-radius:12px;place-items:center;font-size:.68rem;font-weight:700;display:grid}.file-info{min-width:0;display:grid}.file-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-info span{color:var(--muted);font-size:.82rem}.file-info .error{color:var(--error)}.file-info .success{color:var(--success);font-weight:700}.status{background:var(--surface-2);border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:650}.status.completed{background:var(--success-soft);color:var(--success)}.status.failed{background:var(--error-soft);color:var(--error)}.row-actions{gap:6px;display:flex}.row-actions button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;padding:7px 9px;font-weight:700}.download-bar{border-radius:var(--radius);background:var(--soft);justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;display:flex}.download-bar .button{min-height:42px}.support-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:18px 4px 4px;padding:16px;display:grid}.support-card h3{margin:0 0 4px;font-size:1rem}.support-card p{color:var(--muted);margin:0;font-size:.88rem}.support-card .button{background:var(--surface);color:var(--accent);border:1px solid var(--border);white-space:nowrap}@media (max-width:780px){.converter{padding:10px}.dropzone{padding:32px 12px}.controls{grid-template-columns:1fr}.control-actions{grid-template-columns:1fr 1fr;display:grid}.queue-item{grid-template-columns:44px minmax(0,1fr) auto}.status{grid-column:3}.row-actions{grid-column:2/4;justify-content:flex-end}.download-bar{position:sticky;bottom:8px;box-shadow:0 10px 30px #18214b14}.support-card{grid-template-columns:1fr}.support-card .button{justify-self:start}}@media (max-width:430px){.control-actions{grid-template-columns:1fr}.queue-item{grid-template-columns:40px minmax(0,1fr)}.status{grid-column:2;justify-self:start}.row-actions{grid-column:1/3}.download-bar{gap:10px}.download-bar .button{padding-inline:12px}}.browser-tool .upload-icon{font-size:.67rem}.tool-settings{gap:var(--s6);padding:var(--s6) var(--s1);border-bottom:1px solid var(--border);display:grid}.tool-settings fieldset{border:1px solid var(--border);border-radius:var(--radius);min-width:0;margin:0;padding:14px}.tool-settings legend,.tool-settings label{font-weight:650}.tool-settings label{gap:6px;display:grid}.tool-settings select,.tool-settings input[type=number]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;max-width:100%;min-height:44px;font:inherit;min-width:0;padding:8px 11px}.tool-settings input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);width:64px;height:44px;padding:2px}.segmented{flex-wrap:wrap;gap:7px;margin:7px 0;display:flex}.segmented button,.ratio-lock,.text-button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;padding:9px 12px;font-weight:650}.segmented button.active,.ratio-lock.active{color:var(--on-primary);background:var(--accent);border-color:var(--accent)}.setting-note,.tool-settings small{color:var(--muted);margin:0}.inline-inputs,.dimension-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.dimension-grid{margin-top:10px}.ratio-lock{min-height:44px}.resize-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.resize-summary>div{background:var(--soft);border-radius:12px;gap:2px;padding:12px;display:grid}.resize-summary span,.resize-summary small{color:var(--muted);font-size:.78rem}.mode-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.mode-grid label{border:1px solid var(--border);cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:4px 8px;padding:12px;display:grid}.mode-grid label.active{border-color:var(--accent);background:var(--soft)}.mode-grid label span{color:var(--muted);grid-column:2;font-size:.82rem;font-weight:400}.check-row{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.warning{color:var(--warning);background:var(--warning-soft);border-radius:var(--radius-sm);margin:0;padding:10px 12px}.print-calculator{border:1px solid var(--border);border-radius:12px;padding:12px}.print-calculator summary{cursor:pointer;font-weight:650}.print-calculator .inline-inputs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.file-preview{object-fit:cover;border-radius:var(--radius-sm);background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 50% / 12px 12px;width:48px;height:48px}.image-queue-item{grid-template-columns:48px minmax(0,1fr) auto auto}.pdf-tool{min-height:0}.pdf-section-heading{justify-content:space-between;align-items:start;gap:var(--s6);margin:22px 4px 8px;display:flex}.pdf-section-heading h2,.pdf-settings>h2{margin:0 0 4px;font-size:1.15rem}.pdf-section-heading p{color:var(--muted);margin:0;font-size:.88rem}.pdf-section-heading>strong{white-space:nowrap;background:var(--soft);color:var(--primary);border-radius:999px;padding:6px 10px}.pdf-order-list{padding:0;list-style:none}.pdf-queue-item{cursor:grab;grid-template-columns:38px 48px minmax(0,1fr) auto}.pdf-queue-item:active{cursor:grabbing}.pdf-page-number{border-radius:var(--radius-sm);background:var(--soft);width:32px;height:32px;color:var(--accent);place-items:center;font-weight:700;display:grid}.pdf-row-actions button{min-height:40px}.pdf-settings-grid{gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pdf-settings .pdf-filename{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:44px;font:inherit;padding:8px 11px}.color-control{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:.86rem;display:flex}.pdf-summary{border-radius:var(--radius);background:var(--soft);flex-wrap:wrap;align-items:center;gap:8px 18px;margin:16px 4px;padding:14px;font-size:.88rem;display:flex}.pdf-summary strong{color:var(--primary)}.pdf-actions,.pdf-actions-inline{flex-wrap:wrap;gap:10px;display:flex}.pdf-actions{justify-content:flex-end;margin:16px 4px 4px}.pdf-errors{border:1px solid var(--border);background:var(--error-soft);color:var(--error);border-radius:12px;padding:12px 14px}.pdf-errors p{overflow-wrap:anywhere;margin:3px 0}.pdf-errors a{color:var(--accent)}.pdf-download-bar{gap:var(--s4)}@media (max-width:780px){.inline-inputs,.dimension-grid,.mode-grid{grid-template-columns:1fr}.resize-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.image-queue-item{grid-template-columns:44px minmax(0,1fr) auto}.pdf-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-queue-item{grid-template-columns:34px 44px minmax(0,1fr)}.pdf-queue-item .pdf-row-actions{grid-column:2/4}}@media (max-width:430px){.resize-summary{grid-template-columns:1fr}.image-queue-item{grid-template-columns:40px minmax(0,1fr)}.pdf-section-heading{align-items:end}.pdf-settings-grid{grid-template-columns:1fr}.pdf-queue-item{grid-template-columns:34px 40px minmax(0,1fr);gap:8px}.pdf-queue-item .file-info{grid-column:3}.pdf-queue-item .pdf-row-actions{grid-column:1/4;justify-content:stretch}.pdf-row-actions button{flex:1}.pdf-row-actions button span{display:none}.pdf-actions,.pdf-actions-inline{grid-template-columns:1fr;width:100%;display:grid}.pdf-download-bar{flex-direction:column;align-items:stretch}}.converter{max-width:1040px;min-height:0;margin-inline:auto}.converter input:not([type=file]):not([type=checkbox]):not([type=radio]),.converter select{color:var(--text);background-color:var(--surface);border-color:var(--border)}.converter input[type=checkbox],.converter input[type=radio]{accent-color:var(--primary);flex-shrink:0;width:18px;height:18px}.converter input:disabled,.converter select:disabled{opacity:.6;cursor:not-allowed}.converter :is(button,select,input):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tool-settings fieldset{padding:var(--s6);background:var(--surface-2)}.tool-settings legend{padding:0 var(--s2);font-size:.875rem}.tool-settings label,.controls label{font-size:.875rem}.tool-settings small,.setting-note{font-size:.8125rem}.upload-icon{width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--border)}.dropzone{background:linear-gradient(160deg, var(--surface-2), var(--surface))}.dropzone.drag{box-shadow:inset 0 0 0 1px var(--primary)}.live:empty{min-height:0;margin:0}.queue-item{background:var(--surface);animation:.18s ease-out result-in}.queue-item:has(.completed){border-color:var(--success)}.status{letter-spacing:.01em;font-weight:650}.status.converting{color:var(--primary);background:var(--soft)}.row-actions button{min-height:44px;color:var(--text);transition:background .15s}.row-actions button:hover:not(:disabled),.text-button:hover,.segmented button:hover:not(.active){background:var(--soft);color:var(--primary)}.row-actions button:last-child:hover{color:var(--error)}.download-bar{background:var(--success-soft);border:1px solid var(--border);gap:var(--s4);flex-wrap:wrap}.support-card{box-shadow:none;background:var(--surface-2)}.file-preview{background:repeating-conic-gradient(var(--border) 0 25%, var(--surface) 0 50%) 50% / 12px 12px}@keyframes result-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.converter{padding:var(--s3)}.dropzone{padding:var(--s8) var(--s3)}.dropzone h2{font-size:1.25rem}.tool-settings fieldset{padding:var(--s4)}.download-bar{box-shadow:none;flex-direction:column;align-items:stretch;position:static}.download-bar .button{width:100%}.queue-item .row-actions{flex-wrap:wrap}}