:root{color-scheme:light dark;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--page-bg: radial-gradient(circle at 15% 15%, rgba(122, 101, 255, .28), transparent 28%), radial-gradient(circle at 82% 78%, rgba(255, 165, 76, .34), transparent 24%), radial-gradient(circle at 55% 55%, rgba(255, 120, 182, .2), transparent 32%), linear-gradient(180deg, #efe4ff 0%, #f9f6ff 45%, #fff8f1 100%);--text-primary: #1e1435;--text-secondary: rgba(30, 20, 53, .74);--text-tertiary: rgba(30, 20, 53, .55);--card-bg: rgba(255, 255, 255, .45);--card-border: rgba(0, 0, 0, .12);--card-shadow: 0 30px 70px rgba(70, 33, 120, .18);--surface-soft: rgba(255, 255, 255, .2);--surface-strong: rgba(255, 255, 255, .28);--input-bg: rgba(255, 255, 255, .65);--input-border: rgba(0, 0, 0, .08);--input-focus: rgba(255, 255, 255, .9);--accent: #7f56ff;--accent-strong: #6938ef;--output-text: rgba(30, 20, 53, .5);--badge-bg: rgba(14, 14, 14, .84);--badge-border: rgba(255, 255, 255, .12)}:root[data-theme=dark]{--page-bg: radial-gradient(circle at 20% 10%, rgba(140, 111, 255, .24), transparent 32%), radial-gradient(circle at 85% 78%, rgba(255, 153, 74, .28), transparent 24%), radial-gradient(circle at 55% 52%, rgba(255, 112, 151, .16), transparent 28%), linear-gradient(180deg, #110d24 0%, #1f1737 48%, #311e2e 100%);--text-primary: #f5eeff;--text-secondary: rgba(245, 238, 255, .82);--text-tertiary: rgba(245, 238, 255, .58);--card-bg: rgba(30, 30, 30, .45);--card-border: rgba(255, 255, 255, .12);--card-shadow: 0 28px 80px rgba(0, 0, 0, .34);--surface-soft: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .08);--input-bg: rgba(255, 255, 255, .08);--input-border: rgba(255, 255, 255, .1);--input-focus: rgba(162, 127, 255, .48);--accent: #bd9bff;--accent-strong: #d5bbff;--output-text: rgba(245, 238, 255, .5);--badge-bg: rgba(255, 255, 255, .08);--badge-border: rgba(255, 255, 255, .08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--page-bg: radial-gradient(circle at 20% 10%, rgba(140, 111, 255, .24), transparent 32%), radial-gradient(circle at 85% 78%, rgba(255, 153, 74, .28), transparent 24%), radial-gradient(circle at 55% 52%, rgba(255, 112, 151, .16), transparent 28%), linear-gradient(180deg, #110d24 0%, #1f1737 48%, #311e2e 100%);--text-primary: #f5eeff;--text-secondary: rgba(245, 238, 255, .82);--text-tertiary: rgba(245, 238, 255, .58);--card-bg: rgba(30, 30, 30, .45);--card-border: rgba(255, 255, 255, .12);--card-shadow: 0 28px 80px rgba(0, 0, 0, .34);--surface-soft: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .08);--input-bg: rgba(255, 255, 255, .08);--input-border: rgba(255, 255, 255, .1);--input-focus: rgba(162, 127, 255, .48);--accent: #bd9bff;--accent-strong: #d5bbff;--output-text: rgba(245, 238, 255, .5);--badge-bg: rgba(255, 255, 255, .08);--badge-border: rgba(255, 255, 255, .08)}}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans)}body{margin:0;min-height:100vh;background:var(--page-bg);color:var(--text-primary);transition:background .28s ease,color .22s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 32%),radial-gradient(circle at top,rgba(255,255,255,.18),transparent 30%);mix-blend-mode:screen}button,textarea,a{font:inherit}.page-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 3rem}.topbar{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.5rem 0 1rem}.brand-copy{margin-right:auto}.brand-copy h1,.brand-copy .brand-name{margin:0;letter-spacing:-.04em;font-size:1.15rem;font-weight:700}.brand-copy a{color:var(--text-primary);text-decoration:none}.brand-copy a:hover{text-decoration:underline}.theme-toggle{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--card-border);border-radius:999px;background:var(--surface-soft);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:var(--text-secondary);cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.theme-toggle:hover,.theme-toggle:focus-visible{background:var(--surface-strong);transform:translateY(-1px);outline:none}.theme-toggle svg{width:1.15rem;height:1.15rem}.theme-toggle .icon-sun,.theme-toggle .icon-moon,.theme-toggle .icon-monitor{display:none}.theme-toggle[data-active=light] .icon-sun,.theme-toggle[data-active=dark] .icon-moon,.theme-toggle[data-active=system] .icon-monitor{display:block}.centered-demo{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;padding:2rem 0 3rem}.hero-intro{text-align:center;max-width:540px;margin-top:.5rem}.hero-intro__slogan{margin:0 0 .6rem;font-size:1.55rem;font-weight:700;letter-spacing:-.03em;line-height:1.3;color:var(--text-primary)}.hero-intro__desc-wrap{position:relative}.hero-intro__desc{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-intro__desc--expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.hero-intro__more{display:inline;margin-top:.25rem;padding:0;border:none;background:none;color:var(--accent);font-size:.88rem;font-weight:500;cursor:pointer}.hero-intro__more:hover{text-decoration:underline}.glass-card{position:relative;overflow:hidden;width:640px;max-width:100%;border-radius:1.9rem;background:var(--card-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.window-chrome{display:flex;align-items:center;gap:.45rem;padding:.95rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff0f}.window-chrome__dot{width:.78rem;height:.78rem;border-radius:50%}.window-chrome__dot--red{background:#ff605c}.window-chrome__dot--amber{background:#ffbd44}.window-chrome__dot--green{background:#00ca4e}.window-chrome__title{margin-left:auto;margin-right:auto;transform:translate(-1rem);color:var(--text-tertiary);font-size:.92rem;font-weight:600}.glass-card__body{position:relative;z-index:1;display:grid;gap:1.2rem;padding:1.5rem}textarea{width:100%;resize:none;height:10.5rem;padding:1.1rem 1.2rem;border-radius:1.2rem;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:1rem;line-height:1.6;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}textarea::placeholder{color:var(--text-tertiary)}textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #64b4f033}.slug-output-row{display:flex;align-items:flex-start;gap:.5rem;padding:0 .35rem}#slug-output{display:block;flex:1;min-height:1.6em;font-family:ui-monospace,SF Mono,Menlo,Monaco,Cascadia Code,monospace;font-size:.92rem;line-height:1.55;color:var(--output-text);word-break:break-word}#slug-output[data-empty=true]{color:var(--text-tertiary)}.copy-icon-button{flex-shrink:0;display:grid;place-items:center;width:1.75rem;height:1.75rem;margin-top:.1rem;padding:0;border:none;border-radius:.4rem;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.copy-icon-button:hover{color:var(--text-secondary);background:#ffffff40}.copy-icon-button:disabled{opacity:.3;cursor:not-allowed}.copy-icon-button.copied{color:#00ca4e;transform:scale(1.1)}.app-store-badge{align-self:center;display:inline-block;transition:transform .18s ease,filter .18s ease}.app-store-badge:hover,.app-store-badge:focus-visible{transform:translateY(-1px);filter:brightness(1.05);outline:none}.app-store-badge img{display:block;height:40px;width:auto}.app-store-badge .badge-dark{display:inline-block}.app-store-badge .badge-light{display:none}:root[data-theme=dark] .app-store-badge .badge-dark{display:none}:root[data-theme=dark] .app-store-badge .badge-light{display:inline-block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app-store-badge .badge-dark{display:none}:root:not([data-theme=light]) .app-store-badge .badge-light{display:inline-block}}.site-footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0 0}.site-footer__links{margin:0;font-size:.85rem;color:var(--text-tertiary)}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer__sep{margin:0 .4rem}.site-footer__copyright{margin:0;font-size:.8rem;color:var(--text-tertiary)}.privacy-content{max-width:680px;margin:0 auto;padding:2rem 0;color:var(--text-primary);line-height:1.7}.privacy-content h1{font-size:2rem;margin-bottom:.25rem}.privacy-content__updated{font-size:.85rem;color:var(--text-tertiary);margin-bottom:2rem}.privacy-content h3{font-size:1.15rem;margin-top:2rem;margin-bottom:.5rem}.privacy-content p{color:var(--text-secondary);margin-bottom:.75rem}.privacy-content a{color:var(--accent);text-decoration:none}.privacy-content a:hover{text-decoration:underline}.seo-section{max-width:36rem;width:100%;margin-top:2.5rem;text-align:left}.seo-section h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem;color:var(--text-primary)}.seo-section p{color:var(--text-secondary);line-height:1.65;margin:0 0 .75rem}.seo-section code{background:var(--surface-soft);border:1px solid var(--card-border);border-radius:.3rem;padding:.1em .35em;font-size:.9em}.examples-table-wrap{overflow-x:auto}.examples-table{width:100%;border-collapse:collapse;font-size:.95rem}.examples-table th,.examples-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--card-border)}.examples-table th{font-weight:600;color:var(--text-primary);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.examples-table td{color:var(--text-secondary)}.examples-table td code{background:var(--surface-soft);border:1px solid var(--card-border);border-radius:.3rem;padding:.1em .35em;font-size:.9em}.features-list{list-style:none;padding:0;margin:0}.features-list li{color:var(--text-secondary);line-height:1.6;padding:.4rem 0 .4rem 1.4rem;position:relative}.features-list li:before{content:"";position:absolute;left:0;top:.75rem;width:6px;height:6px;border-radius:50%;background:var(--accent)}.features-list li strong{color:var(--text-primary)}.faq-list{margin:0;padding:0}.faq-item{border-bottom:1px solid var(--card-border);padding:1rem 0}.faq-item:last-child{border-bottom:none}.faq-item dt{font-weight:600;color:var(--text-primary);margin-bottom:.4rem;font-size:1.02rem}.faq-item dd{margin:0;color:var(--text-secondary);line-height:1.6}@media(max-width:640px){.page-shell{width:min(100% - 1rem,100%);padding-top:.8rem}.topbar{gap:.8rem}.glass-card{width:100%;border-radius:1.45rem}.glass-card__body{padding:1.15rem}.hero-intro__slogan{font-size:1.25rem}.hero-intro{max-width:100%}}