body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh}html{height:100%}.container.svelte-188wv0n{max-width:1600px;margin:0 auto;padding:1.5rem;height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.app-header.svelte-188wv0n{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 1rem;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.branding.svelte-188wv0n h1:where(.svelte-188wv0n){font-size:clamp(1.6rem,2.5vw,2.5rem);margin:0;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.logo.svelte-188wv0n{display:inline-flex;font-size:1.4em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.tagline.svelte-188wv0n{margin:.25rem 0 0;font-size:.85rem;letter-spacing:.5px;font-weight:500;color:var(--text-secondary)}.header-actions.svelte-188wv0n{display:flex;gap:.5rem}.header-actions.svelte-188wv0n .ghost:where(.svelte-188wv0n){background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .7rem;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:.25s;color:var(--text-primary)}.header-actions.svelte-188wv0n .ghost:where(.svelte-188wv0n):hover{background:var(--surface);box-shadow:var(--focus-ring)}.converter.svelte-188wv0n{flex:1;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.1rem 1.25rem;box-shadow:var(--shadow-lg);min-height:0;overflow:hidden;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);position:relative}.converter.svelte-188wv0n:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--gradient-start),transparent 60%,var(--gradient-end));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.35}.panel.svelte-188wv0n{display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-header.svelte-188wv0n{display:flex;align-items:center;gap:.55rem;margin-bottom:.65rem;font-weight:600;color:var(--text-secondary);line-height:1}.panel-header.space-between.svelte-188wv0n{justify-content:space-between}.select-group.svelte-188wv0n{display:flex;align-items:center;gap:.5rem}select.svelte-188wv0n{padding:.55rem 2.2rem .55rem .75rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;color:var(--text-primary);transition:border-color .25s,background .25s,box-shadow .25s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);appearance:none;-webkit-appearance:none;position:relative;line-height:1.2;background-image:none}select.svelte-188wv0n:hover{background:var(--surface)}select.svelte-188wv0n:focus{outline:none}select.svelte-188wv0n:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}select.svelte-188wv0n::-ms-expand{display:none}.select-wrapper.svelte-188wv0n{position:relative;display:inline-flex}.select-wrapper.svelte-188wv0n:after{content:"";position:absolute;pointer-events:none;top:50%;right:.65rem;width:7px;height:7px;margin-top:-4px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg)}.text-area.svelte-188wv0n{flex:1;padding:.9rem 1rem 1.15rem;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--code-font);font-size:.82rem;line-height:1.5;resize:none;transition:border-color .2s,background .3s;min-height:0;overflow:auto;background:var(--surface-alt);color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.text-area.svelte-188wv0n:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.text-area.code.svelte-188wv0n{font-feature-settings:"liga" 0}.output.svelte-188wv0n{background:var(--surface-alt)}.output-container.svelte-188wv0n{flex:1;position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}.output-actions.svelte-188wv0n{position:absolute;top:.45rem;right:.45rem;display:flex;gap:.35rem}.action-button.svelte-188wv0n{padding:.45rem .55rem;border:1px solid var(--border);background:var(--surface-alt);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:.25s;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:2rem}.action-button.svelte-188wv0n:hover{background:var(--surface);box-shadow:var(--focus-ring)}.action-button.copied.svelte-188wv0n{background:var(--success);color:#fff;border-color:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 55%,transparent)}.conversion-controls.svelte-188wv0n{display:flex;align-items:center;justify-content:center}.swap-button.svelte-188wv0n{padding:.85rem;border:1px solid var(--border);background:var(--surface-alt);color:var(--accent);border-radius:50%;font-size:1.15rem;cursor:pointer;transition:.4s;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.swap-button.svelte-188wv0n:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,var(--gradient-start),var(--gradient-end));opacity:0;transition:.45s}.swap-button.svelte-188wv0n:hover:before{opacity:.22}.swap-button.svelte-188wv0n:hover{transform:rotate(270deg) scale(1.06)}.swap-button.svelte-188wv0n:focus{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.tabs.svelte-188wv0n{display:inline-flex;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.tabs.svelte-188wv0n button:where(.svelte-188wv0n){appearance:none;border:0;background:transparent;padding:.45rem .85rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:.25s}.tabs.svelte-188wv0n button.active:where(.svelte-188wv0n),.tabs.svelte-188wv0n button:where(.svelte-188wv0n):hover{background:var(--surface);color:var(--text-primary)}.preview.svelte-188wv0n{flex:1;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.4rem 1.65rem;font-size:.9rem;line-height:1.55;background:var(--surface-alt);color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.preview.svelte-188wv0n pre:where(.svelte-188wv0n){margin:0;font-family:var(--code-font);font-size:.8rem}.preview h1,.preview h2,.preview h3,.preview h4{margin-top:1.2em;line-height:1.15}.preview code,.preview pre{background:#00000014;padding:.15rem .4rem;border-radius:4px}.preview a{color:var(--accent)}.preview p{margin:.65em 0 .75em}.preview ul{margin:.55em 0 .8em;padding-left:1.05em}.preview li+li{margin-top:.25em}.text-area.svelte-188wv0n::-webkit-scrollbar,.preview.svelte-188wv0n::-webkit-scrollbar{width:8px}.text-area.svelte-188wv0n::-webkit-scrollbar-track,.preview.svelte-188wv0n::-webkit-scrollbar-track{background:transparent}.text-area.svelte-188wv0n::-webkit-scrollbar-thumb,.preview.svelte-188wv0n::-webkit-scrollbar-thumb{background:linear-gradient(var(--gradient-start),var(--gradient-end));border-radius:4px}.text-area.svelte-188wv0n::-webkit-scrollbar-thumb:hover,.preview.svelte-188wv0n::-webkit-scrollbar-thumb:hover{filter:brightness(1.15)}.sr-only.svelte-188wv0n{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-footer.svelte-188wv0n{margin-top:1rem;padding:.75rem 0}.feature-description.svelte-188wv0n{max-width:600px;margin:0 auto;text-align:center}.feature-description.svelte-188wv0n h2:where(.svelte-188wv0n){font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:600}.feature-description.svelte-188wv0n p:where(.svelte-188wv0n){color:var(--text-secondary);line-height:1.4;font-size:.85rem}.format-links.svelte-188wv0n{margin-top:1rem;font-size:.72rem;color:var(--text-secondary);line-height:1.6}.docs-label.svelte-188wv0n{font-weight:600;margin-right:.5rem;display:block;margin-bottom:.25rem}.docs-links.svelte-188wv0n{display:block}.docs-links.svelte-188wv0n span:where(.svelte-188wv0n){white-space:nowrap}.docs-links.svelte-188wv0n strong:where(.svelte-188wv0n){color:var(--text-primary);font-weight:600;margin-right:.35rem}.docs-links.svelte-188wv0n a:where(.svelte-188wv0n){color:var(--text-primary);text-decoration:underline;margin-right:.6rem}.docs-links.svelte-188wv0n a:where(.svelte-188wv0n):hover{opacity:.8}.docs-links.svelte-188wv0n .separator:where(.svelte-188wv0n){margin:0 .3rem;color:var(--text-secondary)}@media (max-width: 700px){.format-links.svelte-188wv0n{font-size:.7rem}.docs-links.svelte-188wv0n{word-break:break-word}.docs-links.svelte-188wv0n span:where(.svelte-188wv0n){white-space:normal}}@media (max-width: 900px){.converter.svelte-188wv0n{grid-template-columns:1fr}.conversion-controls.svelte-188wv0n{order:-1}}@media (max-width: 600px){.branding.svelte-188wv0n h1:where(.svelte-188wv0n){font-size:1.6rem}.tagline.svelte-188wv0n{display:none}}