/* Keep all original styles for the plugin */
body {
    font-family:'Segoe UI',sans-serif;
    background:#121212;
    color:#e0e0e0;
    margin:0;
    padding:0;
}

.container {
    max-width:700px;
    margin:50px auto;
    background:#1e1e1e;
    padding:25px;
    border-radius:12px;
    box-shadow:0 5px 15px rgba(0,0,0,0.5);
}

/* Only H1/H3 in plugin container white */
.container h1,
.container h3 {
    color: #ffffff;
    text-align: center;
}

/* The rest of your original styles */
textarea,input,select,button {
    width:100%;
    padding:10px;
    margin:8px 0;
    border-radius:6px;
    border:1px solid #555;
    font-size:14px;
    background:#2b2b2b;
    color:#e0e0e0;
}
textarea {min-height:80px;resize:vertical;}
input:focus,textarea:focus,select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 5px rgba(74,144,226,0.5);}
button{background:#4a90e2;color:white;border:none;cursor:pointer;}
button:hover{background:#357ab8;}
.tabs{display:flex;justify-content:space-around;margin-bottom:20px;flex-wrap:wrap;}
.tab{padding:10px 20px;cursor:pointer;border-bottom:2px solid transparent;color:#ccc;}
.tab.active{border-bottom:2px solid #4a90e2;font-weight:bold;color:#fff;}
.tab-content{display:none;opacity:0;transform:translateY(20px);transition:all 0.4s;}
.tab-content.active{display:block;opacity:1;transform:translateY(0);}
.copy-btn{background:#28a745;margin-top:5px;}
.copy-btn:hover{background:#1e7e34;}
.loader{border:4px solid #333;border-top:4px solid #4a90e2;border-radius:50%;width:25px;height:25px;animation:spin 1s linear infinite;display:inline-block;margin-left:10px;vertical-align:middle;display:none;}
@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
#toast{visibility:hidden;min-width:200px;background-color:#333;color:#fff;text-align:center;border-radius:8px;padding:12px;position:fixed;z-index:1000;left:50%;bottom:30px;transform:translateX(-50%);font-size:14px;}
#toast.show{visibility:visible;animation:fadein 0.5s,fadeout 0.5s 2s;}
@keyframes fadein{from{bottom:0;opacity:0;}to{bottom:30px;opacity:1;}}
@keyframes fadeout{from{bottom:30px;opacity:1;}to{bottom:0;opacity:0;}}
.progress-container{background:#333;border-radius:6px;overflow:hidden;margin:10px 0;height:20px;}
.progress-bar{height:100%;width:0;background:#4a90e2;transition:width 0.2s;}

