.dark-secrets-generator-wrapper { width: 100%; font-family: inherit; }
.dark-secrets-generator-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; }
.dark-secrets-generator-form { padding: 28px 28px 24px; display: flex; flex-direction: column; gap: 18px; }
.dark-secrets-generator-field { display: flex; flex-direction: column; gap: 8px; }
.dark-secrets-generator-label { font-size: 16px; font-weight: 700; color: #1a1a1a; line-height: 1.3; }
.dark-secrets-generator-optional { font-size: 13px; color: #666; font-weight: 400; font-style: italic; }
.dark-secrets-generator-input { width: 100%; padding: 12px 16px !important; font-size: 18px !important; color: black !important; background-color: white !important; border: 2px solid lightgray !important; border-radius: 12px !important; outline: none !important; box-shadow: none !important; line-height: 1.5 !important; height: unset !important; }
.dark-secrets-generator-input:focus { border: 2px solid black !important; box-shadow: 0px 4px 8px rgba(0,0,0,0.15) !important; }
.dark-secrets-generator-textarea { resize: vertical; min-height: 90px; font-family: inherit; }
.dark-secrets-generator-select { appearance: auto; cursor: pointer; }
.dark-secrets-generator-actions { display: flex; align-items: center; gap: 12px; padding-top: 4px; }
.dark-secrets-generator-generate-btn, .dark-secrets-generator-generate-btn:focus { display: inline-flex; align-items: center; gap: 6px; padding: 11px 18px; background: rgb(13,29,173); color: #fff; border: none; border-radius: 10px; font-size: 16px; font-weight: 600; cursor: pointer; letter-spacing: 0.01em; outline: none; white-space: nowrap; }
.dark-secrets-generator-generate-btn:hover { background: #1d4ed8; color: #fff; }
.dark-secrets-generator-generate-btn:disabled { background: #94a3b8; cursor: not-allowed; }
.dark-secrets-generator-result { border-top: 1px solid #e0e0e0; background: #f8f9fa; }
.dark-secrets-generator-result-label { padding: 16px 28px 10px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; color: rgb(13,29,173); display: flex; align-items: center; gap: 6px; }
.dark-secrets-generator-loading, .dark-secrets-generator-empty { font-size: 16px; color: #555; margin: 0; }
.dark-secrets-generator-result-body { padding: 0 28px 24px; }
.dark-secrets-generator-output { display: flex; flex-direction: column; gap: 10px; }
.dark-secrets-generator-item { display: flex; align-items: flex-start; gap: 12px; background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; padding: 13px 16px; }
.dark-secrets-generator-item-num { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; font-size: 13px; font-weight: 700; color: #fff; background: rgb(13,29,173); border-radius: 50%; }
.dark-secrets-generator-item-text { flex: 1 1 auto; font-size: 17px; line-height: 1.6; color: #222; }
.dark-secrets-generator-copy-btn, .dark-secrets-generator-copy-btn:focus { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; font-size: 13px; color: #666; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; cursor: pointer; outline: none; line-height: 1; }
.dark-secrets-generator-copy-btn:hover { color: rgb(13,29,173); border-color: rgb(13,29,173); background: #eceefb; }
@media (max-width: 480px) {
    .dark-secrets-generator-form { padding: 20px 18px 18px; }
    .dark-secrets-generator-result-label, .dark-secrets-generator-result-body, .dark-secrets-generator-result-actions { padding-left: 18px; padding-right: 18px; }
    .dark-secrets-generator-generate-btn { flex: 1; justify-content: center; }
}