.config-tab{flex-direction:column;gap:0;height:100%;display:flex;position:relative;overflow:hidden}.config-header{border-bottom:1px solid var(--primary-color-6);background-color:var(--primary-color-5);flex-shrink:0;padding:1.5rem 1rem}.config-header h1{color:var(--secondary-color);margin:0 0 .5rem;font-size:1.5rem;font-weight:600;line-height:1.2}.config-header p{color:var(--secondary-color-4);margin:0;font-size:.875rem;line-height:1.4}@media (width<=768px){.config-header{padding:1rem .75rem}.config-header h1{font-size:1.25rem}.config-header p{font-size:.8125rem}}@media (width<=480px){.config-header{padding:.75rem .5rem}.config-header h1{margin-bottom:.25rem;font-size:1.125rem}.config-header p{font-size:.75rem}}.config-loading{color:var(--secondary-color-4);flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{border:2px solid var(--secondary-color-6);border-top-color:var(--secondary-color);border-radius:50%;width:1.5rem;height:1.5rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.config-loading{gap:.75rem}.spinner{border-width:1.5px;width:1.25rem;height:1.25rem}}.config-error{background-color:var(--secondary-error-color-4);border:1px solid var(--secondary-error-color-5);color:var(--secondary-error-color);border-radius:.375rem;margin:1rem;padding:1rem}.config-error div{align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.config-error strong{color:var(--secondary-error-color);font-weight:600}.config-error span{color:var(--secondary-error-color);word-break:break-word;line-height:1.4}.btn-retry{background-color:var(--secondary-error-color);color:var(--secondary-color);border-color:var(--secondary-error-color);padding:.5rem 1rem;font-size:.875rem}.btn-retry:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}@media (width<=768px){.config-error{margin:.75rem;padding:.75rem}.btn-retry{padding:.375rem .75rem;font-size:.8125rem}}@media (width<=480px){.config-error{margin:.5rem;padding:.5rem}.config-error div{flex-direction:column;gap:.25rem;margin-bottom:.5rem}.btn-retry{padding:.25rem .5rem;font-size:.75rem}}.config-empty{text-align:center;color:var(--secondary-color-5);flex:1;justify-content:center;align-items:center;display:flex}.config-empty p{margin:0;font-size:1rem;line-height:1.5}@media (width<=768px){.config-empty p{font-size:.9375rem}}@media (width<=480px){.config-empty p{padding:0 1rem;font-size:.875rem}}.config-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.config-vars{background-color:var(--primary-color-4);flex-direction:column;flex:1;gap:.75rem;padding:1.5rem 1rem 5rem;display:flex;overflow:hidden auto}@media (width<=768px){.config-vars{gap:.5rem;padding:1rem .75rem 4.25rem}}@media (width<=480px){.config-vars{gap:.375rem;padding:.75rem .5rem 3.75rem}}.config-vars::-webkit-scrollbar{width:.5rem}.config-vars::-webkit-scrollbar-track{background-color:var(--primary-color-4)}.config-vars::-webkit-scrollbar-thumb{background-color:var(--primary-color-6);border-radius:.25rem}.config-vars::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color-7)}.config-vars{scrollbar-color:var(--primary-color-6) var(--primary-color-4);scrollbar-width:thin}.config-var-row{background-color:var(--primary-color-5);border:1px solid var(--primary-color-6);border-radius:.375rem;grid-template-columns:minmax(180px,.25fr) 1fr;align-items:center;gap:1rem;padding:.75rem;transition:all .2s;display:grid}.config-var-row:hover{background-color:var(--primary-color-4);border-color:var(--focused-border-color)}.config-var-row:focus-within{border-color:var(--focused-border-color);box-shadow:0 0 0 2px rgba(43,127,255,.1)}@media (width<=768px){.config-var-row{grid-template-columns:1fr;gap:.5rem;padding:.5rem}}@media (width<=480px){.config-var-row{gap:.375rem;padding:.375rem}}.config-var-label-container{word-break:break-word;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.config-var-label{color:var(--secondary-color-5);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0 0 -5px;font-family:Courier New,Courier,monospace;font-size:.875rem;font-weight:600;line-height:1.4}.config-var-help-button{width:1rem;height:1rem;color:var(--secondary-color-4);cursor:pointer;background-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.config-var-help-button:hover{color:var(--focused-border-color);background-color:var(--primary-color-6)}.config-var-help-button:focus-visible{outline:2px solid var(--focused-border-color);outline-offset:2px}.config-var-help-icon{width:1rem;height:1rem}@media (width<=768px){.config-var-label{font-size:.8125rem}}@media (width<=480px){.config-var-label{font-size:.75rem}}.config-var-input{background-color:var(--primary-color-3);width:100%;color:var(--secondary-color);border:1px solid var(--primary-color-6);box-sizing:border-box;border-radius:.25rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.config-var-input::placeholder{color:var(--secondary-color-5)}.config-var-input:focus{border-color:var(--focused-border-color);background-color:var(--primary-color-2);outline:none;box-shadow:0 0 0 2px rgba(43,127,255,.1)}.config-var-input:hover:not(:focus){border-color:var(--primary-color-5)}@media (width<=768px){.config-var-input{padding:.375rem .5rem;font-size:.8125rem}}@media (width<=480px){.config-var-input{padding:.25rem .375rem;font-size:.75rem}}.config-custom-script-section{background-color:var(--primary-color-5);border:1px solid var(--primary-color-6);border-radius:.375rem;flex-direction:column;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.config-custom-script-section:hover{background-color:var(--primary-color-4);border-color:var(--focused-border-color)}.config-custom-script-section:focus-within{border-color:var(--focused-border-color);box-shadow:0 0 0 2px rgba(43,127,255,.1)}@media (width<=768px){.config-custom-script-section{gap:.5rem;padding:.5rem}}@media (width<=480px){.config-custom-script-section{gap:.375rem;padding:.375rem}}.config-section-header{word-break:break-word;align-items:center;gap:.5rem;display:flex}.config-section-title{color:var(--secondary-color-5);-webkit-user-select:none;user-select:none;margin:0;font-family:Courier New,Courier,monospace;font-size:.875rem;font-weight:600;line-height:1.4}.config-section-help-icon{width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:1.25rem;color:var(--primary-color);cursor:pointer;background-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.config-section-help-icon:hover{color:var(--focused-border-color);background-color:var(--primary-color-6)}.config-section-help-icon:focus-visible{outline:2px solid var(--focused-border-color);outline-offset:2px}@media (width<=768px){.config-section-title{font-size:.8125rem}}@media (width<=480px){.config-section-title{font-size:.75rem}}.config-custom-script-textarea{background-color:var(--primary-color-3);width:100%;min-height:150px;color:var(--secondary-color);border:1px solid var(--primary-color-6);box-sizing:border-box;resize:vertical;white-space:pre;overflow-wrap:normal;border-radius:.25rem;padding:.75rem;font-family:Courier New,Courier,monospace;font-size:.875rem;transition:all .2s}.config-custom-script-textarea::placeholder{color:var(--secondary-color-5)}.config-custom-script-textarea:focus{border-color:var(--focused-border-color);background-color:var(--primary-color-2);outline:none;box-shadow:0 0 0 2px rgba(43,127,255,.1)}.config-custom-script-textarea:hover:not(:focus){border-color:var(--primary-color-5)}@media (width<=768px){.config-custom-script-textarea{min-height:120px;padding:.5rem;font-size:.8125rem}}@media (width<=480px){.config-custom-script-textarea{min-height:100px;padding:.375rem;font-size:.75rem}}.config-save-bar{z-index:100;background-color:var(--primary-color-5);border-top:1px solid var(--primary-color-6);animation:.2s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px rgba(0,0,0,.1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.config-save-container{flex-wrap:wrap;align-items:center;gap:.75rem;max-width:100%;margin:0 auto;padding:1rem;display:flex}.config-save-container .action-btn{flex:1;font-weight:600}@media (width<=768px){.config-save-container .action-btn{min-height:2.25rem;padding:.5rem 1rem;font-size:.875rem}}@media (width<=480px){.config-save-container .action-btn{min-height:2rem;padding:.375rem .75rem;font-size:.8rem}}@media (width<=768px){.config-save-container{gap:.5rem;padding:.75rem}}@media (width<=480px){.config-save-container{gap:.375rem;padding:.5rem}}.config-status{word-break:break-word;color:var(--secondary-color);border-radius:.375rem;padding:.75rem;font-size:.875rem;font-weight:500;line-height:1.4}.config-status-success{color:var(--secondary-success-color);background:var(--primary-success-color);border:1px solid var(--secondary-success-color)}.config-status-error{color:var(--secondary-error-color);background:var(--primary-error-color);border:1px solid var(--secondary-error-color)}@media (width<=768px){.config-status{padding:.5rem;font-size:.8125rem}}@media (width<=480px){.config-status{padding:.375rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.config-var-row,.config-var-input,.spinner,.action-btn{transition:none;animation:none}}@media (prefers-contrast:more){.config-var-row,.action-btn,.config-var-input{border-width:2px}}