/* ============================================================================
   filler-text-generator.css - Filler Text Generator tool styles
   ============================================================================
   Loaded by:  random-generators/filler-text-generator.php
   Purpose:    The visual preview panel only: a bordered, scrollable box that
               renders the generated content like a browser would (paragraphs,
               lists and headings), plus the thin 1px wavy underline for this
               tool and matching selector coverage for the font-studio layout
               (.ft-workspace from font-tester.css, which carries the rest of
               the page's two-column design). Everything else comes from
               tool-input.css, font-tester.css and templatemo.css.
   Load order: Loaded AFTER tool-input.css and font-tester.css.
   ============================================================================ */

.ft-preview {
    min-height: 160px;
    max-height: 340px;
    overflow-y: auto;
    border: 2px dashed #adb5bd;
    border-radius: 10px;
    padding: 14px 16px;
    background-color: #f8f9fa;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
}

.ft-preview p {
    margin: 0 0 10px;
}

.ft-preview p:last-child {
    margin-bottom: 0;
}

.ft-preview ul {
    margin: 0 0 0 22px;
    padding: 0;
}

.ft-preview li {
    margin-bottom: 6px;
}

.ft-preview h1,
.ft-preview h2,
.ft-preview h3,
.ft-preview h4,
.ft-preview h5,
.ft-preview h6 {
    margin: 6px 0;
}

/* Thin 1px wavy underline inside this tool's container only; the shared
   .underline-wavy (templatemo.css) keeps its default thickness elsewhere. */
.input-container .underline-wavy,
.ft-workspace .underline-wavy {
    text-decoration: underline wavy #2196f3;
    text-decoration-thickness: 1px;
}