.slug-generator{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.slug-generator textarea{min-height:110px}.slug-generator #slug-output{background-color:var(--surface-inset);font-family:var(--font-mono);font-size:.85rem}.slug-generator .slug{font-family:var(--font-mono);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(1.05rem,3.6vw,1.4rem)}.slug-generator .tk-result-hint{overflow-wrap:anywhere}.slug-generator .options{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.slug-generator .option{align-items:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s3);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);display:flex}.slug-generator .option label{cursor:pointer;flex:1;font-size:.88rem}.slug-generator .output-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.slug-generator .output-head button,.slug-generator .actions button{min-height:36px;padding:0 var(--s3);font-size:.84rem}.slug-generator .output-head button:disabled,.slug-generator .actions button:disabled{opacity:.5;cursor:not-allowed}.slug-generator .actions{gap:var(--s2);display:flex}.slug-generator code{background-color:var(--surface-inset);border-radius:3px;padding:1px 4px;font-size:.85em}