:root{--lg-frost: rgba(255, 255, 255, .38);--lg-frost-strong: rgba(255, 255, 255, .55);--lg-edge: rgba(0, 0, 0, .12);--lg-glow: rgba(0, 0, 0, .05);--lg-press: rgba(255, 255, 255, .62);--lg-shadow: rgba(17, 17, 26, .05);--lg-sheet-bg: rgba(255, 255, 255, .84);--lg-label: #000000;--lg-label2: rgba(60, 60, 67, .6);--lg-separator: rgba(60, 60, 67, .18);--lg-bg: #ffffff;--lg-tint: #007aff;--lg-segment: #ffffff;--lg-track: rgba(120, 120, 128, .2);--lg-knob: #ffffff;--lg-liquid-gray: #d6d6db}.dark,[data-theme=dark]{--lg-frost: rgba(18, 24, 36, .38);--lg-frost-strong: rgba(18, 24, 36, .58);--lg-edge: rgba(255, 255, 255, .26);--lg-glow: rgba(255, 255, 255, .07);--lg-press: rgba(255, 255, 255, .16);--lg-shadow: rgba(0, 0, 0, .25);--lg-sheet-bg: rgba(28, 28, 30, .84);--lg-label: #ffffff;--lg-label2: rgba(235, 235, 245, .6);--lg-separator: rgba(235, 235, 245, .16);--lg-bg: #000000;--lg-tint: #0a84ff;--lg-segment: #636366;--lg-track: rgba(120, 120, 128, .32);--lg-liquid-gray: #46464c}.liquid-glass{position:relative;background:hsl(0 0% 100% / var(--lg-host-frost, .08));box-shadow:0 0 2px 1px #ffffff73 inset,0 0 10px 4px #fff3 inset,0 4px 16px var(--lg-shadow),0 8px 24px var(--lg-shadow),0 16px 56px var(--lg-shadow)}.dark .liquid-glass,[data-theme=dark] .liquid-glass{background:hsl(0 0% 8% / calc(var(--lg-host-frost, .08) + .3));box-shadow:0 0 2px 1px #ffffff40 inset,0 0 10px 4px #ffffff14 inset,0 4px 16px var(--lg-shadow),0 8px 24px var(--lg-shadow),0 16px 56px var(--lg-shadow)}.liquid-glass__filter{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.glass{background:var(--lg-frost);-webkit-backdrop-filter:blur(12px) saturate(1.7);backdrop-filter:blur(12px) saturate(1.7);box-shadow:inset 0 0 2px 1px var(--lg-edge),inset 0 0 10px 4px var(--lg-glow),0 4px 16px var(--lg-shadow),0 8px 24px var(--lg-shadow)}.glass:active{background:var(--lg-press)}.glass-media{background:#1618205c;-webkit-backdrop-filter:blur(14px) saturate(1.6) brightness(1.08);backdrop-filter:blur(14px) saturate(1.6) brightness(1.08);box-shadow:inset 0 0 2px 1px #ffffff38,inset 0 0 10px 4px #ffffff0d,0 4px 16px #0000002e}.glass-media:active{background:#3c404c73}.glass-panel{background:var(--lg-frost-strong);-webkit-backdrop-filter:blur(16px) saturate(1.8);backdrop-filter:blur(16px) saturate(1.8);box-shadow:inset 0 0 2px 1px var(--lg-edge),inset 0 0 10px 4px var(--lg-glow),0 4px 16px var(--lg-shadow),0 8px 24px var(--lg-shadow),0 16px 56px var(--lg-shadow),inset 0 4px 16px #11111a0a,inset 0 8px 24px #11111a0a}.glass-sheet{background:var(--lg-sheet-bg);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:inset 0 .5px 0 0 var(--lg-edge)}.glass-chip{background:var(--lg-chip-bg, var(--lg-frost));-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 0 2px 1px var(--lg-edge),inset 0 0 8px 3px var(--lg-glow),0 2px 8px var(--lg-shadow)}.glass-chip:active{background:var(--lg-press)}.lg-glass-button{display:inline-flex;height:40px;width:40px;align-items:center;justify-content:center;border-radius:9999px;border:none;padding:0;color:#fff;cursor:pointer;transition:background-color .15s ease,color .15s ease}.lg-glass-button:disabled{cursor:not-allowed;color:#ffffff4d}.lg-glass-button--active{background:#ffffff47!important}.lg-chip{min-height:44px;white-space:nowrap;border-radius:9999px;border:none;padding:0 16px;font-size:13px;font-weight:500;color:var(--lg-label2);cursor:pointer;transition:background-color .15s ease,color .15s ease}.lg-chip--active{background:var(--lg-label);color:var(--lg-bg)}.lg-segmented{display:flex;height:36px;border-radius:9px;padding:2px}.lg-segmented__item{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:4px;border-radius:7px;border:none;background:none;padding:0 8px;font-size:13px;font-weight:500;color:var(--lg-label2);cursor:pointer;transition:color .15s ease}.lg-segmented__item--active{color:var(--lg-label)}.lg-segmented__thumb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;background:var(--lg-segment);box-shadow:0 1px 2px #00000014}.lg-segmented__label{position:relative;display:inline-flex;align-items:center;gap:4px}.lg-stepper{display:flex;height:32px;align-items:stretch;overflow:hidden;border-radius:8px}.lg-stepper__divider{margin:8px 0;width:1px;background:var(--lg-separator)}.lg-stepper__button{display:flex;width:48px;align-items:center;justify-content:center;border:none;background:none;color:var(--lg-label);cursor:pointer;transition:background-color .12s ease}.lg-stepper__button:active{background:var(--lg-track)}.lg-stepper__button:disabled{opacity:.3;cursor:not-allowed}.lg-toggle{--lg-toggle-w: 51px;--lg-toggle-h: 31px;--lg-toggle-pad: 2px;--lg-toggle-off: hsl(218, 8%, 81%);--lg-toggle-on: var(--lg-toggle-checked, var(--lg-tint, #34c759));--lg-toggle-knob: calc(var(--lg-toggle-h) - 2 * var(--lg-toggle-pad));--lg-toggle-travel: calc(var(--lg-toggle-w) - var(--lg-toggle-h));--lg-toggle-stretch: calc(var(--lg-toggle-knob) * .28);position:relative;display:inline-block;flex-shrink:0;width:var(--lg-toggle-w);height:var(--lg-toggle-h);border:none;padding:0;border-radius:9999px;cursor:pointer;background:var(--lg-toggle-off);box-shadow:inset 0 1px 2px #00000024,inset 0 0 2px 1px var(--lg-edge, rgba(0, 0, 0, .12));transition:background-color .25s ease,box-shadow .25s ease}.lg-toggle[data-checked=true]{background:var(--lg-toggle-on);box-shadow:inset 0 0 3px 4px color-mix(in srgb,var(--lg-toggle-on) 70%,white 30%),inset 0 1px 2px #0000001a}.lg-toggle:disabled{opacity:.4;cursor:not-allowed}.lg-toggle__knob{position:absolute;top:var(--lg-toggle-pad);left:var(--lg-toggle-pad);width:var(--lg-toggle-knob);height:var(--lg-toggle-knob);border-radius:9999px;background:var(--lg-knob, #ffffff);box-shadow:1px -1px 2px #ffffff80 inset,-1px -1px 2px #ffffff80 inset,1px 1px 2px #4d4d4d40 inset,0 2px 8px #00000038,0 1px 2px #0000002e;transition:transform .45s cubic-bezier(.34,1.45,.64,1),width .2s ease;transition-timing-function:linear(0,.37 6.5%,.74 12.5%,.98 18%,1.1 23%,1.13 27%,1.08 35%,1.02 46%,.99 58%,1 100%),ease}.lg-toggle[data-checked=true] .lg-toggle__knob{transform:translate(var(--lg-toggle-travel))}.lg-toggle:active:not(:disabled) .lg-toggle__knob{width:calc(var(--lg-toggle-knob) + var(--lg-toggle-stretch))}.lg-toggle[data-checked=true]:active:not(:disabled) .lg-toggle__knob{transform:translate(calc(var(--lg-toggle-travel) - var(--lg-toggle-stretch)))}.lg-slider-defs{position:absolute;height:0;width:0}.lg-slider{position:relative;height:36px;width:100%}.lg-slider--focused{border-radius:9999px;outline:2px solid color-mix(in srgb,var(--lg-tint) 60%,transparent);outline-offset:2px}.lg-slider__stage{position:absolute;top:0;right:0;bottom:0;left:0}.lg-slider__track{position:absolute;left:0;right:0;top:50%;height:8px;transform:translateY(-50%);overflow:hidden;border-radius:9999px}.lg-slider__fill{position:absolute;top:0;bottom:0;left:0;border-radius:9999px}.lg-slider__mask{position:absolute;top:50%;border-radius:9999px;background:#000}.lg-slider__thumb{pointer-events:none;position:absolute;top:50%}.lg-slider__layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px}.lg-slider__liquids{overflow:hidden}.lg-slider__input{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;cursor:pointer;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none;touch-action:none;margin:0}.lg-slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:36px;border:none;background:transparent;cursor:pointer}.lg-slider__input::-moz-range-thumb{width:38px;height:36px;border:none;background:transparent;cursor:pointer}.lg-track{background:var(--lg-track);box-shadow:inset 0 1px 2px #00000024,inset 0 0 1px #0003}.lg-fill{background:var(--lg-tint)}.lq-cover{background:var(--lg-knob);box-shadow:0 2px 8px #0000002e}.lq-shell{box-shadow:1px -1px 2px #ffffff80 inset,0 -1px 2px #ffffff80 inset,-1px -1px 2px #ffffff80 inset,1px 1px 2px #4d4d4d80 inset,-8px 4px 10px -6px #4d4d4d40 inset,-1px 1px 6px #4d4d4d40 inset,-1px -1px 8px #99999926,1px 1px 2px #4d4d4d26,2px 2px 6px #4d4d4d26,-2px -1px 2px #ffffff40 inset,3px 6px 16px -6px #4d4d4d80;z-index:20}.lq-liquid-gray{background:var(--lg-liquid-gray);transform:translate(13%)}.lq-liquid-fill{background:var(--lg-tint)}.lq-glow-gray{box-shadow:inset 0 0 3px 4px var(--lg-liquid-gray)}.lq-glow-fill{box-shadow:inset 0 0 3px 4px var(--lg-tint)}.lg-works__heading{margin:0 4px 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lg-label2, rgba(60, 60, 67, .6));text-align:left}.lg-works__card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;text-decoration:none;transition:background-color .15s ease}.lg-works__card+.lg-works__card{margin-top:10px}.lg-works__icon{width:40px;height:40px;border-radius:10px;flex-shrink:0}.lg-works__text{flex:1;min-width:0;text-align:left}.lg-works__title{display:block;font-size:14px;font-weight:600;color:var(--lg-label, #000)}.lg-works__desc{display:block;font-size:12px;color:var(--lg-label2, rgba(60, 60, 67, .6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lg-works__arrow{width:16px;height:16px;color:var(--lg-label2, rgba(60, 60, 67, .6));flex-shrink:0}:root{--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--label: #000000;--label-2: rgba(60, 60, 67, .6);--label-3: rgba(60, 60, 67, .3);--bg: #f2f2f7;--tint: #007aff;--green: #34c759;--fill: rgba(118, 118, 128, .12);--mesh: radial-gradient( at 0% 0%, hsla(210, 100%, 90%, .8) 0, transparent 50% ), radial-gradient(at 100% 0%, hsla(189, 95%, 85%, .5) 0, transparent 50%), radial-gradient(at 50% 100%, hsla(252, 75%, 90%, .6) 0, transparent 50%);color-scheme:light}:root[data-theme=dark]{--label: #ffffff;--label-2: rgba(235, 235, 245, .6);--label-3: rgba(235, 235, 245, .3);--bg: #000000;--tint: #0a84ff;--green: #30d158;--fill: rgba(118, 118, 128, .24);--mesh: radial-gradient( at 0% 0%, hsla(220, 40%, 20%, .8) 0, transparent 60% ), radial-gradient(at 100% 0%, hsla(260, 40%, 25%, .6) 0, transparent 50%), radial-gradient(at 50% 100%, hsla(200, 40%, 20%, .4) 0, transparent 50%);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--label);overscroll-behavior:none;background-color:var(--bg);background-image:var(--mesh);background-size:150% 150%;background-attachment:fixed;animation:gradientBG 20s ease infinite alternate;padding-bottom:env(safe-area-inset-bottom);transition:background-color .3s ease}@keyframes gradientBG{0%{background-position:0% 0%}to{background-position:100% 100%}}.page{max-width:560px;margin:0 auto;padding:20px 20px 40px;padding-top:calc(20px + env(safe-area-inset-top))}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar img{width:32px;height:32px;border-radius:8px;box-shadow:0 1px 2px #0000001a;-webkit-user-select:none;user-select:none}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:9999px;padding:0;color:var(--label);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:19px;height:19px}.hero h1{margin:0 0 10px;font-size:28px;font-weight:700;letter-spacing:-.02em}.hero p{margin:0;font-size:15px;line-height:1.65;color:var(--label-2)}.demo-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:16px;padding:12px 16px;border-radius:18px;font-family:var(--font-mono);font-size:13px}.demo-strip .word b{color:var(--tint);font-weight:700}.demo-strip .word .mid{color:var(--label-3);text-decoration:underline dotted var(--label-3);text-underline-offset:3px}.demo-strip .arrow{color:var(--label-3);flex-shrink:0}.demo-strip .badge{padding:3px 10px;border-radius:9999px;background:color-mix(in srgb,var(--tint) 14%,transparent);color:var(--tint);font-weight:700}.card-stack{display:flex;flex-direction:column;gap:14px;margin-top:24px}.input-card{overflow:hidden}.input-card:focus-within{outline:2px solid color-mix(in srgb,var(--tint) 45%,transparent);outline-offset:2px}.input-card textarea{display:block;width:100%;min-height:116px;padding:18px 52px 14px 20px;border:none;outline:none;background:transparent;resize:none;font-family:var(--font-ui);font-size:16px;line-height:1.6;color:var(--label)}.input-card textarea::placeholder{color:var(--label-3)}.clear-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:9999px;padding:0;background:var(--fill);color:var(--label-2);cursor:pointer;opacity:0;transform:scale(.5);pointer-events:none;transition:opacity .15s ease,transform .15s ease,background-color .15s ease}.input-card.has-text .clear-btn{opacity:1;transform:scale(1);pointer-events:auto}.clear-btn svg{width:13px;height:13px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:none;border-radius:9999px;min-height:36px;padding:0 15px;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--label-2);cursor:pointer;transition:background-color .15s ease,color .15s ease}.chip:active{color:var(--label)}.output-card{border-radius:28px;padding:16px 20px 18px}.output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.output-label{font-size:13px;font-weight:600;color:var(--label-2)}.copy-btn{display:inline-flex;align-items:center;gap:5px;border:none;border-radius:9999px;min-height:30px;padding:0 13px;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--tint);cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease,transform .15s ease}.copy-btn:disabled{opacity:.35;cursor:default}.copy-btn:not(:disabled):active{transform:scale(.95)}.copy-btn svg{width:13px;height:13px}.copy-btn.copied{background:var(--green);color:#fff;box-shadow:none}.output-body{min-height:52px;font-size:16px;line-height:1.6;overflow-wrap:break-word;white-space:pre-wrap}.output-body.empty{color:var(--label-3)}.more-by{margin-top:28px}footer{margin-top:36px;text-align:center;font-size:13px;color:var(--label-3)}footer a{color:var(--label-2);text-decoration:none}footer a:hover{color:var(--tint)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .25s ease-out}@media(prefers-reduced-motion:reduce){body,.animate-fade-in{animation:none}*{transition-duration:.01ms!important}}