@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.min-h-screen{align-items:center;animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0d1b2a,#162838,#0f1419,#1b2a35);background-size:400% 400%;display:flex;flex-direction:column;min-height:100vh;padding:2rem;position:relative}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0}to{background-position:0 50%}}.min-h-screen:after,.min-h-screen:before{animation:colorShift 15s ease infinite;border-radius:50%;content:"";filter:blur(120px);opacity:.4;pointer-events:none;position:fixed;z-index:0}.min-h-screen:before{animation:float 25s ease-in-out infinite,colorShift1 15s ease infinite;height:600px;right:-10%;top:-15%;width:600px}.min-h-screen:after{animation:float 30s ease-in-out infinite reverse,colorShift2 18s ease infinite;bottom:-15%;height:500px;left:-10%;width:500px}@keyframes colorShift1{0%,to{background:radial-gradient(circle,#1e3a5f,#0000)}33%{background:radial-gradient(circle,#2d4a3e,#0000)}66%{background:radial-gradient(circle,#1a1a2e,#0000)}}@keyframes colorShift2{0%,to{background:radial-gradient(circle,#0f3b3a,#0000)}33%{background:radial-gradient(circle,#1e2a4a,#0000)}66%{background:radial-gradient(circle,#2a2d3a,#0000)}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-60px) scale(1.15)}66%{transform:translate(-30px,40px) scale(.85)}}.min-h-screen{overflow:hidden}h1{-webkit-text-fill-color:#0000;animation:glow 3s ease-in-out infinite;background:linear-gradient(135deg,#64b5f6,#4fc3f7,#81c784);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:3rem;position:relative;text-align:center;text-shadow:0 0 40px #64b5f64d;z-index:1}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px rgba(100,181,246,.4))}50%{filter:drop-shadow(0 0 30px rgba(79,195,247,.6))}}.content-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem;max-width:1400px;position:relative;width:100%;z-index:1}.input-section,.output-section{display:flex;flex-direction:column;gap:1.5rem}.output-section{min-height:400px}.section-label{align-items:center;color:#81c784;display:flex;font-size:.875rem;justify-content:space-between;letter-spacing:.1em;margin-bottom:.5rem;text-shadow:0 0 10px #81c78480}.copy-button,.section-label{font-weight:600;text-transform:uppercase}.copy-button{background:linear-gradient(135deg,#26a69a,#1e88e5);border:none;border-radius:8px;box-shadow:0 2px 10px #26a69a4d;color:#fff;cursor:pointer;font-size:.8rem;letter-spacing:.05em;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.copy-button:hover{background:linear-gradient(135deg,#00897b,#1976d2);box-shadow:0 4px 20px #26a69a80;transform:translateY(-2px)}.copy-button:active{transform:translateY(0)}.copy-button.copied{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 2px 10px #4caf5066}textarea{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ab3;border:2px solid #64b5f64d;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;color:#e0e7ff;font-family:JetBrains Mono,Courier New,monospace!important;font-size:.95rem;line-height:1.6;min-height:400px;padding:1.5rem;position:relative;resize:vertical;transition:all .4s ease;z-index:1}textarea:focus{background:#0f172ad9;border-color:#4fc3f799;box-shadow:0 12px 48px #4fc3f74d,inset 0 1px 0 #ffffff1a;outline:none;transform:translateY(-2px)}textarea::placeholder{color:#64748b;opacity:.6}button{background:linear-gradient(135deg,#1e88e5,#26a69a);border:none;border-radius:12px;box-shadow:0 4px 20px #1e88e566;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.05em;overflow:hidden;padding:1rem 3rem;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:1}button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}button:hover:before{height:300px;width:300px}button:hover{background:linear-gradient(135deg,#1976d2,#00897b);box-shadow:0 12px 40px #1e88e599;transform:translateY(-3px)}button:active{transform:translateY(-1px)}.error-message{animation:slideIn .4s ease,errorPulse 2s ease infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141928e6!important;border:2px solid #ff6b6b66!important;border-radius:12px;box-shadow:0 8px 32px #ff6b6b4d;color:#ff6b6b!important;font-weight:500;padding:1.25rem;position:relative;z-index:1}@keyframes errorPulse{0%,to{box-shadow:0 8px 32px #ff6b6b4d}50%{box-shadow:0 8px 32px #ff6b6b80}}pre{animation:slideIn .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ae6!important;border:2px solid #81c7844d;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;color:#a8e6cf!important;font-family:JetBrains Mono,Courier New,monospace!important;font-size:.9rem;line-height:1.7;min-height:400px;padding:1.5rem;position:relative;z-index:1}pre::-webkit-scrollbar{height:12px;width:12px}pre::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}pre::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e88e5,#26a69a);border-radius:10px}pre::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1976d2,#00897b)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.output-placeholder{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a80;border:2px dashed #64b5f64d;border-radius:16px;color:#64748b;display:flex;font-size:1rem;justify-content:center;min-height:400px;padding:3rem;position:relative;text-align:center;transition:all .3s ease;z-index:1}.output-placeholder:hover{background:#0f172a99;border-color:#64b5f680}@media (max-width:1024px){.content-container{gap:2rem;grid-template-columns:1fr}h1{font-size:2.5rem}.output-placeholder,pre,textarea{min-height:300px}}@media (max-width:768px){h1{font-size:2rem}button{width:100%}.min-h-screen,button{padding:1rem}}
/*# sourceMappingURL=main.3c9566f8.css.map*/