:root{--bg-color:#f3f4f6;--panel-bg:#fff;--card-bg:#fff;--border-color:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--primary-color:#2563eb;--primary-hover:#1d4ed8;--accent-color:#8b5cf6;--success-color:#10b981;--error-color:#ef4444;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-md:.25rem;--radius-lg:.5rem;--radius-xl:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{background-color:var(--bg-color);width:100vw;height:100vh;display:flex;overflow:hidden}.left-panel{background-color:var(--bg-color);flex:1;padding:2rem;overflow-y:auto}.right-panel{background-color:var(--bg-color);flex-direction:column;gap:1.5rem;width:400px;padding:2rem 1.5rem;display:flex;overflow-y:auto}.right-panel-box{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem}.config-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.config-section-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);background-color:#f9fafb;padding:1rem 1.5rem;font-weight:600}.config-section-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-control{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.checkbox-group{align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary-color)}.checkbox-group label{font-weight:400}.btn-primary{background-color:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;transform:none}.upload-box{border:1px dashed var(--primary-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;background-color:#2563eb0d;padding:2rem 1rem;transition:all .2s}.upload-box:hover{background-color:#2563eb1a}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;color:var(--primary-color);background:#fffc;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}