.data-converter{--data-accent:#d94848;--data-accent-strong:#b72e2e;--data-panel:#10182a;--data-card:#fff;--data-card-border:#94a3b861;--data-muted:#64748b;--data-editor:#f8fafc;--data-editor-border:#d6dde8;--data-editor-ink:#172033;--data-code-font:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}.data-converter [hidden]{display:none!important}.data-converter__intro{background:radial-gradient(circle at 8% 0%,#d9484830,transparent 28rem),radial-gradient(circle at 92% 120%,#3b82f621,transparent 26rem),var(--data-panel);color:#f8fafc;border:1px solid #3b4252cc;border-radius:1.5rem;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:clamp(1.25rem,3.5vw,2.2rem);display:flex;overflow:hidden;box-shadow:0 1.5rem 4rem #0f172a24}.data-converter__intro-copy{max-width:53rem}.data-converter__eyebrow,.data-converter-panel__heading>p{color:#ef9090;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;font-weight:800}.data-converter__intro h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,3.8vw,2.5rem);font-weight:820;line-height:1.08}.data-converter__intro-copy>p:last-child{color:#cbd5e1;max-width:47rem;margin:.8rem 0 0;font-size:clamp(.9rem,1.6vw,1.03rem);line-height:1.65}.data-converter__layout{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:1.25rem;margin-top:4.8rem;display:grid;position:relative}.data-converter-panel{border:1px solid var(--data-card-border);background:var(--data-card);border-radius:1.35rem;flex-direction:column;grid-column:span 6;min-width:0;min-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 .9rem 2.5rem #0f172a12}.dark .data-converter{--data-card:#0f1729;--data-card-border:#303a52;--data-muted:#9da9bd;--data-editor:#0d1526;--data-editor-border:#354058;--data-editor-ink:#e5eaf2}.dark .data-converter-panel{box-shadow:0 1rem 3rem #0000002e}.data-converter-panel[data-role=source]{border-color:#d948488c;box-shadow:0 0 0 3px #d9484814,0 .9rem 2.5rem #0f172a14}.dark .data-converter-panel[data-role=source]{border-color:#f871717a}.data-converter-panel__toolbar{border-bottom:1px solid var(--data-card-border);justify-content:space-between;align-items:flex-start;gap:.9rem;min-height:5.65rem;padding:1rem;display:flex}.data-converter-panel__heading{min-width:0}.data-converter-panel__heading>p{color:#b73a3a;font-size:.61rem}.dark .data-converter-panel__heading>p{color:#ef9090}.data-converter-panel__title-row{align-items:center;gap:.55rem;min-width:0;display:flex}.data-converter-panel h2{min-width:0;color:var(--aw-color-text-heading);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;font-weight:820;overflow:hidden}.data-converter-role{color:#a82424;letter-spacing:.04em;text-transform:uppercase;background:#fef2f2eb;border:1px solid #d9484859;border-radius:999px;align-items:center;min-height:1.45rem;padding:.22rem .45rem;font-size:.58rem;font-weight:850;display:inline-flex}.data-converter-panel[data-role=converted] .data-converter-role{color:#526175;background:#f1f5f9;border-color:#64748b3d}.dark .data-converter-role{color:#fecaca;background:#7f1d1d3d;border-color:#f8717159}.dark .data-converter-panel[data-role=converted] .data-converter-role{color:#b9c4d6;background:#1d2940;border-color:#3d4961}.data-converter-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.38rem;display:flex}.data-converter-action{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #94a3b875;border-radius:.65rem;justify-content:center;align-items:center;gap:.35rem;min-width:2.45rem;min-height:2.45rem;padding:.42rem .58rem;font-size:.69rem;font-weight:760;display:inline-flex}.dark .data-converter-action{color:#e2e8f0;background:#18223a;border-color:#3c485f}.data-converter-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:.95rem;height:.95rem}.data-converter-action--danger{color:#af2929}.dark .data-converter-action--danger{color:#fca5a5}.data-converter-action:disabled{cursor:not-allowed;opacity:.4}.data-converter-action:not(:disabled):hover{background:#f1f5f9;border-color:#94a3b8}.dark .data-converter-action:not(:disabled):hover{background:#202c47;border-color:#64748b}.data-converter-editor{border:1px solid var(--data-editor-border);background:var(--data-editor);border-radius:.95rem;min-height:clamp(27rem,55vh,38rem);margin:.85rem .85rem 0;transition:border-color .14s,box-shadow .14s;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0f172a0d}.data-converter-editor:focus-within{border-color:#75859c;box-shadow:0 0 0 4px #3b82f621}.data-converter-editor[data-state=error]{border-color:#d13b3b;box-shadow:0 0 0 3px #dc262621}.dark .data-converter-editor[data-state=error]{border-color:#f87171;box-shadow:0 0 0 3px #f8717124}.data-converter-editor__gutter{z-index:1;border-bottom:1px solid var(--data-editor-border);pointer-events:none;background:#e2e8f06b;align-items:center;gap:.36rem;height:2.35rem;padding:0 .85rem;display:flex;position:absolute;top:0;left:0;right:0}.dark .data-converter-editor__gutter{background:#1e293b94}.data-converter-editor__gutter span{background:#b9c3d1;border-radius:999px;width:.48rem;height:.48rem}.data-converter-editor__gutter span:first-child{background:#df7777}.data-converter-editor__gutter span:nth-child(2){background:#d9af62}.data-converter-editor__gutter span:last-child{background:#73ad88}.data-converter-editor textarea{width:100%;height:100%;caret-color:var(--data-accent-strong);color:var(--data-editor-ink);font-family:var(--data-code-font);font-variant-ligatures:none;resize:none;tab-size:2;white-space:pre;background:0 0;border:0;outline:0;padding:3.15rem clamp(.9rem,2vw,1.2rem) 1.2rem;font-size:clamp(.88rem,1.15vw,.98rem);line-height:1.7;position:absolute;inset:0;overflow:auto}.data-converter-status{border:1px solid var(--data-card-border);color:#526175;background:#f8fafc;border-radius:.8rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;margin:.75rem .85rem 0;padding:.55rem .7rem;display:grid}.dark .data-converter-status{color:#aeb9ca;background:#141f34}.data-converter-status[data-tone=success]{color:#176133;background:#f0fdf4bd;border-color:#22c55e42}.data-converter-status[data-tone=warning]{color:#7a4b0c;background:#fffbebc7;border-color:#d977064f}.data-converter-status[data-tone=error]{color:#9a2424;background:#fef2f2e0;border-color:#dc262659}.dark .data-converter-status[data-tone=success]{color:#bbf7d0;background:#14532d38;border-color:#4ade8042}.dark .data-converter-status[data-tone=warning]{color:#fde68a;background:#78350f33;border-color:#fbbf2442}.dark .data-converter-status[data-tone=error]{color:#fecaca;background:#7f1d1d38;border-color:#f871714f}.data-converter-status__icon{place-items:center;width:1.15rem;height:1.15rem;display:grid}.data-converter-status__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:1.1rem;height:1.1rem}.data-converter-status__copy{min-width:0;display:block}.data-converter-status__copy strong,.data-converter-status__copy>span{display:block}.data-converter-status__copy strong{font-size:.74rem;font-weight:820;line-height:1.35}.data-converter-status__copy>span{overflow-wrap:anywhere;margin-top:.18rem;font-size:.68rem;line-height:1.45}.data-converter-panel__footer{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto;padding:.85rem;display:flex}.data-converter-panel__footer label{gap:.35rem;min-width:min(13rem,62%);display:grid}.data-converter-panel__footer label>span{color:var(--data-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.63rem;font-weight:800}.data-converter-panel__footer select{appearance:none;color:#1e293b;cursor:pointer;background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;border:1px solid #94a3b885;border-radius:.72rem;width:100%;min-height:2.8rem;padding:.62rem 2.4rem .62rem .75rem;font-size:.82rem;font-weight:780}.dark .data-converter-panel__footer select{color:#e2e8f0;background-color:#18223a;border-color:#3c485f}.data-converter-panel__footer p{color:var(--data-muted);font-variant-numeric:tabular-nums;text-align:right;margin:0 0 .15rem;font-size:.62rem;line-height:1.35}.data-converter-panel__footer p[data-over-limit=true]{color:#b42323;font-weight:800}.dark .data-converter-panel__footer p[data-over-limit=true]{color:#fca5a5}.data-converter-bridge{z-index:3;align-items:center;gap:.65rem;display:flex;position:absolute;top:-3.55rem;left:50%;transform:translate(-50%)}.data-converter-bridge p{border:1px solid var(--data-card-border);background:var(--data-card);min-width:12rem;color:var(--data-muted);font-family:var(--data-code-font);text-align:center;white-space:nowrap;border-radius:999px;margin:0;padding:.58rem .8rem;font-size:.67rem;font-weight:750;box-shadow:0 .35rem 1rem #0f172a12}.data-converter-swap{background:var(--data-accent);color:#fff;cursor:pointer;border:1px solid #bd3939;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;min-width:3rem;min-height:3rem;padding:.55rem .8rem;font-size:.68rem;font-weight:820;display:inline-flex;box-shadow:0 .55rem 1.4rem #d9484838}.data-converter-swap:hover{background:var(--data-accent-strong)}.data-converter-swap svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.1rem}.data-converter-swap__vertical{display:none}.data-converter-action:focus-visible,.data-converter-swap:focus-visible,.data-converter-panel__footer select:focus-visible,.data-converter-editor textarea:focus-visible{outline-offset:3px;outline:3px solid #60a5fa}.data-converter-editor textarea:focus-visible{outline:0}.data-converter-panel[aria-busy=true]:after{z-index:4;background:var(--data-accent);content:"";opacity:.72;border-radius:999px;width:2.25rem;height:2px;animation:.65s ease-in-out infinite alternate data-converter-thinking;position:absolute;top:0;right:1rem}.data-converter__limit-note{color:var(--data-muted);text-align:center;margin:.8rem .2rem 0;font-size:.68rem;line-height:1.45}.data-converter-toast{z-index:100;color:#f8fafc;background:#111a2e;border:1px solid #3c485f;border-radius:.85rem;max-width:min(28rem,100vw - 2rem);padding:.78rem .9rem;font-size:.78rem;font-weight:720;line-height:1.45;position:fixed;bottom:1rem;right:1rem;box-shadow:0 1rem 3rem #00000042}.data-converter-toast[data-tone=error]{color:#fee2e2;background:#3a171d;border-color:#d85454}@keyframes data-converter-thinking{0%{transform:translate(-1.1rem) scaleX(.6)}to{transform:translate(.4rem) scaleX(1)}}@media (max-width:1120px) and (min-width:901px){.data-converter-action span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.data-converter-action{padding:.45rem}}@media (max-width:900px){.data-converter__layout{gap:1rem;margin-top:1.15rem}.data-converter-panel{grid-column:1/-1}.data-converter-panel--left{order:1}.data-converter-panel--right{order:3}.data-converter-bridge{order:2;grid-column:1/-1;justify-content:center;display:flex;position:static;transform:none}.data-converter-swap__horizontal{display:none}.data-converter-swap__vertical{display:block}.data-converter-editor{min-height:clamp(24rem,58vh,34rem)}}@media (max-width:640px){.data-converter__intro{flex-direction:column}.data-converter__intro .webp-private-badge{align-self:flex-start}.data-converter-panel__toolbar{flex-direction:column;min-height:0}.data-converter-actions{justify-content:flex-start;width:100%}.data-converter-action{flex:calc(25% - .4rem);min-height:2.75rem}.data-converter-editor textarea{font-size:1rem}.data-converter-panel__footer{flex-direction:column;align-items:stretch}.data-converter-panel__footer label{width:100%;min-width:0}.data-converter-panel__footer p{text-align:left}.data-converter-bridge{flex-direction:column}.data-converter-bridge p{text-overflow:ellipsis;min-width:min(18rem,100vw - 3rem);max-width:calc(100vw - 3rem);overflow:hidden}}@media (prefers-reduced-motion:reduce){.data-converter-editor,.data-converter-action,.data-converter-swap{scroll-behavior:auto;transition:none}.data-converter-panel[aria-busy=true]:after{animation:none}}