.inline-form {
    display: inline-block !important;
    margin: 0 !important;
}

.preview-panel .prose-preview {
    border: 1px solid var(--line);
    background: var(--panel2);
    border-radius: 8px;
    padding: 18px;
}

.preview-panel pre {
    max-height: 360px;
}

.notice-pass {
    border-color: #31d67b66;
}

.notice-pass b {
    color: #31d67b;
}

.notice-fail {
    border-color: #ff5c7566;
}

.notice-fail b {
    color: #ff5c75;
}

.confirm-input {
    width: 150px;
    margin-right: 8px;
    padding: 10px;
}

.oauth-actions {
    display: grid;
    gap: 10px;
    margin: 24px 0;
}

.oauth-actions .button {
    text-align: center;
}

.oauth-actions .discord {
    background: #5865f2;
    color: #fff;
}

.password-login {
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 14px;
    margin: 18px 0;
}

.password-login summary {
    color: var(--muted);
    cursor: pointer;
    font-weight: 800;
}

.field-help {
    color: var(--muted);
    line-height: 1.6;
}

.field-help code,
.integration-card code {
    display: inline-block;
    border: 1px solid var(--line);
    background: var(--panel2);
    border-radius: 6px;
    padding: 3px 7px;
    color: var(--text);
}

.settings-form .switch {
    justify-content: flex-start;
}

.settings-form .switch span {
    flex: 1;
}

.settings-form .switch input {
    flex: 0 0 auto;
}

.settings-form input:not([type="checkbox"]):not([type="color"]),
.settings-form textarea {
    padding-right: 42px;
}

a {
    color: var(--link, inherit);
}

.button,
button {
    background: linear-gradient(135deg, var(--button, var(--accent)), var(--accent));
}

.settings-nav a.active,
.settings-nav a:hover {
    background: linear-gradient(135deg, var(--button, var(--accent)), var(--hot));
}

.notice-pass b {
    color: var(--success, #31d67b);
}

.notice-fail b {
    color: var(--error, #ff5c75);
}

.asset-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.asset-tile {
    border: 1px solid var(--line);
    background: var(--panel2);
    border-radius: 8px;
    padding: 14px;
    min-height: 160px;
    display: grid;
    gap: 10px;
}

.asset-tile img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
}

.asset-tile span,
.asset-tile code {
    color: var(--muted);
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    .asset-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .asset-grid {
        grid-template-columns: 1fr;
    }
}