.en-container{display:flex;flex-direction:column;gap:20px;font-family:'Manrope',sans-serif;}.en-config-panel{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;background:#0c1827;border:1.5px solid #1a3050;border-radius:10px;padding:18px 20px;}.en-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px;}.en-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:#3a5878;}.en-input,.en-select{padding:8px 12px;border:1.5px solid #1a3050;border-radius:6px;background:#0e1926;color:#c9d1d9;font-family:'Fira Code',monospace;font-size:13px;transition:border-color 0.18s;width:100%;box-sizing:border-box;}.en-input:focus,.en-select:focus{outline:none;border-color:#3178c6;box-shadow:0 0 0 3px rgba(49,120,198,0.12);}.en-input::placeholder{color:#2d4060;}.en-select option{background:#0e1926;color:#c9d1d9;}.en-check-row{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;}.en-check-row input[type="checkbox"]{width:16px;height:16px;accent-color:#3178c6;cursor:pointer;}.en-check-label{font-size:13px;color:#8fa8c8;cursor:pointer;}.en-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}.en-tab{padding:7px 16px;border:1.5px solid #1a3050;border-radius:20px;background:#0e1926;color:#4a6a8a;font-size:12px;font-weight:600;cursor:pointer;transition:border-color 0.18s,color 0.18s,background 0.18s;white-space:nowrap;}.en-type-btn{padding:7px 16px;border:1.5px solid #1a3050;border-radius:20px;background:#0e1926;color:#4a6a8a;font-size:12px;font-weight:600;cursor:pointer;transition:border-color 0.18s,color 0.18s,background 0.18s;white-space:nowrap;}.en-tab:hover,.en-type-btn:hover{border-color:#3178c6;color:#93c5fd;background:#0d1e32;}.en-tab.active,.en-type-btn.active{border-color:#3178c6;background:#3178c6;color:#fff;}.en-values-list{display:flex;flex-direction:column;gap:8px;background:#0c1827;border:1.5px solid #1a3050;border-radius:10px;padding:14px 16px;}.en-values-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}.en-values-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:#3a5878;}.en-value-row{display:flex;align-items:center;gap:8px;animation:en-row-in 0.15s ease;}@keyframes en-row-in{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:translateY(0);}}.en-name-input{flex:2;}.en-val-input{flex:2;}.en-equals{color:#3a5878;font-family:'Fira Code',monospace;font-size:14px;font-weight:700;flex-shrink:0;padding:0 2px;}.en-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity 0.15s,transform 0.12s;white-space:nowrap;}.en-btn:hover{opacity:0.85;transform:translateY(-1px);}.en-btn:active{transform:translateY(0);}.en-btn-primary{background:#3178c6;color:#fff;}.en-btn-primary:hover{background:#2d6db5;opacity:1;}.en-btn-add{background:rgba(49,120,198,0.12);color:#93c5fd;border:1.5px solid #1a3050;padding:7px 14px;font-size:13px;}.en-btn-add:hover{background:rgba(49,120,198,0.22);border-color:#3178c6;opacity:1;}.en-btn-remove{background:rgba(224,108,117,0.1);color:#e06c75;border:1.5px solid rgba(224,108,117,0.2);border-radius:6px;padding:6px 10px;font-size:15px;line-height:1;cursor:pointer;flex-shrink:0;transition:background 0.15s,border-color 0.15s;}.en-btn-remove:hover{background:rgba(224,108,117,0.22);border-color:#e06c75;}.en-btn-secondary{background:#0e1926;color:#8fa8c8;border:1.5px solid #1a3050;}.en-btn-secondary:hover{background:#141d2e;border-color:#3178c6;color:#93c5fd;opacity:1;}.en-output-wrapper{background:#080f1c;border:1.5px solid #1a3050;border-radius:10px;overflow:hidden;}.en-output-header{display:flex;align-items:center;justify-content:space-between;background:#0c1827;padding:8px 14px;border-bottom:1px solid #1a3050;gap:8px;flex-wrap:wrap;}.en-output-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:#3a5878;}.en-output{width:100%;min-height:260px;padding:16px;font-family:'Fira Code',monospace;font-size:13px;line-height:1.75;background:#080f1c;color:#abb2bf;border:none;resize:vertical;display:block;box-sizing:border-box;}.en-output:focus{outline:none;}.en-preview{background:#080f1c;border:1.5px solid #1a3050;border-radius:8px;padding:14px;font-family:'Fira Code',monospace;font-size:12.5px;line-height:1.75;color:#abb2bf;white-space:pre;overflow-x:auto;min-height:80px;}.en-usage-box{background:#0c1827;border:1.5px solid #1a3050;border-left:3px solid #3178c6;border-radius:8px;padding:14px 16px;}.en-usage-box-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:#3178c6;margin-bottom:10px;}.en-usage-code{font-family:'Fira Code',monospace;font-size:12px;color:#8fa8c8;line-height:1.7;margin:0;white-space:pre-wrap;}.en-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}.en-presets-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:#3a5878;margin-right:4px;white-space:nowrap;}.en-preset-btn{padding:5px 12px;border:1.5px solid #1a3050;border-radius:14px;background:#0e1926;color:#4a6a8a;font-size:11.5px;font-weight:600;cursor:pointer;transition:border-color 0.15s,color 0.15s,background 0.15s;white-space:nowrap;}.en-preset-btn:hover{border-color:#d19a66;color:#d19a66;background:rgba(209,154,102,0.08);}.en-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}.en-divider{border:none;border-top:1px solid #1a3050;margin:4px 0;}.en-counter{display:inline-block;padding:2px 8px;border-radius:10px;background:rgba(49,120,198,0.12);color:#93c5fd;font-size:11px;font-weight:700;border:1px solid rgba(49,120,198,0.2);}.en-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;background:rgba(49,120,198,0.15);color:#93c5fd;border:1px solid rgba(49,120,198,0.3);}.en-empty-note{text-align:center;padding:24px;color:#2d4060;font-size:13px;font-style:italic;}@media (max-width:767px){.en-config-panel{flex-direction:column;gap:12px;padding:14px;}.en-field{min-width:unset;width:100%;}.en-tabs,.en-presets{gap:6px;}.en-tab,.en-type-btn,.en-preset-btn{padding:6px 12px;font-size:11.5px;}.en-value-row{flex-wrap:wrap;gap:6px;}.en-name-input,.en-val-input{flex:1 1 40%;min-width:100px;}.en-output{min-height:180px;font-size:12px;}.en-toolbar{flex-direction:column;align-items:stretch;}.en-btn{justify-content:center;width:100%;}.en-output-header{flex-direction:column;align-items:flex-start;}}