.converter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#070e1e94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:18px}.converter-panel{width:min(980px,100%);max-height:min(92vh,900px);overflow:auto;border:1px solid rgba(255,255,255,.55);border-radius:28px;background:linear-gradient(145deg,#fff,#f4f8ff);box-shadow:0 30px 80px #091c3e52;padding:24px}.converter-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.converter-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#2563eb}.converter-head h2{margin:5px 0 3px;font-size:28px;color:#111827}.converter-head p{margin:0;color:#64748b;font-size:13px}.converter-close{border:0;width:42px;height:42px;border-radius:14px;background:#fff;box-shadow:0 8px 20px #0f172a1f;cursor:pointer}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.tool-card{border:1px solid #dbe4f0;border-radius:17px;padding:14px 10px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;min-height:62px;color:#334155;font-weight:750;cursor:pointer;box-shadow:0 5px 14px #0f172a0f;transition:.2s}.tool-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2563eb21}.tool-card.active{color:#fff;border-color:#2563eb;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 12px 25px #2563eb47}.converter-workspace{border-radius:23px;padding:18px;background:#fff;border:1px solid #e2e8f0}.drop-area{min-height:170px;border:2px dashed #93b4ed;border-radius:20px;background:linear-gradient(145deg,#f8fbff,#eef5ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#2563eb;cursor:pointer;text-align:center}.drop-area strong{color:#0f172a;font-size:17px}.drop-area span{color:#64748b;font-size:12px;max-width:90%;overflow:hidden;text-overflow:ellipsis}.compress-controls{margin-top:14px;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.compress-controls label{display:flex;align-items:center;gap:12px;font-weight:750;color:#334155}.compress-controls input{width:130px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-weight:700;outline:none}.compress-controls input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.compress-controls small{display:block;color:#64748b;margin-top:7px;font-size:11px}.convert-btn{width:100%;margin-top:14px;border:0;border-radius:15px;padding:14px;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-weight:800;font-size:15px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;box-shadow:0 10px 22px #2563eb33}.convert-btn:disabled{opacity:.45;cursor:not-allowed}.spin{animation:converter-spin .8s linear infinite}@keyframes converter-spin{to{transform:rotate(360deg)}}.converter-error{margin-top:12px;padding:12px;border-radius:13px;background:#fff1f2;color:#be123c;font-size:13px}.converter-result{margin-top:14px;padding:13px;border-radius:16px;background:#effdf5;border:1px solid #bbf7d0;display:flex;align-items:center;justify-content:space-between;gap:12px}.converter-result>div:first-child{display:flex;flex-direction:column;gap:3px}.converter-result strong{color:#15803d}.converter-result span{color:#475569;font-size:12px}.converter-result button,.result-list button{border:0;border-radius:11px;padding:10px 13px;background:#16a34a;color:#fff;font-weight:750;display:flex;align-items:center;gap:7px;cursor:pointer}.result-list{display:flex;flex-wrap:wrap;gap:7px}.result-list button{background:#2563eb;font-size:11px}.converter-note{text-align:center;color:#64748b;font-size:11px;margin-top:14px}.converter-note span{color:#2563eb}.converter-fab{position:fixed;right:20px;bottom:20px;z-index:900;border:0;border-radius:18px;padding:12px 16px;background:linear-gradient(135deg,#111827,#2563eb);color:#fff;font-weight:800;box-shadow:0 14px 32px #0f172a47;display:flex;align-items:center;gap:8px;cursor:pointer}.converter-fab:hover{transform:translateY(-2px)}@media(max-width:720px){.converter-backdrop{padding:8px}.converter-panel{padding:16px;border-radius:22px;max-height:96vh}.tool-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tool-card{font-size:12px;min-height:56px}.converter-head h2{font-size:23px}.converter-result{align-items:flex-start;flex-direction:column}.converter-result button{width:100%;justify-content:center}.converter-fab{right:12px;bottom:12px;padding:11px 13px}.converter-fab span{display:none}}