:root{--font-geist:"Inter", "SF Pro Display", "Segoe UI", sans-serif;--font-geist-mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", monospace;--ink:#f4f1ea;--muted:#aaa5b5;--line:#ffffff1c;--panel:#121118d1;--panel-strong:#15141c;--accent:#a78bfa;--accent-bright:#c4b5fd;--green:#70e0a6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--font-geist), Arial, sans-serif;background:radial-gradient(circle at 50% -20%,#7c5cff38,#0000 38rem),#0b0a0f;min-height:100vh;margin:0}body:before{z-index:-1;pointer-events:none;content:"";opacity:.28;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}button,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.nav{justify-content:space-between;align-items:center;height:76px;display:flex}.brand,.documentation-link{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.brand{letter-spacing:-.025em;gap:10px;font-weight:690}.brand-mark{color:#0d0c11;background:var(--ink);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.documentation-link{color:var(--muted);gap:7px;font-size:13px;transition:color .16s}.documentation-link:hover{color:var(--ink)}.hero{text-align:center;padding:86px 0 58px}.eyebrow,.privacy-note{align-items:center;display:inline-flex}.eyebrow{color:var(--accent-bright);text-transform:uppercase;font:600 11px/1 var(--font-geist-mono), monospace;letter-spacing:.14em;gap:9px}.eyebrow>span{background:currentColor;width:24px;height:1px}.hero h1{letter-spacing:-.07em;max-width:850px;margin:21px auto 22px;font-size:clamp(47px,7.2vw,88px);font-weight:650;line-height:.98}.hero h1 span{color:#0000;background:linear-gradient(108deg,#c8b7ff 5%,#7e63dc 52%,#75d7c5 105%);-webkit-background-clip:text;background-clip:text}.hero>p{max-width:610px;color:var(--muted);margin:0 auto;font-size:17px;line-height:1.65}.privacy-note{color:#85818f;font:500 12px/1 var(--font-geist-mono), monospace;gap:8px;margin-top:27px}.pulse-dot,.status-light{background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #70e0a61a}.pulse-dot{width:6px;height:6px}.workspace{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0b10e0;border-radius:20px;overflow:hidden;box-shadow:0 30px 100px #0000006b}.workspace-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:63px;padding:12px 16px 12px 22px;display:flex}.workspace-title{font:550 13px/1 var(--font-geist-mono), monospace;align-items:center;gap:10px;display:flex}.status-light{width:7px;height:7px}.segmented{border:1px solid var(--line);background:#ffffff06;border-radius:9px;padding:3px;display:flex}.segmented button{color:#827d8c;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:11px}.segmented button.active{color:var(--ink);background:#292630;box-shadow:inset 0 0 0 1px #ffffff12}.panels{grid-template-columns:1fr 1fr;display:grid}.panel{min-width:0;padding:22px}.input-panel{border-right:1px solid var(--line)}.panel-header{justify-content:space-between;align-items:center;height:34px;margin-bottom:15px;display:flex}.panel-header>div:first-child{align-items:baseline;gap:10px;display:flex}.panel-header h2{margin:0;font-size:13px;font-weight:610}.step-number{color:#625d6a;font:500 10px/1 var(--font-geist-mono), monospace}.panel-actions{gap:5px;display:flex}.panel-actions button,.code-actions button{color:#8e8998;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;display:inline-flex}.panel-actions button{border-radius:6px;padding:7px 8px}.panel-actions button:hover,.code-actions button:hover{color:var(--ink);background:#ffffff0d}.editor-shell{border:1px solid var(--line);background:#100f15;border-radius:12px;overflow:hidden}.editor-bar{color:#6e6977;border-bottom:1px solid var(--line);height:40px;font:500 10px/1 var(--font-geist-mono), monospace;background:#15141b;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.traffic-lights{gap:5px;display:flex}.traffic-lights span{background:#3e3945;border-radius:50%;width:7px;height:7px}.traffic-lights span:first-child{background:#63536b}.editor-body{grid-template-columns:42px 1fr;height:363px;display:grid}.line-numbers{color:#46414c;font:11px/20px var(--font-geist-mono), monospace;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff0b;flex-direction:column;align-items:flex-end;gap:0;padding:14px 10px 14px 0;display:flex;overflow:hidden}.input-editor textarea{resize:none;color:#c7c0d4;width:100%;height:100%;caret-color:var(--accent);font:12px/20px var(--font-geist-mono), monospace;tab-size:2;background:0 0;border:0;outline:none;padding:14px 15px}.input-editor textarea::placeholder{color:#514c58}.validation-message{color:#d9c7c3;background:#f8857011;border:1px solid #f8857038;border-radius:9px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 12px;font-size:10px;line-height:1.5;display:flex}.validation-message svg{color:#f88570;flex:none;margin-top:1px}.validation-message span{flex-direction:column;gap:2px;display:flex}.validation-message strong{color:#f0d7d2;font-size:11px}.convert-controls{grid-template-columns:1fr auto;gap:12px;margin-top:13px;display:grid}.convert-controls label{color:#77717f;text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:9px;display:flex}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;border:1px solid var(--line);color:#c5c0ca;cursor:pointer;background:#15141b;border-radius:9px;outline:none;width:100%;height:41px;padding:0 34px 0 12px;font-size:11px}.select-wrap svg{pointer-events:none;color:#77717f;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.convert-button{color:#0b0910;cursor:pointer;background:linear-gradient(135deg,#c4b5fd,#9981eb);border:0;border-radius:9px;align-self:end;align-items:center;gap:8px;height:41px;padding:0 17px;font-size:11px;font-weight:690;display:inline-flex;box-shadow:0 8px 24px #8b70e038}.convert-button:hover{filter:brightness(1.08)}.convert-button:disabled{opacity:.4;cursor:not-allowed}.file-count{color:#817b8a;font:500 10px/1 var(--font-geist-mono), monospace;align-items:center;gap:6px;display:inline-flex}.file-tabs{scrollbar-width:none;gap:4px;height:35px;display:flex;overflow-x:auto}.file-tabs::-webkit-scrollbar{display:none}.file-tabs button{color:#625d6c;font:500 9px/1 var(--font-geist-mono), monospace;cursor:pointer;background:0 0;border:0;border-radius:7px 7px 0 0;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.file-tabs button.active{color:var(--accent-bright);background:#17151e}.output-editor{border-top-left-radius:0;height:368px}.language-badge{color:var(--accent-bright);background:#a78bfa14;border:1px solid #a78bfa40;border-radius:4px;padding:4px 6px;font-size:8px}.code-actions{gap:2px;display:flex}.code-actions button{padding:5px 6px}.output-editor pre{color:#bdb5c9;height:calc(100% - 40px);font:11px/18px var(--font-geist-mono), monospace;scrollbar-color:#34303b transparent;scrollbar-width:thin;margin:0;padding:17px;overflow:auto}.zip-button{text-align:left;color:#d1c9dc;cursor:pointer;background:#a78bfa0e;border:1px solid #a78bfa33;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:59px;margin-top:13px;padding:0 14px;display:grid}.zip-button>svg:first-child{color:var(--accent)}.zip-button span{flex-direction:column;gap:3px;display:flex}.zip-button strong{font-size:11px}.zip-button small{color:#716b79;font-size:9px}.zip-button:hover{background:#a78bfa17;border-color:#a78bfa6b}.empty-output{text-align:center;border:1px dashed var(--line);background:#ffffff03;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:463px;display:flex}.empty-icon{color:#776d8d;border:1px solid var(--line);background:#15131c;border-radius:16px;place-items:center;width:55px;height:55px;display:grid}.empty-output h3{margin:17px 0 6px;font-size:13px}.empty-output p{color:#6c6674;max-width:270px;margin:0;font-size:11px;line-height:1.5}.documentation{padding:112px 0 54px}.documentation-intro{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:72px;margin-bottom:34px;display:grid}.section-kicker{color:var(--accent-bright);text-transform:uppercase;font:600 10px/1 var(--font-geist-mono), monospace;letter-spacing:.14em}.documentation h2{letter-spacing:-.05em;margin:13px 0 0;font-size:clamp(30px,4.2vw,52px);font-weight:620;line-height:1.08}.documentation-intro>p{color:var(--muted);margin:0 0 5px;font-size:15px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feature-card{border:1px solid var(--line);background:linear-gradient(145deg,#18161fd1,#0e0d13d1);border-radius:16px;min-height:255px;padding:25px;position:relative;overflow:hidden}.feature-icon{width:43px;height:43px;color:var(--accent-bright);background:#a78bfa14;border:1px solid #a78bfa2e;border-radius:12px;place-items:center;display:inline-grid}.feature-number{color:#4e4957;font:500 10px/1 var(--font-geist-mono), monospace;position:absolute;top:26px;right:25px}.feature-card h3{letter-spacing:-.02em;margin:45px 0 10px;font-size:17px}.feature-card p{color:#8f8998;margin:0;font-size:13px;line-height:1.65}.documentation-details{grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);align-items:center;gap:72px;margin-top:80px;display:grid}.code-example{border:1px solid var(--line);background:#111017;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px #00000042}.code-example-header{color:#777180;border-bottom:1px solid var(--line);font:500 9px/1 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:15px 18px;display:flex}.code-example-header span:last-child{color:var(--accent-bright)}.code-example pre{color:#c7bfce;font:12px/2 var(--font-geist-mono), monospace;margin:0;padding:29px 24px;overflow-x:auto}.documentation-copy h2,.privacy-panel h2,.faq h2{font-size:clamp(27px,3.3vw,42px)}.documentation-copy>p{color:#938d9c;font-size:14px;line-height:1.75}.documentation-copy code{color:var(--accent-bright);font:11px var(--font-geist-mono), monospace;background:#a78bfa12;border:1px solid #a78bfa24;border-radius:4px;padding:2px 5px}.documentation-copy>a,.privacy-panel>a{color:var(--accent-bright);align-items:center;gap:7px;margin-top:10px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.privacy-panel{background:#70e0a609;border:1px solid #70e0a62b;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:80px;padding:29px 31px;display:grid}.privacy-panel .feature-icon{color:var(--green);background:#70e0a612;border-color:#70e0a62b}.privacy-panel h2{letter-spacing:-.025em;margin:0 0 5px;font-size:19px}.privacy-panel p{color:#8d8795;margin:0;font-size:13px}.privacy-panel>a{color:var(--green);margin:0}.faq{text-align:center;max-width:820px;margin:100px auto 25px}.faq h2{margin-bottom:32px}.faq-list{border-top:1px solid var(--line);text-align:left}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:21px 3px;font-size:14px;font-weight:600}.faq details p{color:#8f8998;max-width:700px;margin:-6px 3px 21px;font-size:13px;line-height:1.7}.footer{color:#56515d;font:500 10px/1 var(--font-geist-mono), monospace;justify-content:space-between;padding:32px 0 42px;display:flex}@media (max-width:900px){.hero{padding-top:62px}.panels{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.documentation-intro,.documentation-details{grid-template-columns:1fr;gap:28px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:220px}}@media (max-width:560px){.shell{width:min(100% - 22px,1180px)}.nav{height:65px}.documentation-link span{display:none}.hero{padding:52px 0 42px}.hero h1{letter-spacing:-.055em}.hero>p{font-size:15px}.workspace-topbar{flex-direction:column;align-items:flex-start;gap:12px}.segmented{width:100%}.segmented button{flex:1}.panel{padding:15px}.panel-actions button{font-size:0}.convert-controls{grid-template-columns:1fr}.convert-button{justify-content:center}.footer{gap:12px;line-height:1.4}.documentation{padding-top:78px}.documentation-details,.privacy-panel{margin-top:55px}.privacy-panel{grid-template-columns:auto 1fr;padding:22px}.privacy-panel>a{grid-column:2}.faq{margin-top:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}