/* FONT */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

body{
font-family:'Inter',sans-serif;
background:#f5f7fb;
}

/* MAIN CARD */

.ig-ai-wrapper{

max-width:850px;
margin:60px auto;

background:#ffffff;

padding:40px;

border-radius:14px;

box-shadow:0 12px 30px rgba(0,0,0,0.06);

}

/* TITLE */

.ig-ai-wrapper h2{

font-size:28px;

font-weight:600;

margin-bottom:25px;

color:#111827;

}

/* INPUTS */

.ig-ai-wrapper input,
.ig-ai-wrapper select{

width:100%;

height:52px;

padding:0 16px;

margin-bottom:16px;

font-size:15px;

border-radius:10px;

border:1px solid #e5e7eb;

background:#fafafa;

transition:all .2s ease;

}

/* INPUT FOCUS */

.ig-ai-wrapper input:focus,
.ig-ai-wrapper select:focus{

outline:none;

border-color:#6366f1;

background:#ffffff;

box-shadow:0 0 0 3px rgba(99,102,241,0.12);

}

/* BUTTON */

#generate_caption{

width:100%;

height:54px;

margin-top:10px;

border:none;

border-radius:10px;

font-size:16px;

font-weight:600;

cursor:pointer;

color:#fff;

background:linear-gradient(135deg,#6366f1,#8b5cf6);

transition:all .25s ease;

}

/* BUTTON HOVER */

#generate_caption:hover{

transform:translateY(-1px);

box-shadow:0 10px 20px rgba(99,102,241,.25);

}

/* LOADING TEXT */

.loading{

display:none;

text-align:center;

margin-top:15px;

font-size:14px;

color:#6b7280;

}

/* RESULTS SECTION */

.results{

margin-top:35px;

}

/* OUTPUT CARDS */

.output{

background:#f9fafb;

border-radius:12px;

border:1px solid #eef0f3;

padding:20px;

margin-bottom:20px;

transition:all .2s;

}

/* CARD HOVER */

.output:hover{

box-shadow:0 8px 20px rgba(0,0,0,0.05);

}

/* OUTPUT TITLE */

.output h3{

font-size:16px;

font-weight:600;

margin-bottom:10px;

color:#374151;

}

/* TEXTAREA */

textarea{

width:100%;

height:120px;

padding:14px;

font-size:14px;

border-radius:10px;

border:1px solid #e5e7eb;

resize:none;

background:#ffffff;

}

/* COPY BUTTON */

.copy-btn{

margin-top:10px;

height:38px;

padding:0 18px;

font-size:14px;

font-weight:500;

border:none;

border-radius:8px;

cursor:pointer;

background:#10b981;

color:#ffffff;

transition:all .2s;

}

/* COPY HOVER */

.copy-btn:hover{

background:#059669;

}

/* TOAST MESSAGE */

#ig-toast{

position:fixed;

bottom:30px;
right:30px;

background:#111827;
color:#fff;

padding:12px 18px;

border-radius:8px;

font-size:14px;

display:none;

box-shadow:0 10px 20px rgba(0,0,0,.2);

z-index:9999;

}

/* MOBILE */

@media(max-width:768px){

.ig-ai-wrapper{

margin:20px;

padding:25px;

}

.ig-ai-wrapper h2{

font-size:24px;

}

textarea{

height:110px;

}

}
#ig-toast{

position:fixed;

bottom:25px;
right:25px;

background:#111827;
color:#fff;

padding:12px 18px;

border-radius:8px;

font-size:14px;

display:none;

box-shadow:0 10px 20px rgba(0,0,0,.25);

z-index:9999;

}