body {
    font-family: Georgia, serif;
    background: #f3f0e8;
    color: #333;
    padding: 2em;
}

h1 {
    text-align: center;
    color: #663300;
}

textarea {
    width: 100%;
    max-width: 700px;
}

input, button {
    padding: 6px 10px;
    font-size: 1em;
}

.paste-link {
    margin: 8px 0;
}

.pagination {
    margin-top: 20px;
    text-align: center;
}

.pagination a {
    margin: 0 5px;
    text-decoration: none;
    color: #444;
}

.pagination .current {
    font-weight: bold;
    color: #000;
}

.success {
    color: green;
}

.error {
    color: red;
}
.paste-preview {
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 10px;
    background: #f8f8f8;
    max-height: 300px;
    overflow: auto;
}
.paste-preview pre {
    white-space: pre-wrap;
    margin: 0;
    font-family: monospace;
}
 pre {
	max-height: 100px; /* Hauteur du bloc visible */
    overflow-y: auto;  /* Scroll vertical si dépasse */
    background: #fff;
    border: 1px solid #ccc;
    padding: 0.5em;
    font-family: monospace;
    white-space: pre-wrap;
}
.preview-box {
    max-height: 100px; /* Hauteur du bloc visible */
    overflow-y: auto;  /* Scroll vertical si dépasse */
    background: #fff;
    border: 1px solid #ccc;
    padding: 0.5em;
    font-family: monospace;
    white-space: pre-wrap;
}