.easyul-admin-gen {
    max-width: 700px;
    margin: 0 auto;
    font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
}

.easyul-admin-gen h1 {
    color: #1f4068;
}

.easyul-form-row {
    margin-bottom: 1em;
    display: flex;
    flex-direction: column;
}

.easyul-label {
    font-weight: 500;
    margin-bottom: 0.22em;
    color: #162447;
    font-size: 1.05em;
}

.easyul-input {
    padding: 0.7em 1em;
    border: 1.5px solid #ced6e0;
    border-radius: 10px;
    font-size: 1.05em;
    transition: border .2s, box-shadow .2s;
    box-shadow: none;
    outline: none;
    background: #f7fafc;
    color: #2c3e50;
}

.easyul-input:focus {
    border: 1.5px solid #2196f3;
    box-shadow: 0 1px 5px #2196f322;
}

.easyul-btn-gen {
    background: linear-gradient(90deg, #2074c8 0%, #46aef7 100%);
    border: none;
    font-weight: 600;
    border-radius: 12px;
    box-shadow: 0 2px 8px #2196f344;
    transition: background .18s, transform .18s;
}

.easyul-btn-gen:hover {
    background: linear-gradient(90deg, #1769aa 0%, #1e90ff 100%);
    transform: scale(1.045);
}

#easyul-result textarea {
    width: 100%;
    border-radius: 9px;
    border: 1px solid #dce4ec;
    font-family: 'JetBrains Mono', 'Fira Mono', monospace;
    font-size: 1.03em;
    padding: 0.75em;
    background: #f4f7fa;
    color: #253052;
    margin-top: 0.6em;
    transition: box-shadow .18s;
}

#easyul-result textarea:focus {
    box-shadow: 0 0 0 2px #2196f355;
}

#easyul-result b {
    color: #2074c8;
    font-weight: 600;
    font-size: 1.08em;
}

#easyul-copy-btn {
    margin-left: 0.5em;
    cursor: pointer;
    border-radius: 9px;
}

#easyul-copied-msg {
    margin-left: 0.4em;
}