@font-face{font-family:Recursive;src:url(/assets/fonts/Recursive-Basic.woff2) format("woff2");font-weight:100 900;font-style:normal,oblique 0deg 15deg;font-display:swap}:root{--color-bg: #FFFDF9;--color-fg: #111827;--color-muted: #6b7280;--color-light: #dddddd;--color-card: #FFFEFC;--color-accent: #FF3253;--color-primary: #0000ee;--color-secondary: #0000ee;--color-border: #FFF4DF;--color-code-bg: #FFFEFC;--color-success: #10b981;--color-success-dark: #059669;--color-error-bg: #feecec;--color-error-border: rgba(220, 38, 38, .2);--color-error-text: #b00020;--shadow-default: 0 1px 2px rgba(0, 0, 0, .1);--color-white: #ffffff;--color-black: #000000;--border-width: 1px;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--font-sans: "Recursive", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Recursive", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: clamp(1rem, .9rem + .6vw, 1.25rem);--font-size-lg: clamp(1rem, .9rem + .6vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.1rem + 1vw, 2.5rem);--font-size-2xl: clamp(1.75rem, 1.4rem + 2vw, 3.5rem);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: clamp(1.5rem, 4vw, 2rem);--spacing-2xl: clamp(2rem, 4vw, 3rem)}html.dark{--color-bg: #0a0a0a;--color-fg: #f9fafb;--color-muted: #9ca3af;--color-card: #1a1a1a;--color-accent: #FF3253;--color-primary: #ffb500;--color-secondary: #ffffff;--color-border: #2a2a2a;--color-code-bg: #0a0a0a;--color-success: #10b981;--color-success-dark: #059669;--color-black: #ffffff;--color-error-bg: rgba(255,0,0,.08);--color-error-border: rgba(255,0,0,.25);--color-error-text: #ff6b6b}*{box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden;position:relative}body{margin:0;font-family:var(--font-sans);font-weight:400;font-style:normal;background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;padding:var(--spacing-xl) var(--spacing-xl)}h1,h2,h3,h4,h5{margin:0;font-weight:800}a{color:var(--color-primary);text-decoration:none;font-variation-settings:"MONO" 1;font-weight:500;transition:font-weight .25s ease,color .25s ease}a:hover{font-weight:700}em{font-family:var(--font-mono);font-style:oblique 10deg}.icon-sun,.icon-moon{display:inline}html:not(.dark) .icon-sun{display:none}html.dark .icon-moon{display:none}.wrap{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);min-width:0;box-sizing:border-box}.site-header{padding:var(--spacing-sm) 0 var(--spacing-2xl);display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;width:100%;min-width:0;box-sizing:border-box}.site-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-fg);display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.site-title a{color:var(--color-accent);text-decoration:none;font-variation-settings:"MONO" .5,"CASL" .2,"CRSV" 0;display:flex;align-items:flex-end}.site-title a svg{height:24px}.site-title a svg.site-logo{height:32px}.site-title .word{color:var(--color-black);font-variation-settings:"MONO" 1,"CASL" 0,"CRSV" 0;text-transform:uppercase;font-size:1rem;font-style:normal;font-weight:500;align-self:flex-end;margin-left:10px}.site-nav ul{list-style:none;display:flex;align-items:center;gap:16px;margin:0;padding:0}.site-nav a,.site-nav button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:opacity .2s ease,background .2s ease}.site-nav svg{stroke:var(--color-primary)}.site-nav a:hover svg,.site-nav button:hover svg,.site-nav a:focus svg,.site-nav button:focus svg,.site-nav a:active svg,.site-nav button:active svg{stroke:var(--color-accent)}.intro{padding:var(--spacing-2xl) 0;text-align:center;max-width:720px;margin:0 auto;text-wrap:pretty}.intro h2{font-size:var(--font-size-xl);color:var(--color-accent);font-weight:700}.intro p{font-variation-settings:"MONO" 1,"CASL" 0,"CRSV" 0;line-height:1.5;font-size:var(--font-size-lg);color:var(--color-muted)}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;min-width:0}.input-section,.output-section{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);box-shadow:var(--shadow-default);transition:background .2s ease;min-width:0;overflow-wrap:break-word;word-wrap:break-word}.output-section{background:var(--color-card)}form{display:flex;flex-direction:column;gap:var(--spacing-md)}textarea,input[type=text]{width:100%;background:var(--color-code-bg);color:var(--color-fg);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-sm);font-family:var(--font-mono);font-size:16px;resize:vertical;min-height:180px}fieldset{border:none;padding:0}label{font-weight:600}textarea:focus,input[type=text]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb26}.opts{gap:var(--spacing-md);margin-bottom:var(--spacing-md);align-items:center}.opts label{display:flex;align-items:center;gap:6px;color:var(--color-fg);cursor:pointer;margin-bottom:var(--spacing-sm);font-weight:400}.optimize-result{margin-top:calc(-1 * var(--spacing-xl));margin-left:calc(-1 * var(--spacing-xl));margin-right:calc(-1 * var(--spacing-xl));padding:12px;background:var(--color-border);border-radius:var(--border-radius) var(--border-radius) 0 0;font-size:14px;color:var(--color-muted);text-align:center}.optimize-result strong{color:var(--color-fg)}.optimize-result .change{color:var(--color-accent);font-weight:500;margin-left:4px}.upload-link{text-decoration:underline;color:var(--primary);cursor:pointer}.btn{background:var(--color-primary);color:#fff;border:0;border-radius:var(--border-radius);padding:var(--spacing-md);font-weight:700;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-md);text-transform:uppercase;font-family:var(--font-sans);letter-spacing:.1ch}body.dark .btn{color:#000}.btn:hover{background:var(--color-accent)}.copy-btn{background:var(--color-success);color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;transition:all .2s ease;margin-left:8px}.copy-btn:hover{background:var(--color-success-dark);transform:translateY(-1px)}.copy-btn.copied{background:var(--color-muted)}.copy-btn.error{background:#ef4444}.save-file-block{text-align:center;padding:var(--spacing-lg) var(--spacing-md)}.save-file-btn{background:var(--color-primary);color:#fff;border:0;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);font-weight:700;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-md);text-transform:uppercase;font-family:var(--font-sans);letter-spacing:.1ch;display:block;width:100%}body.dark .save-file-btn{color:#000}.save-file-btn:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.save-file-btn.saved{background:var(--color-success)}.save-file-btn.error{background:#ef4444}.result-block{margin-bottom:20px;min-width:0;max-width:100%}pre{background:var(--color-code-bg);border:var(--border-width) solid var(--color-border);padding:12px;border-radius:var(--border-radius);font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;overflow-x:auto;max-width:100%;min-width:0}code{font-family:var(--font-mono);word-break:break-word;overflow-wrap:break-word}.preview-container{background:var(--color-code-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:16px;margin-top:8px;text-align:center;max-width:100%;overflow:hidden;min-width:0}.preview-container svg{max-width:100%;height:auto}.small{color:var(--color-muted);font-size:12px}.information-section{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.information-section>*{min-width:0}.half-width-block,.full-width-block{width:100%;padding:var(--spacing-xl);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-card);box-shadow:var(--shadow-default);transition:background .2s ease,border-color .2s ease}.subtle-heading{font-size:var(--font-size-lg);font-weight:700;color:var(--color-fg);margin:0 0 var(--spacing-md) 0;line-height:1.4}.half-width-block p,.full-width-block p{margin:0 0 var(--spacing-md) 0;line-height:1.6;color:var(--color-muted);font-size:var(--font-size-base)}.half-width-block p:last-child,.full-width-block p:last-child{margin-bottom:0}.half-width-block strong,.full-width-block strong{font-weight:600;color:var(--color-fg)}.info-list{list-style:none;padding:0;margin:var(--spacing-md) 0}.info-list li{padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-lg);position:relative;line-height:1.6;color:var(--color-muted);font-size:var(--font-size-base)}.info-list li:before{content:"\2022";position:absolute;left:0;color:var(--color-accent);font-weight:700;font-size:1.2em;line-height:1.4}.info-list li strong{font-weight:600;color:var(--color-fg);display:inline-block;margin-right:var(--spacing-xs)}.info-definitions{margin:var(--spacing-md) 0;padding:0}.info-definitions dt{font-weight:600;color:var(--color-fg);margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-size:var(--font-size-base);line-height:1.5}.info-definitions dt:first-child{margin-top:0}.info-definitions dt strong{font-weight:600;color:var(--color-fg)}.info-definitions dd{margin:0 0 var(--spacing-md) var(--spacing-lg);padding:0;line-height:1.6;color:var(--color-muted);font-size:var(--font-size-base)}.info-definitions dd:last-child{margin-bottom:0}.info-definitions dd strong{font-weight:600;color:var(--color-fg)}.half-width-block a,.full-width-block a{color:var(--color-primary);text-decoration:none;font-variation-settings:"MONO" 1;font-weight:500;transition:font-weight .25s ease,color .25s ease;display:inline-block;margin:var(--spacing-xs) 0;line-height:1.6}.half-width-block a:hover,.full-width-block a:hover{font-weight:700;color:var(--color-accent)}.full-width-block.resources p{margin-bottom:var(--spacing-md)}.full-width-block.resources p:last-of-type{margin-bottom:0}.full-width-block.resources a{display:block;margin:var(--spacing-sm) 0}@media(min-width:901px){.information-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:stretch}.half-width-block{width:100%;display:flex;flex-direction:column}.full-width-block{grid-column:1 / -1;width:100%}}.sep-dots{border:0;margin:var(--spacing-2xl);padding:0;text-align:center;height:auto}.sep-dots:before{content:"\b7\a0\b7\a0\b7";display:block;color:var(--color-accent);font-size:30px;line-height:1}body.dark .sep-dots:before{color:var(--color-muted)}.ad-banner{text-align:center}.site-footer{text-align:center;font-family:var(--font-sans);color:var(--color-muted)}body.dark .site-footer{--color-accent: #ffffff;--color-secondary: #f92e85}.empty-state{text-align:center;color:var(--color-muted);padding:40px 20px}.empty-state h3{font-size:18px;margin-bottom:8px;color:var(--color-fg)}.svg-tip{margin-top:var(--spacing-2xl) 0 0;padding:var(--spacing-2xl) 0 0;text-align:center;max-width:100%;margin-left:auto;margin-right:auto}.tip-icon{display:block;width:40px;height:40px;margin:0 auto 1rem;background-color:var(--color-primary);mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-lightbulb-icon lucide-lightbulb%22%3E%3Cpath d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/%3E%3Cpath d=%22M9 18h6%22/%3E%3Cpath d=%22M10 22h4%22/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 class=%22lucide lucide-lightbulb-icon lucide-lightbulb%22%3E%3Cpath d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/%3E%3Cpath d=%22M9 18h6%22/%3E%3Cpath d=%22M10 22h4%22/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.svg-tip h5,.svg-tip .tip-title{font-size:var(--font-size-base);font-weight:700;display:inline;margin:0;padding:0}.svg-tip p{display:inline;margin:0;margin-left:var(--spacing-xs);line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:900px){html{width:100%;overflow-x:hidden;position:relative;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{width:100%;overflow-x:hidden;position:relative}.wrap,.site-header{width:100%;min-width:0;box-sizing:border-box}.main-layout{grid-template-columns:1fr;gap:20px;width:100%;min-width:0;box-sizing:border-box}.input-section,.output-section{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.site-tagline{display:none}.information-section{grid-template-columns:1fr;gap:var(--spacing-lg)}.half-width-block,.full-width-block{padding:var(--spacing-lg)}}.output-section.has-error{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--color-error-bg);border:var(--border-width) solid var(--color-error-border);border-radius:var(--border-radius);padding:3rem 2rem;color:var(--color-error-text);box-shadow:var(--shadow-default)}.error-state{max-width:420px;margin:0 auto}.error-icon{display:inline-block;width:40px;height:40px;margin-bottom:1rem;background-color:var(--color-error-text);opacity:.9;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="M12 8v4"/><path d="M12 16h.01"/></svg>') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="M12 8v4"/><path d="M12 16h.01"/></svg>') center/contain no-repeat}.error-state h3{font-size:var(--font-size-lg);color:var(--color-error-text);margin:.5rem 0;font-weight:600}.error-state p{color:color-mix(in srgb,var(--color-error-text) 80%,var(--color-fg));line-height:1.5;margin:0;font-size:var(--font-size-base)}.benchmark{margin-top:var(--spacing-lg);text-align:center;font-size:13px;color:var(--color-muted);padding-top:var(--spacing-lg);line-height:1.6}.benchmark p{margin:0}.benchmark strong{color:var(--color-accent);font-weight:600}body.dark .benchmark{border-top-color:var(--color-border);color:var(--color-muted)}body.dark .benchmark strong{color:var(--color-secondary)}