.qpt-converter{--surface:#101216;--line:rgba(255,255,255,.14);--text:#f3f4f6;--muted:#a7abb2;color:var(--text);font-family:Inter,system-ui,sans-serif;max-width:1120px;margin:30px auto;line-height:1.6}.qpt-converter *{box-sizing:border-box}.qpt-converter [hidden]{display:none!important}.qpt-intro{max-width:720px;margin-bottom:28px}.qpt-eyebrow{font:12px Consolas,monospace;letter-spacing:.14em;color:var(--muted)}.qpt-intro h2{font:clamp(28px,4vw,44px)/1.15 Georgia,serif;margin:12px 0}.qpt-private{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:12px;color:#c5dacb}.qpt-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0a0b0d}.qpt-drop{text-align:center;padding:46px 22px;position:relative;border-right:1px solid var(--line);background:linear-gradient(140deg,#11151a,#090b0e)}.qpt-drop.is-over{background:#202830;outline:2px solid #d8dce2;outline-offset:-3px}.qpt-plus{font:48px Georgia,serif;color:#959fae}.qpt-drop h3{font-size:22px;margin:8px 0}.qpt-small{font-size:12px;color:var(--muted)}.qpt-settings{min-width:0;border:0;padding:24px;margin:0}.qpt-settings legend{float:left;width:100%;font-weight:600;margin-bottom:16px}.qpt-settings label{display:block;font-size:13px;margin-top:12px}.qpt-settings select{width:100%;color:var(--text);background:#181c23;border:1px solid var(--line);border-radius:8px;padding:10px}.qpt-settings input[type=range]{width:100%;accent-color:#d8dce2}.qpt-settings output{float:right}.qpt-settings input[type=color]{height:38px;width:64px;border:1px solid var(--line);background:none}.qpt-button,.qpt-secondary{display:inline-block;border:1px solid var(--line);border-radius:8px;font:600 13px system-ui;cursor:pointer;padding:11px 16px;text-decoration:none}.qpt-button{background:#d8dce2;color:#101216}.qpt-settings .qpt-button{width:100%;margin-top:18px}.qpt-secondary{background:#16191f;color:var(--text)}.qpt-converter button:disabled{opacity:.4;cursor:default}.qpt-converter :focus-visible{outline:3px solid #adc6ed;outline-offset:3px}.qpt-file-input{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.qpt-drop:focus-within label{outline:3px solid #adc6ed;outline-offset:3px}.qpt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:25px}.qpt-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.qpt-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.qpt-row img{width:72px;height:64px;object-fit:contain;background:repeating-conic-gradient(#262b31 0% 25%,#16191f 0% 50%) 50%/12px 12px;border-radius:6px}.qpt-row strong{display:block;overflow-wrap:anywhere;font-size:14px}.qpt-row p{margin:4px 0;font-size:12px;color:var(--muted)}.qpt-row .qpt-error{color:#ffb4aa}.qpt-result-previews{display:flex;gap:5px}.qpt-result-previews img{width:34px}.qpt-converter progress{width:100%;accent-color:#d8dce2}.qpt-converter #qpt-status{font-size:13px;min-height:24px}.qpt-article{max-width:850px;margin:65px auto;line-height:1.75}.qpt-article h2,.qpt-article h3{font-family:Georgia,serif}.qpt-article a{text-decoration:underline}.qpt-article table{border-collapse:collapse;width:100%}.qpt-article td,.qpt-article th{border:1px solid #343941;padding:10px;text-align:left}.qpt-article .qpt-table-scroll{overflow:auto}@media(max-width:640px){.qpt-workspace{grid-template-columns:1fr}.qpt-drop{border-right:0;border-bottom:1px solid var(--line);padding:30px 14px}.qpt-settings{padding:20px}.qpt-toolbar{align-items:flex-start;flex-direction:column}.qpt-row{grid-template-columns:55px minmax(0,1fr);gap:10px}.qpt-row img{width:55px;height:52px}.qpt-row>a{grid-column:2;justify-self:start}.qpt-result-previews img{width:25px}.qpt-converter{margin:20px 0}}@media(prefers-reduced-motion:reduce){.qpt-converter *{scroll-behavior:auto}}.qpt-resize{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qpt-settings input[type=number]{width:100%;min-width:0;color:var(--text);background:#181c23;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.qpt-settings .qpt-check{display:flex;align-items:center;gap:8px}.qpt-check input{accent-color:#d8dce2}.qpt-converter[data-mode=optimize] .qpt-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}.qpt-converter[data-mode=optimize] .qpt-drop{display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:640px){.qpt-converter[data-mode=optimize] .qpt-workspace{grid-template-columns:1fr}}