code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1c29,#2d3561);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#7b61ff26 0,#0000 70%);right:-50%;top:-50%}body:after,body:before{content:"";height:200%;position:absolute;width:200%}body:after{animation:float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#ff6b8126 0,#0000 70%);bottom:-50%;left:-50%}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.App{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:1}.header{margin-bottom:3rem;text-align:center}.header h1{align-items:center;color:#fff;display:flex;font-size:2.5rem;gap:.5rem;justify-content:center;margin-bottom:.5rem}.icon{animation:sparkle 2s ease-in-out infinite;color:gold;filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.subtitle{color:#ffffffe6;font-size:1.1rem;margin-top:0}.converter-container{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr;margin-bottom:2rem}.input-section,.output-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #ffffff1a;padding:2rem;transition:all .3s ease}.input-section:hover,.output-section:hover{background:#ffffff1a;box-shadow:0 12px 48px #00000026,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.input-section h2,.output-section h2{color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1rem;margin-top:0}.textarea{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #fff3;border-radius:16px;color:#fff;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;min-height:400px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.textarea:focus{background:#ffffff14;border-color:#7b61ff99;box-shadow:0 0 0 3px #7b61ff33,0 0 20px #7b61ff33;outline:none}.textarea.output{background:#ffffff08;color:#e0e0e0}.arrow-container{align-items:center;display:flex;justify-content:center}.arrow-icon{color:#fffc;filter:drop-shadow(0 0 10px rgba(123,97,255,.5));height:40px;width:40px}.button-container{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.button{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s ease}.button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.button:hover:before{left:100%}.copy-button{background:linear-gradient(135deg,#7b61ffb3,#b46dffb3)}.copy-button:hover{background:linear-gradient(135deg,#7b61ffcc,#b46dffcc);box-shadow:0 12px 36px #7b61ff66,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.clear-button{background:linear-gradient(135deg,#ff6b81b3,#ff8fa3b3)}.clear-button:hover{background:linear-gradient(135deg,#ff6b81cc,#ff8fa3cc);box-shadow:0 12px 36px #ff6b8166,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.notification{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0003,inset 0 1px 0 #fff3;color:#fff;font-weight:600;padding:1rem 2rem;position:fixed;right:2rem;top:2rem;z-index:1000}.conversion-examples,.notification{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.conversion-examples{background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #ffffff1a;margin:0 auto;max-width:1200px;padding:2rem}.conversion-examples h3{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:2rem;margin-top:0;text-align:center}.example-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.example-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s ease}.example-card:hover{background:#ffffff12;border-color:#ffffff26;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.example-card h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.example-item{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.example-item code{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;padding:.3rem .6rem}.example-item .markdown{background:#7b61ff33;border-color:#7b61ff4d;color:#b794ff}.example-item .wordpress{background:#ff6b8133;border-color:#ff6b814d;color:#ff8fa3}.example-item .arrow{color:#ffffff80;font-size:16px;font-weight:700;margin:0 .5rem}.usage-tips{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffd7001a;border:1px solid #ffd70033;border-radius:16px;padding:1.5rem}.usage-tips h4{color:gold;font-weight:600;margin-bottom:1rem;margin-top:0}.usage-tips p{color:#fffc;line-height:1.6;margin:.5rem 0}.usage-tips code{background:#ffffff1a;border:1px solid #ffd70033;border-radius:6px;color:gold;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;padding:.2rem .4rem}@media (max-width:968px){.converter-container{gap:1rem;grid-template-columns:1fr}.arrow-container{margin:-1rem 0;transform:rotate(90deg)}.textarea{min-height:250px}.header h1{font-size:2rem}.button-container{align-items:center;flex-direction:column}.button{justify-content:center;width:200px}.example-grid{grid-template-columns:1fr}.example-item{align-items:flex-start;flex-direction:column}.example-item .arrow{margin:.5rem 0;transform:rotate(90deg)}}
/*# sourceMappingURL=main.6f060c7e.css.map*/