*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--black:#000;--near-black:#1d1d1f;--light-gray:#f5f5f7;--white:#fff;--blue:#0071e3;--link-blue:#06c;--link-blue-dark:#2997ff;--dark-surface-1:#272729;--dark-surface-2:#262628;--dark-surface-3:#28282a;--dark-surface-4:#2a2a2d;--dark-surface-5:#242426;--body-muted:#1d1d1fb8;--body-soft:#1d1d1f8f;--body-softest:#1d1d1f6b;--dark-body:#ffffffd1;--dark-body-soft:#ffffffad;--hairline:#1d1d1f14;--hairline-dark:#ffffff1f;--card-shadow:#00000038 3px 5px 30px 0;--focus-ring:0 0 0 2px var(--blue)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{background:var(--white);color:var(--near-black);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;padding-top:48px;line-height:1.47}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{background:0 0}button:disabled{cursor:not-allowed;opacity:.45;transform:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-page,.page-shell{background:var(--white);min-height:100vh}.navbar{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);z-index:1000;background:#000c;border-bottom:1px solid #ffffff14;position:fixed;inset:0 0 auto}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1120px;height:48px;margin:0 auto;padding:0 22px;display:flex}.navbar-brand{color:var(--white);flex:none;align-items:center;gap:10px;min-width:0;display:flex}.navbar-logo{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.navbar-logo img{width:18px;height:18px}.navbar-title{color:#ffffffeb;font-family:var(--font-body);letter-spacing:-.12px;font-size:12px;font-weight:400;line-height:1.33}.navbar-links,.navbar-actions{align-items:center;display:flex}.navbar-links{flex:auto;justify-content:center;gap:24px}.navbar-actions{flex:none;gap:12px}.nav-link,.back-link{color:#ffffffd1;letter-spacing:-.12px;font-size:12px;font-weight:400;line-height:1.33;transition:color .2s,background-color .2s,border-color .2s,transform .2s}.nav-link:hover,.back-link:hover{color:var(--white)}.back-link{border:1px solid #ffffff3d;border-radius:980px;padding:7px 14px}.language-selector{position:relative}.language-button{appearance:none;color:var(--white);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:980px;align-items:center;gap:8px;min-width:88px;padding:7px 12px;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.language-button:hover{background:#ffffff24;transform:translateY(-1px)}.language-button:focus-visible,.back-link:focus-visible,.nav-link:focus-visible,.hero-primary-cta:focus-visible,.hero-secondary-cta:focus-visible,.upload-btn:focus-visible,.secondary-upload-btn:focus-visible,.copy-btn:focus-visible,.format-btn:focus-visible,.retry-btn:focus-visible,.dropdown-item:focus-visible,.footer-section a:focus-visible{box-shadow:var(--focus-ring);border-radius:980px;outline:none}.language-text{letter-spacing:-.12px;font-size:12px;font-weight:400;line-height:1.33}.language-arrow{color:#ffffffb3;font-size:9px;transition:transform .2s}.language-button.active .language-arrow{transform:rotate(180deg)}.language-dropdown{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);box-shadow:var(--card-shadow);opacity:0;pointer-events:none;visibility:hidden;background:#1d1d1feb;border:1px solid #ffffff1f;border-radius:18px;width:148px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;transform:translateY(-8px)}.language-dropdown.show{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.language-option{color:#ffffffdb;border-bottom:1px solid #ffffff14;align-items:center;padding:12px 16px;transition:background-color .2s,color .2s;display:flex}.language-option:last-child{border-bottom:0}.language-option:hover,.language-option.selected{color:var(--link-blue-dark);background:#2997ff1f}.container,.detail-container{max-width:1120px;margin:0 auto;padding:0 24px}.detail-container{max-width:1024px}.hero-section{background:var(--black);color:var(--white);padding:88px 24px 104px;overflow:hidden}.hero-inner{text-align:center;max-width:980px;margin:0 auto}.hero-eyebrow,.section-kicker,.upload-overline,.hero-showcase-label,.content-card-kicker{color:var(--link-blue-dark);letter-spacing:-.12px;margin:0;font-size:12px;font-weight:600;line-height:1.33}.hero-title,.page-header h1{font-family:var(--font-display);letter-spacing:-.028em;max-width:980px;margin:14px auto 0;font-size:clamp(42px,7.2vw,76px);font-weight:600;line-height:1.07}.hero-subtitle,.page-subtitle,.studio-subtitle,.content-subtitle,.highlight-desc{letter-spacing:.011em;font-size:21px;font-weight:400;line-height:1.19}.hero-subtitle{color:var(--dark-body);max-width:780px;margin:18px auto 0}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.hero-primary-cta,.hero-secondary-cta,.upload-btn,.secondary-upload-btn,.copy-btn,.format-btn,.retry-btn{appearance:none;cursor:pointer;font-family:var(--font-body);letter-spacing:-.374px;border-radius:980px;padding:11px 21px;font-size:17px;font-weight:400;line-height:1.235;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}label.upload-btn,label.secondary-upload-btn{justify-content:center;align-items:center;width:fit-content;display:flex}.hero-primary-cta,.upload-btn,.copy-btn{background:var(--blue);color:var(--white);border:1px solid #0000}.hero-primary-cta:hover,.upload-btn:hover,.copy-btn:hover{background:#0077ed;transform:translateY(-1px)}.hero-secondary-cta,.secondary-upload-btn,.format-btn,.retry-btn{color:var(--link-blue-dark);background:0 0;border:1px solid}.secondary-upload-btn,.format-btn,.retry-btn{color:var(--link-blue)}.hero-secondary-cta:hover,.secondary-upload-btn:hover,.format-btn:hover,.retry-btn:hover{background:#0066cc0f;transform:translateY(-1px)}.hero-secondary-cta span{margin-left:3px;display:inline-block}.hero-showcase{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;max-width:1120px;margin:72px auto 0;display:flex}.hero-showcase-panel{background:var(--dark-surface-1);box-shadow:var(--card-shadow);border-radius:32px;width:min(420px,50vw - 36px);max-width:min(420px,100%);min-height:238px;padding:26px 28px 32px;position:relative}.hero-showcase-panel-image{transform:rotate(-5deg)}.hero-showcase-panel-code{background:var(--dark-surface-4);transform:rotate(5deg)}.hero-showcase-divider{color:#ffffff85;font-size:32px;font-weight:300;line-height:1}.hero-formula-plate,.hero-code-sample{color:var(--white);margin-top:30px;display:block}.hero-formula-plate{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,4vw,42px);font-weight:400;line-height:1.14}.hero-code-sample{font-family:var(--font-mono);white-space:pre-wrap;font-size:17px;font-weight:400;line-height:1.47}.studio-section,.detail-body{background:var(--light-gray)}.studio-section{padding:30px 0 120px}.studio-container{max-width:1080px}.header,.page-header,.content-header{text-align:center}.studio-header{max-width:900px;margin:0 auto 40px}.main-heading,.studio-title,.content-title,.section-title,.highlight-title,.legal-content h2,.faq-question-text,.content-card-title{color:var(--near-black);font-family:var(--font-display)}.studio-title,.content-title{letter-spacing:-.028em;max-width:900px;margin:12px auto 0;font-size:clamp(32px,5vw,56px);font-weight:600;line-height:1.07}.studio-subtitle{color:var(--body-muted);max-width:840px;margin:18px auto 0}.upload-area,.image-section,.result-section,.highlight-box,.faq-item,.legal-content{background:var(--white);box-shadow:var(--card-shadow);border-radius:32px}.upload-area{text-align:center;max-width:880px;margin:0 auto 24px;padding:28px 48px 56px;transition:transform .2s,box-shadow .2s,background-color .2s}.upload-area.dragover,.secondary-upload-area.dragover{box-shadow:var(--card-shadow), var(--focus-ring);transform:translateY(-2px)}.upload-area>p,.secondary-upload-text{color:var(--body-muted);letter-spacing:-.374px;max-width:660px;margin:12px auto 0;font-size:21px;font-weight:400;line-height:1.19}.upload-area .upload-overline{margin-top:0}.upload-area .upload-btn{margin:48px auto 0}.upload-area .paste-hint{margin-top:34px}.paste-hint,.secondary-paste-hint{color:var(--body-soft);letter-spacing:-.224px;max-width:560px;margin:18px auto 0;font-size:14px;font-weight:400;line-height:1.29}.error-banner{color:#c01f17;letter-spacing:-.224px;background:#ff3b3014;border-radius:24px;max-width:880px;margin:0 auto 20px;padding:18px 20px;font-size:14px;font-weight:600;line-height:1.43}.studio-section.has-main-content{padding-top:16px}.studio-section.has-main-content .studio-container{max-width:1080px}.studio-section.has-main-content .main-content{gap:20px}.main-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:none}.main-content.active{margin-top:0;display:grid}.image-section,.result-section{padding:32px}.studio-section.has-main-content .image-section,.studio-section.has-main-content .result-section{padding:20px 24px}.studio-section.has-main-content .preview-area,.studio-section.has-main-content .formula-preview{min-height:240px;padding:20px}.section-title{letter-spacing:.196px;margin:0 0 24px;font-size:28px;font-weight:400;line-height:1.14}.main-content .section-title{margin-bottom:20px;font-size:24px}.preview-area,.formula-preview{background:var(--light-gray);border-radius:28px;justify-content:center;align-items:center;min-height:280px;padding:24px;display:flex;overflow:hidden}.preview-area{flex-direction:column;gap:20px}.preview-img{border-radius:20px;max-width:100%;max-height:420px;display:block}.manual-retry-btn{margin-top:4px}.secondary-upload-area{border-top:1px solid var(--hairline);text-align:left;margin-top:28px;padding-top:24px}.secondary-upload-area .secondary-upload-btn{margin-top:18px}.secondary-paste-hint{margin-left:0;margin-right:0}.loading{align-items:center;gap:16px;margin:16px 0 20px;display:flex}.loading p{color:var(--body-muted);letter-spacing:-.374px;margin:0;font-size:17px}.spinner{border:2px solid #0071e333;border-top-color:var(--blue);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-area{margin-top:4px}.formula-preview img{max-width:100%;max-height:220px}.placeholder{color:var(--body-soft);letter-spacing:-.374px;font-size:17px}.latex-section{margin-top:24px}.latex-section h3{color:var(--near-black);font-family:var(--font-body);letter-spacing:-.374px;margin:0 0 12px;font-size:17px;font-weight:600;line-height:1.24}.latex-output{background:var(--light-gray);color:var(--near-black);font-family:var(--font-mono);resize:vertical;border:0;border-radius:24px;outline:none;width:100%;min-height:180px;padding:18px 20px;font-size:15px;line-height:1.53}.latex-output:focus{box-shadow:inset 0 0 0 2px #0071e359}.button-group{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.copy-btn,.format-dropdown,.retry-btn{flex:180px}.format-dropdown{position:relative}.format-btn{width:100%}.format-btn:after{content:"▼";margin-left:10px;font-size:10px;display:inline-block;transform:translateY(-1px)}.dropdown-content{background:var(--white);box-shadow:var(--card-shadow);z-index:20;border-radius:22px;width:100%;margin-top:10px;display:none;position:absolute;right:0;overflow:hidden}.dropdown-content.show{display:block}.dropdown-item{appearance:none;background:var(--white);border:0;border-bottom:1px solid var(--hairline);color:var(--near-black);cursor:pointer;letter-spacing:-.224px;text-align:left;width:100%;padding:16px 18px;font-size:14px;line-height:1.43;transition:background-color .2s,color .2s;display:block}.dropdown-item:last-child{border-bottom:0}.dropdown-item:hover{color:var(--link-blue);background:#0066cc0f}.content-section{background:var(--black);color:var(--white);padding:120px 0}.content-inner{max-width:1180px;margin:0 auto;padding:0 24px}.content-header{max-width:900px;margin:0 auto 56px}.content-title{color:var(--white)}.content-subtitle{color:var(--dark-body-soft);max-width:760px;margin:18px auto 0}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.content-card{background:var(--dark-surface-1);border-radius:28px;min-height:280px;padding:30px 28px}.content-card-title{color:var(--white);letter-spacing:.196px;margin:18px 0 0;font-size:28px;font-weight:400;line-height:1.14}.content-card-text{color:var(--dark-body-soft);letter-spacing:-.374px;margin:16px 0 0;font-size:17px;line-height:1.47}.footer{background:var(--light-gray);border-top:1px solid var(--hairline);color:var(--near-black);padding:52px 24px 32px}.footer-content{grid-template-columns:1.25fr 1fr 1fr;gap:28px;max-width:1100px;margin:0 auto;display:grid}.footer-section h3{color:var(--near-black);letter-spacing:-.12px;margin:0 0 14px;font-size:12px;font-weight:600;line-height:1.33}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin-bottom:10px}.footer-section a,.footer-description,.footer-bottom p{color:var(--body-muted);letter-spacing:-.12px;font-size:12px;line-height:1.47}.footer-section a{color:var(--link-blue)}.footer-bottom{border-top:1px solid var(--hairline);max-width:1100px;margin:28px auto 0;padding-top:18px}.footer-bottom p{margin:0}.detail-hero{background:var(--black);color:var(--white);padding:88px 0 72px}.detail-body{padding:56px 0 96px}.page-header{max-width:820px;margin:0 auto}.detail-hero .page-subtitle{color:var(--dark-body);margin:18px auto 0}.highlight-box{text-align:center;margin-top:40px;padding:32px}.highlight-title{letter-spacing:-.02em;margin:0 0 10px;font-size:40px;font-weight:600;line-height:1.1}.highlight-desc{color:var(--body-muted);max-width:700px;margin:0 auto}.faq-list{gap:16px;display:grid}.faq-item{overflow:hidden}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:26px 30px;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-icon{color:var(--link-blue);font-size:13px;transition:transform .2s}.faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-answer{border-top:1px solid var(--hairline);padding:0 30px 26px}.faq-answer p{color:var(--body-muted);letter-spacing:-.374px;margin:18px 0 0;font-size:17px;line-height:1.47}.last-updated{color:var(--dark-body-soft);letter-spacing:-.224px;text-align:center;max-width:820px;margin:28px auto 0;font-size:14px;line-height:1.29}.legal-content{padding:44px 48px}.legal-content h2{letter-spacing:-.028em;margin:42px 0 14px;font-size:32px;font-weight:600;line-height:1.1}.legal-content h2:first-child{margin-top:0}.legal-content h3{color:var(--near-black);font-family:var(--font-display);letter-spacing:-.374px;margin:26px 0 12px;font-size:21px;font-weight:600;line-height:1.19}.legal-content p,.legal-content li,.legal-content td,.legal-content th{color:var(--body-muted);letter-spacing:-.374px;font-size:17px;line-height:1.47}.legal-content p,.legal-content ul,.legal-content table,.legal-content .legal-info-box{margin-top:0;margin-bottom:18px}.legal-content ul{padding-left:24px}.legal-highlight,.legal-warning{letter-spacing:-.224px;border-radius:10px;padding:2px 8px;font-size:14px;font-weight:600;line-height:1.29;display:inline-block}.legal-highlight{color:var(--link-blue);background:#0071e31a}.legal-warning{color:#c01f17;background:#ff3b301a}.legal-info-box{border-left:3px solid var(--blue);background:#0071e30f;border-radius:16px;padding:18px 18px 18px 20px}.legal-info-box p{color:var(--near-black);margin:0}.legal-table{border-collapse:collapse;width:100%;overflow:hidden}.legal-table th{border-bottom:1px solid var(--hairline);color:var(--near-black);letter-spacing:-.224px;text-align:left;padding:12px 12px 12px 0;font-size:14px;font-weight:600}.legal-table td{border-bottom:1px solid var(--hairline);vertical-align:top;padding:14px 12px 14px 0}.legal-table-type{color:var(--near-black);font-weight:600}@media (max-width:1024px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-showcase-panel{width:min(100%,420px)}}@media (max-width:834px){body,.page-shell{padding-top:48px}.navbar-links{display:none}.hero-section{padding:72px 20px 88px}.hero-showcase{flex-direction:column;gap:18px;margin-top:56px}.hero-showcase-panel-image,.hero-showcase-panel-code{transform:none}.hero-showcase-divider{transform:rotate(90deg)}.studio-section{padding:38px 0 88px}.studio-section.has-main-content{padding-top:14px}.studio-header{margin-bottom:34px}.content-section{padding:72px 0 88px}.main-content.active,.content-grid,.footer-content{grid-template-columns:1fr}.image-section,.result-section,.legal-content,.upload-area,.highlight-box,.faq-item{border-radius:28px}.button-group{flex-direction:column}.copy-btn,.format-dropdown,.retry-btn{flex-basis:auto}}@media (max-width:640px){.nav-inner{gap:12px;padding:0 14px}.navbar-title{display:none}.navbar-actions{gap:8px}.back-link{display:none}.language-button{min-width:0;padding-left:10px;padding-right:10px}.container,.detail-container,.content-inner{padding-left:16px;padding-right:16px}.hero-title,.page-header h1{font-size:40px}.hero-subtitle,.page-subtitle,.studio-subtitle,.content-subtitle,.highlight-desc,.upload-area>p,.secondary-upload-text{font-size:19px}.upload-area,.image-section,.result-section,.legal-content,.highlight-box,.content-card{padding:28px 24px}.studio-section{padding-top:32px}.studio-section.has-main-content{padding-top:12px}.studio-header{margin-bottom:28px}.upload-area .upload-btn{margin:40px auto 0}.upload-area .paste-hint{margin-top:28px}.preview-area,.formula-preview{min-height:220px;padding:20px}.content-card{min-height:auto}.studio-section,.detail-body,.content-section{padding-bottom:72px}.detail-hero{padding:72px 0 56px}.legal-content h2{font-size:28px}.legal-content h3,.section-title,.content-card-title{font-size:24px}.main-content .section-title{font-size:22px}.legal-table{display:block;overflow-x:auto}}
