.quick-convert-shell{box-sizing:border-box;max-width:1060px;margin:30px auto 66px;padding:0 24px;text-align:left;direction:ltr}
.quick-convert-shell *{box-sizing:border-box}
.quick-convert-shell .home-decoder-intro{text-align:center;max-width:720px;margin:0 auto 22px}
.quick-convert-shell .eyebrow{display:inline-flex;font-size:12px;font-weight:800;color:#2563eb;letter-spacing:.12em;background:#eff6ff;padding:7px 13px;border-radius:100px}
.quick-convert-shell h2{font-size:clamp(25px,4vw,37px);line-height:1.2;margin:16px 0 10px;color:#0f172a}
.quick-convert-shell .home-decoder-intro p{color:#64748b;margin:0}
.quick-convert-shell .home-decoder-card{background:white;border:1px solid #bfdbfe;border-radius:22px;padding:clamp(16px,3vw,30px);box-shadow:0 18px 60px rgba(37,99,235,.09)}
.quick-convert-shell .home-decoder-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.quick-convert-shell .home-decoder-column{min-width:0;display:flex;flex-direction:column;gap:9px}
.quick-convert-shell .home-decoder-label{font-size:13px;font-weight:750;color:#334155}
.quick-convert-shell input,.quick-convert-shell textarea,.quick-convert-shell select{font:inherit;max-width:100%;width:100%;border:1px solid #cbd5e1;border-radius:11px;padding:11px;background:#fff;color:#0f172a}
.quick-convert-shell textarea{font:13px/1.6 ui-monospace,Consolas,monospace;resize:vertical;min-height:155px}
.quick-convert-shell textarea:focus,.quick-convert-shell select:focus,.quick-convert-shell input:focus{outline:3px solid #dbeafe;border-color:#2563eb}
.quick-convert-shell .home-size-note{font-size:12px;color:#64748b}
.quick-convert-shell .home-decoder-status{margin:0;min-height:24px;color:#15803d;font-size:13px}
.quick-convert-shell .home-decoder-status[data-error="true"]{color:#be123c}
.quick-convert-shell button{cursor:pointer;font-size:14px;font-weight:750;border-radius:11px;border:1px solid transparent;padding:11px 17px;transition:background .15s,transform .15s}
.quick-convert-shell button:hover{transform:translateY(-1px)}
.quick-convert-shell button:disabled{opacity:.4;cursor:not-allowed;transform:none}
.quick-convert-shell .home-decoder-copy,.quick-convert-shell .home-decoder-clear{background:#f1f5f9;color:#334155}
.quick-convert-shell .home-decoder-bottom{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:19px}
.quick-convert-shell .home-decoder-actions{display:flex;flex-wrap:wrap;gap:9px}
.quick-convert-shell .home-decoder-primary{background:#2563eb;color:#fff}
.quick-convert-shell .home-decoder-primary.outline{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.quick-convert-shell .home-decoder-bottom>small{display:block;margin-top:14px;color:#64748b}
.quick-convert-shell .coffee-toast:not([hidden]){display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:12px 14px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff}
.quick-convert-shell .coffee-toast p{margin:0;flex:1;min-width:190px;font-size:13px;color:#334155}
.quick-convert-shell .coffee-toast a{display:inline-flex;text-decoration:none;background:#2563eb;color:white;border-radius:10px;padding:8px 12px;font-weight:700;font-size:13px}
.quick-convert-shell .coffee-toast button{padding:5px 9px;background:transparent;color:#64748b}
.quick-convert-shell [hidden]{display:none!important}
@media(max-width:700px){.quick-convert-shell .home-decoder-columns{grid-template-columns:1fr}.quick-convert-shell{padding:0 16px;margin:25px auto 42px}.quick-convert-shell .home-decoder-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.quick-convert-shell button{transition:none}}