:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:hsla(0,0%,100%,.87);background-color:#111;background-image:linear-gradient(to bottom right,rgba(100,108,255,.05),transparent 40%),linear-gradient(to top left,rgba(83,91,242,.05),transparent 40%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box;padding:0}*,body{margin:0}body{min-width:320px;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:none}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#f8f9fa;background-image:radial-gradient(circle at 25% 25%,rgba(100,108,255,.03) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(83,91,242,.03) 0,transparent 50%)}}html{scroll-behavior:smooth;scroll-padding-top:2rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(100,108,255,.5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(100,108,255,.7)}#__next{max-width:1280px;margin:0 auto;padding:1.5rem 1rem;min-height:100vh}#__next,.container{width:100%;display:flex;flex-direction:column}main{width:100%;background-color:#1a1a1a;border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}h1{margin-bottom:1.5rem;font-size:2.75rem;font-weight:700;text-align:center;letter-spacing:-.5px}h1,h2{color:#fff}h2{margin:2rem 0 1.5rem;font-size:1.8rem;padding-bottom:.8rem;font-weight:600;border-bottom:1px solid hsla(0,0%,100%,.1)}h3{color:#fff;margin:1.25rem 0 1rem;font-size:1.3rem;font-weight:500}.tool-description{color:#b0b0b0;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}section{margin-bottom:3rem;padding:2rem;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.15)}.converter-section,section{background-color:#252525}.input-preview-container{display:flex;flex-direction:row;width:100%;margin-bottom:2rem;border:1px solid #444;border-radius:8px;background-color:#1a1a1a;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.15);min-height:400px}.input-section{width:50%;margin-bottom:0;border-right:1px solid #444;display:flex;flex-direction:column}.input-section h3,.input-section label,.preview-section h3,.preview-section label{margin:0;padding:.75rem 1rem;border-bottom:1px solid #444;background-color:#252525;font-size:1rem;font-weight:600;color:#e0e0e0;text-align:left}.preview-section{width:50%;max-width:none;margin-bottom:0;min-height:400px;padding:0;display:flex;flex-direction:column;align-items:stretch}.preview-section,textarea{border:none;border-radius:0;background-color:#1a1a1a}textarea{width:100%;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;resize:none;flex-grow:1;min-height:350px;box-sizing:border-box;color:#e0e0e0;font-size:.95rem;line-height:1.5}textarea:focus{outline:none}.format-selector{display:flex;flex-direction:column;align-items:center;margin:2rem 0 1.5rem;width:100%;text-align:center}.format-heading{margin-bottom:1rem;width:100%;text-align:center}.format-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.format-select{border:1px solid #444;border-radius:8px;font-size:1rem;background-color:#1a1a1a;color:#e0e0e0;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23d3d3d3' viewBox='0 0 16 16'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");background-repeat:no-repeat;background-position:calc(100% - 12px);padding:.7rem 35px .7rem 1.2rem}.format-select:hover{border-color:#646cff;box-shadow:0 0 8px rgba(100,108,255,.2)}.format-select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px rgba(100,108,255,.3)}.format-selector label{color:#d3d3d3;font-weight:500}.svg-preview{width:100%;flex-grow:1;padding:1rem;background-color:transparent;border-radius:0}.invalid-svg,.svg-preview{height:100%;display:flex;justify-content:center;align-items:center}.invalid-svg{background-color:#1a1a1a;border:none;border-radius:0}.invalid-svg p{color:#888;font-style:italic}.svg-preview svg{max-width:100%;max-height:100%;filter:drop-shadow(0 0 8px rgba(255,255,255,.05))}.download-section{margin-top:2rem;display:flex;flex-direction:column;align-items:center}.convert-button{background:#646cff;color:#fff;border:none;padding:.9rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px rgba(100,108,255,.3);min-width:220px}.download-icon{width:18px;height:18px;filter:brightness(0) invert(1)}.convert-button:hover{background:#535bf2;transform:translateY(-2px);box-shadow:0 6px 15px rgba(100,108,255,.4)}.convert-button:active{transform:translateY(1px)}.convert-button:disabled{background:#6b7280;cursor:not-allowed;box-shadow:none;opacity:.7}.error{color:#ef4444;padding:1rem 1.5rem;border-radius:8px;background-color:rgba(239,68,68,.1);border-left:4px solid #ef4444;font-size:.95rem;display:flex;align-items:center;width:100%;max-width:800px;box-sizing:border-box;text-align:left;margin:1.5rem auto}.error:before{content:"⚠️";margin-right:12px;font-size:1.1rem}.how-to-use-section{background-color:#252525}.how-to-use-section ol{text-align:left;padding-left:2rem;color:#d3d3d3;line-height:1.8}.how-to-use-section li{margin-bottom:1rem;position:relative;padding-left:.5rem}.how-to-use-section li::marker{color:#646cff;font-weight:700}.about-section{background-color:#252525}.about-section p{color:#b0b0b0;line-height:1.7;margin-bottom:1.2rem;text-align:left}a{color:#646cff;transition:all .3s ease;font-weight:500;position:relative}a,a:hover{text-decoration:none}a:hover{color:#535bf2}a:after{content:"";position:absolute;width:100%;height:1px;bottom:-2px;left:0;background-color:#535bf2;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}a:hover:after{transform:scaleX(1);transform-origin:bottom left}@media (max-width:900px){main{padding:1.5rem}.input-preview-container{flex-direction:column;min-height:600px}.input-section,.preview-section{width:100%;min-height:300px}.input-section{border-right:none;border-bottom:1px solid #444}textarea{min-height:250px}.svg-preview{min-height:180px}}@media (max-width:768px){#root{padding:1rem .5rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.1rem}.tool-description{font-size:1rem}section{padding:1.2rem;margin-bottom:2rem}.format-controls{flex-direction:column;gap:.8rem}.format-select{width:100%;min-width:180px}.convert-button{width:100%}}@media (max-width:480px){main{padding:1.25rem}h1{font-size:1.8rem}textarea{min-height:200px}.preview-section{padding:1rem}.svg-preview{min-height:150px}}.features-section{margin:3rem 0;padding:2rem;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.feature{padding:1.5rem;background:hsla(0,0%,100%,.03);border-radius:8px;border:1px solid hsla(0,0%,100%,.05)}.feature h3,.feature strong{color:#646cff;margin-bottom:.5rem;font-size:1.1rem}.feature p{color:hsla(0,0%,100%,.8);line-height:1.6}.faq-section{margin:3rem 0;padding:2rem;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.faq-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.faq-item:last-child{border-bottom:none;margin-bottom:0}.faq-item h3,.faq-item strong{color:#646cff;margin-bottom:.5rem;font-size:1.1rem}.faq-item p{color:hsla(0,0%,100%,.8);line-height:1.6}.guide-section{margin:3rem 0;padding:2rem;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.guide-section h3,.guide-section-item strong{color:#646cff;margin:1.5rem 0 1rem;font-size:1.2rem}.guide-section ul{margin-left:1.5rem;margin-bottom:1.5rem}.guide-section li{color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:.5rem}.guide-content{display:flex;flex-direction:column;gap:2rem}.guide-section-item{margin-bottom:1.5rem}.guide-section-item strong{display:block;margin-bottom:1rem}@media (max-width:768px){.features-grid{grid-template-columns:1fr;gap:1.5rem}.faq-section,.features-section,.guide-section{padding:1.5rem;margin:2rem 0}}.alternatives-section{margin:3rem 0;padding:2rem;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.comparison-item{padding:1.5rem;background:hsla(0,0%,100%,.03);border-radius:8px;border:1px solid hsla(0,0%,100%,.05)}.comparison-item h3,.comparison-item strong{color:#646cff;margin-bottom:.5rem;font-size:1.1rem}.comparison-item p{color:hsla(0,0%,100%,.8);line-height:1.6}@media (max-width:768px){.comparison-grid,.features-grid{grid-template-columns:1fr;gap:1.5rem}.alternatives-section,.faq-section,.features-section,.guide-section,.technical-section,.troubleshooting-section,.use-cases-section{padding:1.5rem;margin:2rem 0}}.use-cases-section{margin:3rem 0;padding:2rem;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;margin-top:1.5rem}.use-case{padding:1.5rem;background:hsla(0,0%,100%,.03);border-radius:8px;border:1px solid hsla(0,0%,100%,.05)}.use-case strong{color:#646cff;margin-bottom:.5rem;font-size:1.1rem;display:block}.use-case p{color:hsla(0,0%,100%,.8);line-height:1.6;margin-top:.8rem}.technical-section{margin:3rem 0;padding:2rem;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.technical-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem;margin-top:1.5rem}.technical-item{padding:1.5rem;background:hsla(0,0%,100%,.03);border-radius:8px;border:1px solid hsla(0,0%,100%,.05)}.technical-item strong{color:#646cff;margin-bottom:.5rem;font-size:1.1rem;display:block}.technical-item p{color:hsla(0,0%,100%,.8);line-height:1.6;margin-top:.8rem}.troubleshooting-section{margin:3rem 0;padding:2rem;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.troubleshooting-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem;margin-top:1.5rem}.troubleshooting-item{padding:1.5rem;background:hsla(0,0%,100%,.03);border-radius:8px;border:1px solid hsla(0,0%,100%,.05)}.troubleshooting-item strong{color:#646cff;margin-bottom:.5rem;font-size:1.1rem;display:block}.troubleshooting-item ul{margin-left:1.5rem;margin-top:1rem}.troubleshooting-item li{color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:.5rem}.analytics-consent{position:fixed;bottom:0;left:0;right:0;background-color:rgba(26,26,26,.95);color:#fff;padding:16px;z-index:1000;box-shadow:0 -4px 20px rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1);animation:slideUp .5s ease forwards}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.consent-content{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 1rem}.consent-content p{margin:0;padding:8px 0;flex:1 1;min-width:300px;color:#e0e0e0;font-size:.95rem;line-height:1.6}.consent-buttons{display:flex;gap:12px;margin-left:16px}.consent-buttons button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.95rem}.consent-decline{background-color:transparent;color:#d3d3d3;border:1px solid hsla(0,0%,100%,.2)}.consent-decline:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.consent-accept{background:#646cff;color:#fff;box-shadow:0 4px 12px rgba(100,108,255,.3)}.consent-accept:hover{background:#535bf2;transform:translateY(-2px);box-shadow:0 6px 15px rgba(100,108,255,.4)}.consent-buttons button:active{transform:translateY(1px)}@media (max-width:768px){.consent-content{flex-direction:column;align-items:flex-start}.consent-buttons{margin-left:0;margin-top:16px;width:100%;justify-content:flex-end}}@media (max-width:480px){.analytics-consent{padding:12px}.consent-buttons{width:100%;justify-content:space-between}.consent-buttons button{flex:1 1;text-align:center}}