.converter-tool{border-radius:inherit;position:relative;overflow:hidden}.converter-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:14px 18px;display:flex}.format-pair{align-items:center;gap:10px;display:flex}.format-pair>svg{color:var(--accent)}.format-pair label{align-items:center;gap:7px;display:flex}.format-pair label>span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:650}.format-pair select{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);min-width:92px;height:42px;color:var(--ink);cursor:pointer;padding:0 34px 0 12px;font-weight:720}.local-badge{color:var(--success);white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;font-weight:680;display:inline-flex}.drop-zone{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--page);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:208px;margin:18px;padding:clamp(24px,4vw,40px);transition:border-color .18s,background-color .18s,transform .18s;display:grid}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--page))}.drop-zone.is-dragging{transform:scale(.995)}.drop-zone strong{color:var(--ink);margin-bottom:5px;font-size:clamp(1.05rem,2vw,1.25rem);display:block}.drop-zone p{margin:0;font-size:.86rem}.drop-icon{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);width:58px;height:58px;color:var(--accent);place-items:center;display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.tool-alert{border:1px solid color-mix(in srgb, var(--danger) 40%, var(--line));border-radius:var(--radius-small);background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger);align-items:flex-start;gap:9px;margin:0 18px 14px;padding:12px 14px;font-size:.84rem;display:flex}.tool-alert button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:-5px -6px -5px auto;display:grid}.settings-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:10px 18px;display:flex}.settings-row p{margin:0;font-size:.76rem}.settings-toggle,.text-button{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;font-weight:680;display:inline-flex}.settings-toggle>span{color:var(--ink-soft);margin-left:4px;font-size:.74rem;font-weight:600}.settings-panel{border-top:1px solid var(--line);background:var(--page);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px 18px;display:grid}.control-block,.color-control,.resize-controls{border:0;min-width:0;margin:0;padding:0}.control-label,.color-control>span:first-child,.resize-controls legend{width:100%;color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.8rem;font-weight:680;display:flex}.control-label strong{color:var(--accent);font-family:JetBrains Mono Variable,monospace;font-size:.76rem}.control-block input[type=range]{width:100%;accent-color:var(--accent)}.control-block small{color:var(--ink-soft);margin-top:5px;font-size:.7rem;display:block}.resize-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;display:grid}.resize-controls legend{grid-column:1/-1}.resize-controls label:not(.check-control){gap:5px;display:grid}.resize-controls label:not(.check-control) span{color:var(--ink-soft);font-size:.69rem}.resize-controls input[type=number],.color-input input[type=text]{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);width:100%;height:40px;color:var(--ink);padding:0 10px}.check-control{color:var(--ink-soft);grid-column:1/-1;align-items:center;gap:7px;margin-top:3px;font-size:.72rem;display:flex}.check-control input{accent-color:var(--accent)}.color-input{grid-template-columns:44px 1fr;gap:8px;display:grid}.color-input input[type=color]{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);width:44px;height:40px;padding:3px}.file-queue{border-top:1px solid var(--line)}.queue-heading{justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex}.queue-heading>div{gap:2px;display:grid}.queue-heading strong{font-size:.88rem}.queue-heading span{color:var(--ink-soft);font-size:.72rem}.text-button{color:var(--ink-soft);font-size:.78rem}.text-button:hover{color:var(--danger)}.text-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.45}.progress-wrap{color:var(--ink-soft);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:0 18px 12px;font-family:JetBrains Mono Variable,monospace;font-size:.68rem;display:grid}.progress-bar{background:var(--surface-strong);border-radius:99px;height:5px;overflow:hidden}.progress-bar span{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s;display:block}.job-list{border-top:1px solid var(--line);max-height:280px;overflow-y:auto}.job-row{border-bottom:1px solid var(--line);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:70px;padding:10px 18px;display:grid}.job-row:last-child{border-bottom:0}.file-thumb{border:1px solid var(--line);background:var(--page);width:46px;height:46px;color:var(--accent);border-radius:9px;place-items:center;display:grid;overflow:hidden}.file-thumb img{object-fit:cover;width:100%;height:100%}.file-details{gap:3px;min-width:0;display:grid}.file-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.file-details span{color:var(--ink-soft);font-size:.7rem}.file-details .job-error{color:var(--danger)}.job-status{color:var(--success);align-items:center;gap:7px;display:flex}.job-status>.icon-button{width:36px;height:36px;color:var(--ink-soft)}.job-status a.icon-button{color:var(--accent);text-decoration:none}.working-mark{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite tool-spin}@keyframes tool-spin{to{transform:rotate(360deg)}}.tool-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:14px 18px;display:flex}.tool-actions>div{align-items:center;gap:10px;display:flex}.tool-actions>div:first-child{color:var(--success)}.tool-actions>div:first-child span{color:var(--ink-soft);font-size:.75rem}.tool-actions .button:disabled{border-color:var(--line);background:var(--surface-strong);color:var(--ink-soft);cursor:not-allowed}@media (width<=1120px){.drop-zone{grid-template-columns:auto 1fr}.drop-zone>.button{grid-column:1/-1;width:100%}.settings-panel{grid-template-columns:1fr 1fr}}@media (width<=640px){.converter-topbar{flex-direction:column;align-items:stretch;gap:10px}.format-pair{justify-content:space-between}.format-pair label{flex:1;gap:3px;display:grid}.format-pair select{width:100%;min-width:0}.local-badge{width:fit-content}.drop-zone{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:230px;margin:12px}.drop-zone>.button{grid-column:auto}.settings-row{flex-direction:column;align-items:flex-start;gap:0}.settings-panel{grid-template-columns:1fr}.tool-actions{flex-direction:column;align-items:stretch}.tool-actions>div:last-child{display:grid}.tool-actions .button{width:100%}.job-row{grid-template-columns:42px minmax(0,1fr)}.file-thumb{width:42px;height:42px}.job-status{grid-column:1/-1;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.working-mark{border-color:var(--accent);animation:none}}