.tm-slug-generator{container-type:inline-size}.tm-slug-generator__mode-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.tm-slug-generator__input-section{margin-bottom:var(--spacing-4)}.tm-slug-generator__input-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-2)}.tm-slug-generator__label{font-size:12px;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em}.tm-slug-generator__input-limit{font-size:12px;color:var(--color-text-2);line-height:1.4}.tm-slug-generator__input-wrap{position:relative}.tm-slug-generator__textarea{display:block;width:100%;resize:none;overflow-y:auto;min-height:72px;max-height:200px;field-sizing:content;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font:inherit;font-size:15px;line-height:1.55;transition:border-color .15s ease,box-shadow .15s ease}.tm-slug-generator__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.tm-slug-generator__textarea::placeholder{color:var(--color-text-3)}.tm-slug-generator__textarea--bulk{min-height:160px;max-height:400px}.tm-slug-generator__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-5);padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-2)}@container (max-width: 480px){.tm-slug-generator__options{grid-template-columns:1fr}}.tm-slug-generator__option-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.tm-slug-generator__option-group--wide{grid-column:1 / -1}.tm-slug-generator__separator-control{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.tm-slug-generator__custom-sep-wrap{display:flex;align-items:center;gap:var(--spacing-2)}.tm-slug-generator__custom-sep-input{width:48px;min-height:36px;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font:inherit;font-size:14px;font-family:var(--font-mono);text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.tm-slug-generator__custom-sep-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.tm-slug-generator__custom-sep-input--invalid{border-color:#dc2626}.tm-slug-generator__sep-error,.tm-slug-generator__maxlength-error{font-size:11px;color:#dc2626;margin-top:var(--spacing-1)}.tm-slug-generator__maxlength-input{width:96px;min-height:36px;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.tm-slug-generator__maxlength-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.tm-slug-generator__maxlength-input::placeholder{color:var(--color-text-3)}.tm-slug-generator__base-url-section{margin-bottom:var(--spacing-4)}.tm-slug-generator__base-url-input{display:block;width:100%;min-height:44px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.tm-slug-generator__base-url-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.tm-slug-generator__base-url-input::placeholder{color:var(--color-text-3)}.tm-slug-generator__url-preview{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-bg-3);border:1px solid var(--color-border);font-size:13px;color:var(--color-text-2);line-height:1.5}.tm-slug-generator__url-preview-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-3);margin-bottom:2px}.tm-slug-generator__url-preview-text{font-family:var(--font-mono);font-size:13px;color:var(--color-code-text);word-break:break-all}.tm-slug-generator__result-section{margin-bottom:var(--spacing-4)}.tm-slug-generator__result-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-2)}.tm-slug-generator__result-box{padding:20px 22px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-code-bg);margin-bottom:var(--spacing-3);min-height:72px;display:flex;flex-direction:column;justify-content:center}.tm-slug-generator__result-text{display:block;font-family:var(--font-mono);font-size:clamp(14px,2vw,18px);font-weight:500;color:var(--color-code-text);word-break:break-all;line-height:1.5;user-select:all}.tm-slug-generator__result-placeholder{font-family:var(--font-sans);font-size:14px;color:var(--color-text-3);font-style:italic;user-select:none}.tm-slug-generator__char-count{font-size:12px;color:var(--color-text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.tm-slug-generator__char-count--warn{color:var(--color-warning, #d97706);font-weight:600}.tm-slug-generator__char-count-detail{display:block;font-size:11px;color:var(--color-warning, #d97706);margin-top:4px;line-height:1.4}.tm-slug-generator__actions{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.tm-slug-generator__trust{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:#16a34a1a;font-size:12px;color:#16a34a;font-weight:500;margin-bottom:var(--spacing-4)}.tm-slug-generator__bulk-results{margin-top:0;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-2);overflow:hidden;max-height:min(60vh,560px);display:flex;flex-direction:column}.tm-slug-generator__bulk-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-3)}.tm-slug-generator__bulk-header-info{font-size:14px;font-weight:600;color:var(--color-text-1)}.tm-slug-generator__bulk-header-actions{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.tm-slug-generator__bulk-table{width:100%;overflow-x:auto;overflow-y:auto;flex:1 1 auto;min-height:0}.tm-slug-generator__bulk-table table{width:100%;border-collapse:collapse;font-size:14px}.tm-slug-generator__bulk-table th{position:sticky;top:0;padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-3);border-bottom:1px solid var(--color-border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-2);text-align:left;white-space:nowrap}.tm-slug-generator__bulk-row{border-bottom:1px solid var(--color-border);transition:background .12s ease}.tm-slug-generator__bulk-row:last-child{border-bottom:none}.tm-slug-generator__bulk-row:hover{background:#00000006}.tm-slug-generator__bulk-row td{padding:var(--spacing-2) var(--spacing-3);vertical-align:middle}.tm-slug-generator__bulk-row-original{color:var(--color-text-2);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-slug-generator__bulk-row-slug{font-family:var(--font-mono);color:var(--color-code-text);word-break:break-all;user-select:all}.tm-slug-generator__bulk-row-copy-cell{width:1%;white-space:nowrap}.tm-slug-generator__single-work-area{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}@container (min-width: 640px){.tm-slug-generator__single-work-area{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.tm-slug-generator__bulk-row-original{max-width:none;overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word}}.tm-slug-generator__bulk-clamped{padding:var(--spacing-2) var(--spacing-4);background:#d9770614;font-size:12px;color:#d97706;border-bottom:1px solid var(--color-border)}.tm-slug-generator__toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(12px);opacity:0;pointer-events:none;z-index:9999;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);background:var(--color-text-1);color:var(--color-bg-1);font-size:14px;font-weight:600;box-shadow:0 4px 16px #0000002e;transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.tm-slug-generator__toast--show{opacity:1;transform:translate(-50%) translateY(0)}[data-theme=dark] .tm-slug-generator__options,[data-theme=dark] .tm-slug-generator__bulk-results{background:var(--color-bg-3)}[data-theme=dark] .tm-slug-generator__bulk-table th{background:var(--color-bg-2)}[data-theme=dark] .tm-slug-generator__bulk-row:hover{background:#ffffff0a}[data-theme=dark] .tm-slug-generator__url-preview{background:var(--color-bg-2)}[data-theme=dark] .tm-slug-generator__textarea,[data-theme=dark] .tm-slug-generator__custom-sep-input,[data-theme=dark] .tm-slug-generator__maxlength-input,[data-theme=dark] .tm-slug-generator__base-url-input{background:var(--color-bg-3)}@media(prefers-reduced-motion:reduce){.tm-slug-generator__textarea,.tm-slug-generator__custom-sep-input,.tm-slug-generator__maxlength-input,.tm-slug-generator__base-url-input,.tm-slug-generator__bulk-row,.tm-slug-generator__toast{transition:none}}@media(max-width:480px){.tm-slug-generator__actions{flex-direction:column;align-items:stretch}.tm-slug-generator__actions>button{width:100%}.tm-slug-generator__bulk-header{flex-direction:column;align-items:stretch}.tm-slug-generator__bulk-header-actions{flex-wrap:wrap}.tm-slug-generator__bulk-header-actions>button{flex:1}}