@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-title:"Outfit", var(--font-sans);--bg-app:#f1f5f9;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-input:#f8fafc;--text-main:#0f172a;--text-muted:#475569;--text-light:#64748b;--border-color:#e2e8f0;--border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #00000014;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--color-train:#3b82f6;--color-train-light:#eff6ff;--color-val:#f59e0b;--color-val-light:#fef3c7;--color-test:#10b981;--color-test-light:#ecfdf5;--color-emo-neutral:#64748b;--color-emo-positive:#10b981;--color-emo-sad:#3b82f6;--color-emo-negative:#f43f5e}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-main);font-weight:600}.app-container{background-color:var(--bg-app);grid-template-columns:320px 1fr 380px;width:100vw;height:100vh;display:grid;overflow:hidden}@media (width<=1200px){.app-container{grid-template-rows:auto 1fr;grid-template-columns:280px 1fr}.sidebar-right{border-top:1px solid var(--border-color);grid-column:1/-1;border-left:none!important;height:auto!important}}.sidebar-left,.main-content,.sidebar-right{flex-direction:column;height:100vh;display:flex;overflow-y:auto}.sidebar-left{background-color:var(--bg-card);border-right:1px solid var(--border-color);gap:1.5rem;padding:1.5rem}.main-content{background-color:var(--bg-app);gap:1.5rem;padding:1.5rem}.sidebar-right{background-color:var(--bg-card);border-left:1px solid var(--border-color);gap:1.5rem;padding:1.5rem}.card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card-title{border-bottom:1px solid var(--border-color);color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.1rem;display:flex}.header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.header h1{background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.6rem;font-weight:700}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.input-text,.select-input{border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-main);font-family:var(--font-sans);border-radius:8px;outline:none;padding:.6rem .75rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.input-text:focus,.select-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f626}.checkbox-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.9rem;display:flex}.checkbox-label input{width:16px;height:16px;accent-color:var(--border-focus)}.badge{text-transform:uppercase;border-radius:6px;align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-train{background-color:var(--color-train-light);color:var(--color-train)}.badge-val{background-color:var(--color-val-light);color:var(--color-val)}.badge-test{background-color:var(--color-test-light);color:var(--color-test)}.badge-audited{color:#065f46;background-color:#d1fae5}.badge-pending{color:#475569;background-color:#f1f5f9}.badge-emo-neutral{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.badge-emo-positive{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.badge-emo-sad{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.badge-emo-negative{color:#be123c;background-color:#fff1f2;border:1px solid #fecdd3}.btn{font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--border-focus);color:#fff;box-shadow:0 2px 4px #3b82f633}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-muted)}.btn-secondary:hover{background-color:var(--bg-app);color:var(--text-main)}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.canvas-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.canvas-container{aspect-ratio:1;cursor:crosshair;width:100%;max-width:700px;position:relative}.map-canvas{border-radius:8px;width:100%;height:100%}.map-tooltip{pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:10;max-width:250px;color:var(--text-main);background-color:#fffffff2;border-radius:8px;flex-direction:column;gap:.35rem;padding:.75rem;font-size:.8rem;transition:opacity .1s;display:flex;position:absolute}.tooltip-title{font-family:var(--font-title);border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:.25rem;padding-bottom:.25rem;font-weight:600;display:flex}.tooltip-row{justify-content:space-between;gap:1rem;display:flex}.tooltip-label{color:var(--text-light)}.tooltip-value{font-weight:500}.audio-player-container{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.audio-controls{align-items:center;gap:.75rem;display:flex}.audio-progress{cursor:pointer;background-color:#cbd5e1;border-radius:3px;flex-grow:1;height:6px;position:relative}.audio-progress-bar{background-color:var(--border-focus);border-radius:3px;width:0%;height:100%}.audio-time{color:var(--text-light);font-family:monospace;font-size:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.stat-item{background-color:var(--bg-input);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding:.75rem}.stat-value{font-family:var(--font-title);color:var(--border-focus);font-size:1.25rem;font-weight:700}.stat-label{color:var(--text-light);font-size:.75rem}.drag-coords-display{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.coord-box{background-color:var(--bg-input);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding:.5rem}.coord-val{font-family:monospace;font-size:1.1rem;font-weight:600}.prob-bars{flex-direction:column;gap:.5rem;display:flex}.prob-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.prob-bar-container{background-color:var(--bg-input);border-radius:4px;flex-grow:1;height:8px;margin-left:.75rem;margin-right:.5rem;overflow:hidden}.prob-bar-fill{border-radius:4px;height:100%}.switch{width:44px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--border-focus)}input:checked+.slider:before{transform:translate(22px)}.status-toast{color:#fff;box-shadow:var(--shadow-lg);z-index:100;background-color:#0f172ae6;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.85rem;animation:.2s ease-out slide-in;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}@keyframes slide-in{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{width:100%;height:100%;color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{border:4px solid var(--border-color);border-top-color:var(--border-focus);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.slider-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%;display:grid}.slider-group{flex-direction:column;gap:.5rem;display:flex}.slider-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.slider-label{color:var(--text-main);font-weight:600}.slider-value{color:var(--border-focus);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;padding:.15rem .4rem;font-family:monospace;font-size:.8rem;font-weight:600}.range-input{background-color:var(--border-color);width:100%;height:6px;accent-color:var(--border-focus);cursor:pointer;appearance:none;border-radius:3px;outline:none}.range-input::-webkit-slider-runnable-track{cursor:pointer;background:var(--border-color);border-radius:3px;width:100%;height:6px}.range-input::-webkit-slider-thumb{background:var(--border-focus);cursor:pointer;-webkit-appearance:none;width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%;margin-top:-5px;transition:transform .1s}.range-input::-webkit-slider-thumb:hover{transform:scale(1.15)}