.wsl-pass-app {
    display: flex; flex-direction: column; height: 100%; background: #f2f2f7; font-family: -apple-system, sans-serif;
}
.wsl-pass-display {
    background: #fff; padding: 20px; margin: 20px; border-radius: 12px;
    display: flex; gap: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.wsl-pass-result {
    flex: 1; border: none; font-size: 20px; font-family: monospace; color: #333; outline: none; background: transparent;
}
.wsl-pass-copy {
    background: #f2f2f7; border: none; border-radius: 8px; width: 40px; cursor: pointer; font-size: 18px;
}
.wsl-pass-copy:hover { background: #e5e5ea; }

.wsl-pass-controls {
    flex: 1; padding: 0 20px 20px; display: flex; flex-direction: column; gap: 20px;
}
.wsl-pass-row {
    background: #fff; padding: 15px; border-radius: 12px;
}
.wsl-pass-row label { display: block; margin-bottom: 10px; font-weight: 500; color: #333; }
.wsl-pass-range { width: 100%; }

.wsl-pass-options {
    background: #fff; padding: 15px; border-radius: 12px; display: flex; flex-direction: column; gap: 10px;
}
.wsl-pass-options label { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px; }

.wsl-pass-gen-btn {
    background: #007aff; color: #fff; border: none; padding: 14px; border-radius: 12px;
    font-size: 16px; cursor: pointer; font-weight: 600; margin-top: auto;
}
.wsl-pass-gen-btn:hover { background: #0062cc; }