@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@500;600;700&family=Sora:wght@400;500;600;700&display=swap";:root{--font-sans: "Sora", "Segoe UI", sans-serif;--font-display: "Oxanium", "Sora", sans-serif;--bg: #f5f7ff;--ink: #0b1020;--muted: #5b6478;--brand: #1fb6ff;--brand-strong: #0066ff;--accent: #22c55e;--accent-soft: rgba(34, 197, 94, .16);--brand-soft: rgba(31, 182, 255, .16);--card: rgba(255, 255, 255, .9);--card-strong: #ffffff;--border: rgba(15, 23, 42, .12);--shadow: 0 20px 50px rgba(8, 15, 31, .12);--shadow-glow: 0 18px 36px rgba(31, 182, 255, .2);--danger: #b42318;--danger-soft: rgba(180, 35, 24, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--bg);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:-20% -10% auto -10%;height:70vh;background:radial-gradient(circle at 20% 20%,rgba(31,182,255,.25),transparent 55%),radial-gradient(circle at 80% 20%,rgba(34,197,94,.18),transparent 60%),radial-gradient(circle at 60% 60%,rgba(99,102,241,.12),transparent 60%);z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:48px 48px;opacity:.4;z-index:-3}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--brand-soft)}.adsense-banner{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(94vw,380px);z-index:30;display:none}.adsense-banner-card{width:100%;padding:10px 12px;border-radius:18px;border:1px solid rgba(31,182,255,.25);background:#ffffffd9;box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;min-height:90px;display:flex;align-items:center}.adsense-placeholder{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:14px;border:1px dashed rgba(31,182,255,.35);background:#1fb6ff0f;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}@media (max-width: 1200px){.adsense-banner{display:block}}.adsense-rail{position:sticky;top:120px;align-self:flex-start;width:200px;min-height:640px;display:flex;justify-content:center}.adsense-card{width:100%;padding:14px;border-radius:24px;border:1px solid transparent;background:linear-gradient(180deg,#fffffff2,#ffffffc7) padding-box,linear-gradient(140deg,#1fb6ff73,#22c55e33) border-box;box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;min-height:600px;display:flex;align-items:center}.adsense-rail--left{transform:translateY(8px) rotate(-.4deg)}.adsense-rail--right{transform:translateY(8px) rotate(.4deg)}.adsense-placeholder{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:18px;border:1px dashed rgba(31,182,255,.35);background:#1fb6ff0f;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}@media (max-width: 1200px){.adsense-rail{display:none}}.header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f7ffdb;border-bottom:1px solid var(--border)}.header-content{width:min(1200px,100%);margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo h1{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,1.2rem + 1.4vw,2.4rem);letter-spacing:.02em;color:var(--ink)}.nav{display:flex;gap:12px;flex-wrap:wrap}.nav-link{padding:8px 16px;border-radius:999px;color:var(--muted);border:1px solid transparent;transition:all .2s ease;background:#fff6}.nav-link:hover{color:var(--ink);border-color:#1fb6ff40;box-shadow:var(--shadow-glow)}.nav-link.active{color:var(--brand-strong);background:linear-gradient(135deg,#1fb6ff33,#22c55e26);border-color:#1fb6ff4d}@media (max-width: 720px){.header-content{padding:16px;flex-direction:column;align-items:flex-start}}.footer{border-top:1px solid var(--border);padding:28px 0 40px;color:var(--muted)}.footer-content{width:min(1200px,100%);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;font-size:.95rem}.footer-content a{color:var(--brand-strong);font-weight:600}.footer-note{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}@media (max-width: 720px){.footer-content{flex-direction:column;align-items:flex-start}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.page-shell{flex:1;display:flex;justify-content:center;gap:24px;padding:44px 24px 80px;max-width:1600px;width:100%;margin:0 auto;align-items:flex-start}.main-content{flex:1;width:min(1200px,100%);margin:0;padding:0;display:flex;flex-direction:column;gap:32px}@media (max-width: 1200px){.page-shell{padding:24px 16px 140px}}.home-page{display:flex;flex-direction:column;gap:28px;animation:fadeIn .5s ease}.hero{padding:40px;border-radius:28px;background:linear-gradient(120deg,#1fb6ff33,#ffffffe6),radial-gradient(circle at top right,rgba(34,197,94,.22),transparent 55%);border:1px solid rgba(31,182,255,.2);box-shadow:var(--shadow)}.hero h1{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(2.4rem,1.5rem + 2.2vw,3.6rem);letter-spacing:.01em}.hero p{margin:0;color:var(--muted);font-size:1.1rem}.coming-soon{padding:24px;border-radius:20px;background:var(--card);border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coming-soon h2{margin-top:0;font-family:var(--font-display)}.converter-page{display:flex;flex-direction:column;gap:28px;animation:fadeIn .5s ease}.page-header h1{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(2.1rem,1.3rem + 2vw,3.2rem);letter-spacing:.01em}.page-header .subtitle{margin:0;color:var(--muted)}.error-banner{padding:14px 18px;border-radius:12px;background:var(--danger-soft);color:var(--danger);border:1px solid rgba(180,35,24,.15)}.converter-layout{display:grid;grid-template-columns:minmax(300px,1fr) 160px minmax(300px,1fr);gap:20px;align-items:stretch}.converter-section{background:linear-gradient(180deg,#fffffff2,#fffc) padding-box,linear-gradient(140deg,#1fb6ff66,#22c55e33) border-box;border:1px solid transparent;border-radius:24px;padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:16px;min-height:560px}.converter-middle{display:flex;align-items:center;justify-content:center}.client-selector{display:flex;flex-direction:column;gap:10px}.selector-label,.editor-label,.result-label{font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--muted)}.search-input,.client-select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#ffffffe6;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus,.client-select:focus,.config-textarea:focus{outline:none;border-color:#1fb6ff80;box-shadow:0 0 0 3px #1fb6ff2e}.config-textarea{width:100%;min-height:320px;padding:14px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#080f1f08;font-family:SFMono-Regular,Fira Code,monospace;line-height:1.5;resize:vertical}.config-path{background:#1fb6ff14;border-radius:12px;padding:12px;border:1px dashed rgba(31,182,255,.3)}.config-path pre{margin:6px 0 0;font-family:SFMono-Regular,Fira Code,monospace;white-space:pre-wrap}.button-group{display:flex;gap:12px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-convert{padding:11px 20px;border-radius:999px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:var(--shadow-glow)}.btn-secondary{background:#fffc;color:var(--brand-strong);border:1px solid rgba(31,182,255,.25)}.btn-convert{width:100%;background:linear-gradient(135deg,#1fb6ffe6,#22c55ecc);color:#fff;padding:16px 18px;font-size:1rem;box-shadow:var(--shadow-glow);position:sticky;top:140px}.btn-primary:hover,.btn-secondary:hover,.btn-convert:hover{transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled,.btn-convert:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.supported-clients h2{margin-bottom:12px;font-family:var(--font-display)}.client-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.category-group{padding:16px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:var(--card);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-group h3{margin-top:0;font-size:1rem;color:var(--brand-strong)}.client-list{display:flex;flex-wrap:wrap;gap:8px}.client-badge{padding:6px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:.85rem;font-weight:600}@media (max-width: 1100px){.converter-layout{grid-template-columns:1fr}.converter-middle{order:2}.converter-section{min-height:auto}.btn-convert{position:static;width:auto;min-width:220px}}@media (max-width: 720px){.btn-convert{width:100%}}button,input,select,textarea{font:inherit}button{border:none;cursor:pointer}input,select,textarea{color:inherit;background:transparent}:focus-visible{outline:2px solid rgba(31,182,255,.6);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}