.app{border-style:solid;border-width:1px;border-color:var(--color-text);padding:clamp(0.625rem, 0.2321rem + 1.9643vw, 2rem);display:flex;flex-direction:column;align-items:stretch;gap:clamp(1.125rem, 1.025rem + 0.5vw, 1.625rem);transition:box-shadow 0.34s var(--ease-out),transform 0.34s var(--ease-out);box-shadow:0 0 0 0 var(--color-text);border-radius:var(--border-radius);scroll-margin-top:2.625rem}.tool-icon{width:clamp(2.1875rem, 1.6696rem + 2.5893vw, 4rem);aspect-ratio:1 / 1}.tools-heading{display:flex;flex-direction:row;align-items:start;gap:clamp(0.75rem, 0.5357rem + 1.0714vw, 1.5rem);margin-right:auto}.tools-title{font-size:clamp(1.5rem, 1.3929rem + 0.5357vw, 1.875rem);font-weight:400}.tools-heading-box{display:flex;flex-direction:column;gap:.5rem}.tools-tag{display:flex;gap:.625rem;flex-wrap:wrap}.tools-tag-wrapper{border-radius:100px;padding:.625rem .9375rem;border:1px solid var(--color-text)}.converter{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;width:100%;align-items:stretch}.conv-pane{display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-text);border-radius:.75rem;overflow:hidden;background:var(--color-bg)}.conv-pane-head{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-bottom:1px solid color-mix(in oklab,var(--color-text) 16%,transparent)}.conv-pane-title{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.conv-pane-actions{margin-left:auto;display:flex;gap:.375rem}.conv-chip{font-size:.75rem;font-weight:500;line-height:1;padding:.4rem .6rem;border-radius:.5rem;border:1px solid color-mix(in oklab,var(--color-text) 22%,transparent);color:color-mix(in oklab,var(--color-text) 70%,transparent);background:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:color 0.16s ease,border-color 0.16s ease,background-color 0.16s ease;white-space:nowrap}.conv-chip:hover{color:var(--color-text);border-color:var(--color-text);background:color-mix(in oklab,var(--color-text) 7%,transparent)}.conv-chip.is-copied{color:var(--color-read);border-color:var(--color-read)}.conv-pane textarea{flex:1;min-height:clamp(13rem, 9rem + 14vw, 19rem);resize:vertical;width:100%;padding:.85rem .95rem;font-family:'Consolas','Monaco','Courier New',monospace;font-size:.8125rem;line-height:1.6;tab-size:2;color:var(--color-text);background:var(--color-bg);border:none;outline:none}.conv-pane textarea::placeholder{color:color-mix(in oklab,var(--color-text) 38%,transparent);font-style:italic}.conv-pane textarea:focus{background:color-mix(in oklab,var(--color-text) 4%,transparent)}.conv-toolbar{display:flex;align-items:center;gap:.625rem;padding:.55rem .75rem;border-top:1px solid color-mix(in oklab,var(--color-text) 16%,transparent)}.conv-count{margin-left:auto;font-family:'Consolas','Monaco','Courier New',monospace;font-size:.6875rem;opacity:.45;white-space:nowrap}.conv-chip.conv-go{color:var(--color-read);border-color:var(--color-read);font-weight:600}.conv-chip.conv-go:hover{color:var(--color-bg);background:var(--color-read);border-color:var(--color-read)}.conv-divider{position:relative;display:flex;align-items:center;justify-content:center;width:1px;background:color-mix(in oklab,var(--color-text) 20%,transparent);margin:0 .5rem}.conv-run{position:absolute;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-read);border:3px solid var(--color-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;z-index:5;transition:transform 0.15s var(--ease-out),box-shadow 0.15s var(--ease-out)}.conv-run svg{width:1.05rem;height:1.05rem}.conv-run:hover{transform:scale(1.1);box-shadow:0 6px 18px color-mix(in oklab,var(--color-read) 45%,transparent)}.conv-run:active{transform:scale(.94)}.conv-status{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.25rem;padding-top:.25rem}.conv-status-msg{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;opacity:.7}.conv-status-msg.success{color:#1f9d55;opacity:1}.conv-status-msg.error{color:var(--color-read);opacity:1}.conv-dot{width:.4rem;height:.4rem;border-radius:50%;background:currentColor;flex-shrink:0}.conv-shortcut{margin-left:auto;font-size:.75rem;opacity:.5;display:inline-flex;align-items:center;gap:.3rem}.conv-key{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .4rem;border:1px solid color-mix(in oklab,var(--color-text) 30%,transparent);border-radius:.3rem;font-family:'Consolas','Monaco','Courier New',monospace;font-size:.65rem}.conv-steps{list-style:none;display:flex;flex-direction:column;gap:.5rem;counter-reset:step}.conv-steps li{position:relative;padding-left:2rem;font-size:.875rem;line-height:1.5;counter-increment:step}.conv-steps li::before{content:counter(step);position:absolute;left:0;top:-.05rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--color-read);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.conv-steps code{font-family:'Consolas','Monaco','Courier New',monospace;font-size:.85em;padding:.05rem .35rem;border-radius:.3rem;background:color-mix(in oklab,var(--color-text) 10%,transparent)}@media (max-width:720px){.tools-heading{flex-direction:column}.converter{grid-template-columns:1fr}.conv-divider{width:auto;height:auto;background:none;margin:0;padding:.15rem 0}.conv-run{position:static;width:100%;height:auto;border-radius:.65rem;border:none;padding:.85rem;gap:.5rem;font-weight:600}.conv-run::after{content:'Convert';font-family:system-ui,sans-serif;font-size:.9375rem}}.builderiusContent .uni-node-u8dc727bd5{margin-top:1rem}