body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--font-mono),source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:left}.upload-section{margin:20px;padding:20px;border:1px solid var(--color-divider);border-radius:8px;background-color:var(--color-background-paper)}.content-display{padding:1rem;overflow:hidden;flex-grow:1;min-height:0}.error-message{color:red;margin:10px}input[type=file]{margin-right:10px}button{padding:10px 20px;background-color:var(--color-primary);border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .15s ease-out}button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}button:active{transform:translateY(0);box-shadow:none}main{display:flex;height:calc(100vh - 200px);overflow:hidden}.main-content-panels{display:flex;flex-grow:1}.left-panel,.right-panel{height:100%;box-sizing:border-box}.left-panel{border-right:none;display:flex;flex-direction:column}.right-panel{padding:12px 20px 20px;overflow-y:auto}.right-panel-header h2{margin-top:0}.resize-handle{background-color:var(--color-divider);width:5px!important;cursor:col-resize;transition:background-color .15s ease-out,width .15s ease-out}.resize-handle:hover{background-color:var(--color-primary-light);width:6px!important}.data-module{border:1px solid var(--color-divider);border-radius:8px;padding:15px;margin-bottom:2rem;background-color:var(--color-background-paper);display:flow-root}.data-module-row{border-left:1px solid var(--color-divider);border-right:1px solid var(--color-divider);background-color:var(--color-background-paper);display:flow-root}.data-module-header{border-top:1px solid var(--color-divider);border-top-left-radius:8px;border-top-right-radius:8px;padding:15px 15px 0}.data-module-content-row{padding:0 15px}.data-module-content-row.data-module-row--last{border-bottom:1px solid var(--color-divider);border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:1rem;padding-bottom:8px}.data-module-header.data-module-row--last{border-bottom:1px solid var(--color-divider);border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:1rem}.data-module.is-hidden,.data-module-row.is-hidden{opacity:.5;background-color:var(--color-background);filter:grayscale(80%)}.data-module h2,.data-module-header h2{margin-top:0;font-size:1.2em;color:var(--color-text-primary);border-bottom:2px solid var(--color-background);padding-bottom:10px}.mapped-content{margin-top:20px}.mapped-content-actions{margin-bottom:12px}.mapped-element{background-color:#16a34a1a;border:1px solid var(--color-success-light);border-radius:4px;padding:10px;margin-bottom:10px}.mapped-element strong{color:var(--color-success-dark)}.placeholder-text{padding:20px;color:var(--color-text-secondary);text-align:center;border:2px dashed var(--color-divider);border-radius:8px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-header h2{margin:0}.export-btn{padding:8px 15px;background-color:var(--color-success);color:var(--color-background-paper);border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .15s ease-out}.export-btn:hover{background-color:var(--color-success-dark);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a40}.export-btn:active{transform:translateY(0);box-shadow:none}.search-bar{padding:8px;border-bottom:1px solid var(--color-divider);display:flex;align-items:center;gap:8px}.search-input-container{flex-grow:1}.search-input{width:100%;padding:8px 30px 8px 8px;box-sizing:border-box;border-radius:4px;border:1px solid var(--color-divider)}.clear-search-btn,.search-nav-btn{padding:0}.current-match{background-color:var(--color-warning-light);border:1px solid var(--color-warning)}.module-metadata{margin-top:20px;padding:1rem;border:1px solid var(--color-divider);border-radius:5px}.module-header{display:flex;justify-content:space-between;align-items:center}.module-header-actions{display:flex;align-items:center;gap:8px}.project-selector{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:var(--color-background);border-bottom:1px solid var(--color-divider);margin-bottom:20px}.project-actions,.create-project{display:flex;align-items:center}.create-project input{margin-right:5px;padding:5px}.create-project-btn{padding:6px 12px;border:none;background-color:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;border-radius:4px;font-size:1em;transition:background-color .2s}.create-project-btn:hover{background-color:var(--color-primary-dark)}.create-project-btn:disabled{background-color:var(--color-primary-light);cursor:not-allowed}.delete-project-btn{background-color:var(--color-error);color:var(--color-primary-contrast);border:none;padding:6px 12px;cursor:pointer;border-radius:4px}.delete-project-btn:hover{background-color:var(--color-error-dark)}.delete-project-btn:disabled{background-color:var(--color-error-light);cursor:not-allowed}.project-settings{padding:15px}.project-settings h3{margin-top:0;font-size:1.2em;color:var(--color-text-primary);border-bottom:2px solid var(--color-background);padding-bottom:10px;margin-bottom:15px}.project-settings h4{margin-bottom:16px;margin-top:20px;text-align:left}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-radius:4px}.settings-field{display:flex;flex-direction:column}.settings-field label{font-size:.9em;color:var(--color-text-secondary);margin-bottom:5px;text-align:left}.settings-field input,.settings-field select{font-size:1em;padding:8px;border:1px solid var(--color-divider);border-radius:4px}.form-actions{margin-top:20px;text-align:right}.project-settings button[type=submit]{padding:10px 15px;border:none;background-color:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;border-radius:4px;font-size:1em;transition:background-color .2s}.project-settings button[type=submit]:hover{background-color:var(--color-primary-dark)}.project-settings .MuiGrid-container{margin-bottom:16px!important}
