:root{
    --igbio-main:#4ee5f3;
    --igbio-dark:#071316;
    --igbio-soft:#e9fcff;
    --igbio-border:#c9f8fd;
}
.igbio-wrap{max-width:1120px;margin:30px auto;font-family:Arial,Helvetica,sans-serif;color:#102025}
.igbio-card{background:linear-gradient(135deg,#fff 0%,var(--igbio-soft) 100%);border:1px solid var(--igbio-border);box-shadow:0 16px 40px rgba(78,229,243,.22);border-radius:24px;padding:26px}
.igbio-head{text-align:center;margin-bottom:22px}
.igbio-pill{display:inline-block;background:var(--igbio-main);color:#042327;padding:7px 14px;border-radius:999px;font-weight:800;font-size:13px}
.igbio-head h2{margin:12px 0 8px;font-size:32px;line-height:1.2;color:#06191d}
.igbio-head p{margin:0 auto;max-width:760px;color:#456167}
.igbio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.igbio-field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}
.igbio-field input,.igbio-field select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #b9eef4;border-radius:14px;background:#fff;outline:none;font-size:15px}
.igbio-field input:focus,.igbio-field select:focus{border-color:var(--igbio-main);box-shadow:0 0 0 4px rgba(78,229,243,.22)}
.igbio-options{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.igbio-options label{background:#fff;border:1px solid var(--igbio-border);border-radius:999px;padding:10px 14px;font-weight:700}
.igbio-actions{display:flex;gap:12px;flex-wrap:wrap}
#igbio_generate,#igbio_copy_all{background:var(--igbio-main);color:#032125;border:none;border-radius:14px;padding:13px 22px;cursor:pointer;font-weight:900;box-shadow:0 8px 20px rgba(78,229,243,.35)}
#igbio_clear{background:#0f2228;color:#fff;border:none;border-radius:14px;padding:13px 22px;cursor:pointer;font-weight:800}
.igbio-results-box{margin-top:22px;background:#fff;border:1px solid var(--igbio-border);border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(12,33,38,.08)}
.igbio-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.igbio-results-head h3{margin:0;font-size:22px}
.igbio-empty{background:#f3fdff;border:1px dashed var(--igbio-main);padding:18px;border-radius:16px;text-align:center;color:#436168}
.igbio-bio-box{background:linear-gradient(180deg,#fff,#f3fdff);border:1px solid #d9f9fc;border-radius:18px;padding:16px;margin-bottom:14px}
.igbio-bio-text{white-space:pre-line;font-size:17px;line-height:1.75;margin:0 0 12px;word-break:break-word}
.igbio-copy{background:#071316;color:#fff;border:none;border-radius:12px;padding:9px 16px;cursor:pointer;font-weight:800}
#igbio_generate:hover,#igbio_copy_all:hover,.igbio-copy:hover{transform:translateY(-1px)}
@media(max-width:850px){.igbio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.igbio-grid{grid-template-columns:1fr}.igbio-card,.igbio-results-box{padding:18px;border-radius:18px}.igbio-results-head{align-items:flex-start;flex-direction:column}.igbio-head h2{font-size:26px}}


.igbio-bio-actions,.igbio-editor-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}
.igbio-edit,.igbio-apply-font,.igbio-save-edit,.igbio-cancel-edit{
    border:none;
    border-radius:12px;
    padding:9px 14px;
    cursor:pointer;
    font-weight:800;
}
.igbio-edit,.igbio-apply-font,.igbio-save-edit{
    background:var(--igbio-main);
    color:#032125;
}
.igbio-cancel-edit{
    background:#eef7f8;
    color:#102025;
}
.igbio-editor{
    margin-top:12px;
    background:#f7feff;
    border:1px solid var(--igbio-border);
    border-radius:14px;
    padding:12px;
}
.igbio-edit-area{
    width:100%;
    min-height:135px;
    box-sizing:border-box;
    border:1px solid #b9eef4;
    border-radius:12px;
    padding:12px;
    font-size:16px;
    line-height:1.7;
    margin-bottom:10px;
    resize:vertical;
}
.igbio-editor small{
    display:block;
    margin-top:8px;
    color:#557077;
}