*,*: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(#f4f4f6, #111);--demo-surface: light-dark(#fff, #1a1a1a);--demo-text: var(--typo3-text-color-base);--demo-text-secondary: var(--typo3-text-color-secondary);--demo-border: var(--typo3-input-border-color);--demo-input-bg: var(--typo3-input-bg);--demo-input-border: var(--typo3-input-border-color);--demo-accent: light-dark( hsl(from #5033c7 h s 40%), hsl(from #5033c7 h s 50%) )}body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.75rem;background:var(--demo-bg);color:var(--demo-text);line-height:1.5;-webkit-font-smoothing:antialiased}header{max-width:800px;margin:0 auto;padding:3rem 1.5rem 1rem}header h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.75rem;font-weight:600;letter-spacing:-.02em}header .demo-tagline{font-size:.875rem;color:var(--demo-text-secondary);margin-top:.25rem}header .demo-pitch{font-size:.9375rem;margin-top:.75rem;line-height:1.6}header .demo-links{font-size:.8125rem;color:var(--demo-text-secondary);margin-top:.5rem}header .demo-links a{color:var(--demo-accent);text-decoration:none;font-weight:600}header .demo-links a:hover{text-decoration:underline}code{font-size:.6875rem;background:var(--typo3-surface-container-low);padding:.15em .4em;border-radius:4px}main{max-width:800px;margin:0 auto;padding:1rem 1.5rem 4rem;display:flex;flex-direction:column;gap:1.5rem}main>h2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.demo-code-block{display:flex;align-items:center;background:var(--typo3-surface-container-low);border:1px solid var(--demo-border);border-radius:6px;padding:.625rem .75rem}.demo-code-block code{flex:1;background:none;padding:0;border-radius:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;-webkit-user-select:all;user-select:all}.demo-copy-button{flex-shrink:0;background:none;border:none;padding:.25rem;cursor:pointer;color:var(--demo-text-secondary);line-height:0}.demo-copy-button:hover{color:var(--demo-text)}.demo-copy-button .demo-check-icon,.demo-copy-button.copied .demo-copy-icon{display:none}.demo-copy-button.copied .demo-check-icon{display:block;color:#22c55e}.demo-card{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:6px;padding:1.5rem}.demo-card h2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.25rem}.demo-card>p{font-size:.75rem;color:var(--demo-text-secondary);margin-bottom:1.25rem}.demo-domain{font-weight:400;color:var(--demo-text-secondary);font-size:.75rem}.demo-subheading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8125rem;font-weight:600;margin-top:1.25rem;margin-bottom:.125rem}.demo-subdescription{font-size:.75rem;color:var(--demo-text-secondary);margin-bottom:.75rem}.demo-field-label{display:block;font-weight:700;margin-bottom:.25rem}.demo-field-input{width:100%;padding:.5rem .75rem;font-size:.75rem;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:.75rem 0 0}.demo-slug-legend{display:flex;align-items:center;gap:.25rem;font-weight:400;margin-bottom:.25rem}.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}.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-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-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.75rem}.sluggi-demo-modal p{font-size:.75rem;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:.75rem;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}