*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light dark;--typo3-input-bg: light-dark( hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 99%), hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 7%) );--typo3-input-color: light-dark( hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 10%), hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 85%) );--typo3-input-border-color: light-dark( hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 75%), hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 25%) );--typo3-input-border-radius: .75em;--typo3-input-focus-border-color: light-dark( hsl(from #5033c7 h s 25%), hsl(from #5033c7 h s 45%) );--typo3-surface-container-low: light-dark( hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 97%), hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 8%) );--typo3-surface-container-lowest: light-dark( hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 99%), hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 7%) );--typo3-text-color-secondary: light-dark( hsl(from hsl(from #5033c7 h 10% l) h s 30%), hsl(from hsl(from #5033c7 h 10% l) h s 65%) );--typo3-text-color-base: light-dark( hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 10%), hsl(from color-mix(in srgb, hsl(from #000 h s 50%), hsl(from #5033c7 h s 50%) 20%) h s 85%) );--demo-bg: light-dark(#f8f7f4, #111);--demo-bg-end: light-dark(#f0eeeb, #0a0a0a);--demo-surface: light-dark(#fff, #1a1a1a);--demo-surface-inner: light-dark(#f7f6f3, #222);--demo-text: light-dark(#1a1a1a, #e8e8e8);--demo-text-body: light-dark(#555, #aaa);--demo-text-secondary: light-dark(#666, #999);--demo-text-link: light-dark(#444, #bbb);--demo-border: var(--typo3-input-border-color);--demo-input-bg: var(--typo3-input-bg);--demo-input-border: var(--typo3-input-border-color);--demo-shadow: light-dark( 0 1px 3px rgba(0, 0, 0, .03), 0 6px 16px rgba(0, 0, 0, .025), 0 1px 3px rgba(0, 0, 0, .2), 0 6px 16px rgba(0, 0, 0, .15) );--demo-divider: light-dark(#d8d4cf, #333);--demo-accent: light-dark( hsl(from #5033c7 h s 40%), hsl(from #5033c7 h s 50%) )}body{font-family:system-ui,-apple-system,sans-serif;font-size:1rem;background:linear-gradient(180deg,var(--demo-bg) 0%,var(--demo-bg-end) 100%);color:var(--demo-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--demo-text-link);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--demo-text)}code{font-size:.8125rem;background:var(--demo-surface-inner);padding:.15em .4em;border-radius:4px}.demo-hero{padding:60px 24px;text-align:center;max-width:780px;margin:0 auto}.demo-logo{width:120px;height:120px}.demo-hero h1{font-size:2rem;font-weight:600;letter-spacing:.02em;margin:0}.demo-hero .demo-tagline{font-size:1rem;color:var(--demo-text-secondary);margin:8px 0 28px}.demo-hero .demo-pitch{font-size:1rem;color:var(--demo-text-body);margin-top:16px;line-height:1.7;text-align:left}.demo-hero .demo-links{font-size:.875rem;margin-top:14px;text-align:left}.demo-install-block{margin:28px 0;display:inline-flex;font:inherit;color:inherit;align-items:center;gap:12px;background:light-dark(#1a1a1a,#2a2a2a);border:1px solid light-dark(transparent,#333);padding:10px 16px 10px 24px;border-radius:8px;cursor:pointer;transition:background .15s}.demo-install-block:hover{background:light-dark(#2a2a2a,#333)}.demo-install-block code{color:#e0e0e0;font-size:.875rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:-.01em;-webkit-user-select:all;user-select:all;background:none;padding:0}.demo-install-block .demo-copy-icon{color:#888;flex-shrink:0;transition:color .15s;line-height:0}.demo-install-block:hover .demo-copy-icon{color:#ccc}.demo-install-block .demo-check-icon{display:none;line-height:0}.demo-install-block.copied .demo-copy-icon{display:none}.demo-install-block.copied .demo-check-icon{display:block;color:#ff8700}.demo-divider{max-width:780px;margin:0 auto;padding:0 24px}.demo-divider-line{height:1px;background:linear-gradient(90deg,transparent,var(--demo-divider),transparent)}main{max-width:780px;margin:0 auto;padding:0 24px}.demo-intro{padding-top:48px}.demo-intro h2{font-size:1.375rem;font-weight:600;margin-bottom:6px}.demo-intro p{font-size:1rem;color:var(--demo-text-body);line-height:1.6}.demo-features{padding-top:48px}.demo-features h2{font-size:1.375rem;font-weight:600;margin-bottom:16px}.demo-features ul{list-style:none;display:flex;flex-direction:column;gap:10px}.demo-features li{font-size:1rem;color:var(--demo-text-body);line-height:1.5;padding-left:20px;position:relative}.demo-features li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;background:#ff8700;border-radius:50%}.demo-features li strong{color:var(--demo-text);font-weight:600}.demo-features>p{font-size:1rem;color:var(--demo-text-secondary);margin-top:20px}.demo-card{background:var(--demo-surface);border-radius:16px;padding:32px;margin-top:48px;box-shadow:var(--demo-shadow)}.demo-card h2{font-size:1.25rem;font-weight:600;margin-bottom:4px}.demo-card>p{font-size:1rem;color:var(--demo-text-secondary);margin-bottom:24px;line-height:1.6}.demo-card--highlight{background:light-dark(#dcd9d4,#252525);--demo-surface-inner: light-dark(#cfccc7, #2e2e2e)}.demo-domain{font-weight:400;color:var(--demo-text-secondary);font-size:.875rem}.demo-subheading{font-size:1rem;font-weight:500;color:var(--demo-text-secondary);margin-top:24px;margin-bottom:6px}.demo-subdescription{font-size:1rem;color:var(--demo-text-secondary);margin-bottom:12px}.demo-config-hint{font-size:.9rem;color:var(--demo-text-secondary);margin-bottom:16px}.demo-field-label{display:block;font-weight:600;font-size:1rem;color:var(--demo-text-body);margin-bottom:6px}.demo-field-input{width:100%;padding:10px 16px;font-size:.9375rem;font-family:inherit;background:var(--demo-input-bg);color:var(--demo-text);border:1px solid var(--demo-input-border);border-radius:var(--typo3-input-border-radius);outline:none;transition:border-color .15s}.demo-field-input:focus{border-color:var(--typo3-input-focus-border-color)}.demo-slug-fieldset{border:none;padding:0;margin:20px 0 0}.demo-slug-legend{display:flex;align-items:center;gap:5px;font-weight:400;font-size:.8125rem;color:var(--demo-text-secondary);margin-bottom:6px}.demo-slug-legend .demo-chain-icon{color:var(--demo-text-secondary);flex-shrink:0}.demo-slug-legend .demo-domain{font-weight:400}.demo-element-wrapper{position:relative;font-size:14px}.input-group{display:flex;align-items:stretch}.input-group .demo-field-input{flex:1;min-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group-text{display:flex;align-items:center;padding:0 .5rem;background:var(--typo3-surface-container-low);border:1px solid var(--demo-input-border);border-right:none;border-radius:var(--typo3-input-border-radius) 0 0 var(--typo3-input-border-radius)}.sluggi-source-badge{color:#737373}.sluggi-source-badge__icon{position:relative;display:inline-block}.sluggi-source-badge__icon svg{display:block}.sluggi-source-group{display:flex;align-items:stretch}.sluggi-source-group>.demo-field-input{flex:1 1 auto;min-width:0}.sluggi-source-group>.sluggi-source-badge{display:none}.sluggi-source-group>.sluggi-source-confirm{display:none}.sluggi-source-group--active>.sluggi-source-badge{display:flex;align-items:center;padding:0 .5rem;border:1px solid var(--demo-input-border);border-right:0;border-radius:var(--typo3-input-border-radius) 0 0 var(--typo3-input-border-radius);background:var(--typo3-surface-container-low)}.sluggi-source-group--active>.demo-field-input{border-top-left-radius:0;border-bottom-left-radius:0}.sluggi-source-confirm.input-group-text{cursor:pointer;border-left:0;border-right:1px solid var(--demo-input-border);border-radius:0 var(--typo3-input-border-radius) var(--typo3-input-border-radius) 0;transition:color .15s ease,background-color .15s ease}.sluggi-source-confirm.input-group-text:hover{background-color:var(--typo3-surface-container-lowest)}.sluggi-source-confirm.input-group-text svg{display:block}.sluggi-source-group:focus-within>.sluggi-source-confirm.input-group-text{display:flex;align-items:center}.sluggi-source-group:focus-within>.demo-field-input{border-top-right-radius:0;border-bottom-right-radius:0}.demo-card--animate{opacity:0;transform:translateY(20px)}.demo-card--visible{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out}@media(prefers-reduced-motion:reduce){.demo-card--animate{opacity:1;transform:none}}.demo-footer{max-width:780px;margin:0 auto;padding:80px 24px 64px;text-align:center}.demo-footer .demo-logo{width:80px;height:80px;margin-bottom:16px}.demo-footer-links{font-size:1rem;color:var(--demo-text-secondary)}.demo-footer-links a{color:var(--demo-text-secondary)}.demo-footer-links a:hover{color:var(--demo-text-body)}.demo-footer-credit{font-size:1rem;color:var(--demo-text-secondary);margin-top:12px}.sluggi-demo-modal{border:1px solid var(--demo-border);border-radius:var(--typo3-input-border-radius);padding:1.5rem;max-width:480px;width:90vw;background:var(--demo-surface);color:var(--demo-text);font-family:inherit;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.sluggi-demo-modal::backdrop{background:#00000080}.sluggi-demo-modal h3{font-size:1rem;font-weight:600;margin-bottom:.75rem}.sluggi-demo-modal p{font-size:.875rem;color:var(--demo-text-secondary);margin-bottom:1.25rem;line-height:1.6}.sluggi-demo-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.sluggi-demo-modal-actions button{padding:.4rem .875rem;font-size:.875rem;font-family:inherit;border:1px solid var(--demo-input-border);border-radius:var(--typo3-input-border-radius);background:var(--demo-surface);color:var(--demo-text);cursor:pointer}.sluggi-demo-modal-actions button:hover{background:var(--demo-bg)}.sluggi-demo-modal-actions button.warning{background:#f59e0b;color:#fff;border-color:#f59e0b}.sluggi-demo-modal-actions button.warning:hover{background:#d97706;border-color:#d97706}.sluggi-demo-modal-actions button.primary{background:var(--demo-accent);color:#fff;border-color:var(--demo-accent)}.sluggi-demo-modal-actions button.primary:hover{opacity:.9}@media(min-width:768px){.demo-hero{padding:80px 40px}.demo-hero h1{font-size:2.5rem}.demo-hero .demo-tagline{font-size:1.125rem}.demo-install-block{padding:12px 20px 12px 28px}.demo-install-block code{font-size:.9375rem}.demo-divider{padding:0 40px}main{padding:0 40px}.demo-card{padding:36px 40px;margin-top:56px}.demo-card h2{font-size:1.375rem}.demo-field-input{padding:12px 18px}.demo-footer{padding:100px 40px 80px}}