body{
    margin:0;
    font-family:Segoe UI;
    background:#f4f6f9;   /* ✅ WHITE BG FIX */
    color:#222;
    padding:0px;
}

.container{
    max-width:1000px;
    margin:auto;
}

h2{
    text-align:center;
    color:#111;
}

/* INPUT */
textarea{
    width:100%;
    height:160px;
    border-radius:12px;
    border:1px solid #ddd;
    padding:12px;
    outline:none;
    font-size:14px;
    background:#fff;
}

/* FILE */
input[type="file"]{
    margin:10px 0;
}

/* BUTTONS */
button{
    margin:4px;
    padding:8px 12px;
    border:none;
    border-radius:6px;
    cursor:pointer;
    font-weight:bold;
}

.extract{background:#28a745;color:#fff;}
.allcopy{background:#007bff;color:#fff;}
.clear{background:#dc3545;color:#fff;}
.copy{background:#17a2b8;color:#fff;}
.del{background:#ff4d4d;color:#fff;}

/* GRID */
.grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-top:20px;
}

/* BOX */
.box{
    background:#fff;
    color:#222;
    border-radius:12px;
    padding:10px;
    min-height:300px;
    border:1px solid #e5e5e5;
}

/* HEADER */
.header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}

/* IP ROW */
.ip-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:6px;
    border-bottom:1px solid #eee;
    font-size:13px;
}