/**
 * Slug Generator Tool Specific Styling
 */
*{box-sizing:border-box;margin:0;padding:0}
[data-theme="dark"] .sg-card{background:#1e293b;box-shadow:0 4px 20px rgba(0,0,0,.2)}
[data-theme="dark"] .sg-card h2,[data-theme="dark"] .sg-label{color:#f1f5f9}
[data-theme="dark"] .sg-card p{color:#94a3b8}
[data-theme="dark"] .sg-input{background:#334155;color:#f1f5f9;border-color:#475569}
[data-theme="dark"] .sg-input:focus{border-color:#4f46e5}
[data-theme="dark"] .sg-output{background:#334155;color:#f1f5f9;border-color:#475569}
[data-theme="dark"] .sg-url{background:#0f172a;color:#94a3b8}
[data-theme="dark"] .sg-option-label{color:#e2e8f0}
[data-theme="dark"] .sg-slider{background:#475569}
[data-theme="dark"] .sg-slider::-webkit-slider-thumb{background:#4f46e5}
[data-theme="dark"] .sg-slider::-moz-range-thumb{background:#4f46e5}
[data-theme="dark"] .sg-btn-secondary{background:#475569;color:#f1f5f9}
[data-theme="dark"] .sg-btn-secondary:hover{background:#526380}
.sg-card{font-family:'Inter',sans-serif;background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.06);max-width:720px;margin:0 auto}
.sg-card h2{font-size:1.375rem;font-weight:700;color:#0f172a;margin-bottom:6px}
.sg-card p{font-size:.875rem;color:#64748b;margin-bottom:20px}
.sg-label{font-size:.8125rem;font-weight:600;color:#0f172a;margin-bottom:6px;display:block}
.sg-input{width:100%;height:48px;padding:0 16px;border:1.5px solid #e2e8f0;border-radius:8px;font-family:'Inter',sans-serif;font-size:.9375rem;color:#0f172a;transition:all .2s ease;background:transparent}
.sg-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}
.sg-input::placeholder{color:#94a3b8}
.sg-options{display:flex;gap:20px;margin:16px 0;flex-wrap:wrap;align-items:center}
.sg-option{display:flex;align-items:center;gap:6px}
.sg-option input[type="checkbox"]{accent-color:#4f46e5;width:16px;height:16px}
.sg-option-label{font-size:.8125rem;color:#0f172a;font-weight:500}
.sg-slider-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:200px}
.sg-slider{-webkit-appearance:none;appearance:none;flex:1;height:6px;background:#e2e8f0;border-radius:3px;outline:none;transition:all .2s ease}
.sg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#4f46e5;border-radius:50%;cursor:pointer;transition:all .2s ease}
.sg-slider::-moz-range-thumb{width:20px;height:20px;background:#4f46e5;border-radius:50%;cursor:pointer;border:none}
.sg-slider-val{font-size:.8125rem;font-weight:600;color:#4f46e5;min-width:30px;text-align:center}
.sg-output{width:100%;height:48px;padding:0 16px;border:1.5px solid #e2e8f0;border-radius:8px;font-family:'Inter',sans-serif;font-size:.9375rem;color:#0f172a;background:#f8fafc;transition:all .2s ease;display:flex;align-items:center;margin-top:16px}
.sg-url{width:100%;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:8px;font-family:'Inter',sans-serif;font-size:.8125rem;color:#64748b;background:#f8fafc;transition:all .2s ease;margin-top:10px;word-break:break-all;line-height:1.5}
.sg-url span{color:#4f46e5;font-weight:600}
.sg-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;flex-wrap:wrap;gap:8px}
.sg-btn-secondary{height:44px;padding:0 20px;border:none;border-radius:8px;background:#f1f5f9;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:600;color:#0f172a;cursor:pointer;transition:all .2s ease}
.sg-btn-secondary:hover{background:#e2e8f0}
.sg-btn-secondary:active{transform:scale(.97)}
.sg-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;padding:10px 20px;border-radius:8px;font-size:.8125rem;font-family:'Inter',sans-serif;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:999}
.sg-toast.show{opacity:1}
@media(max-width:600px){.sg-card{padding:20px}.sg-options{flex-direction:column;align-items:flex-start}}