.lesson-slides-section{background:linear-gradient(135deg,var(--white) 0%,var(--bg-purple) 100%);border:5px solid var(--purple);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-xl)}.lesson-slides-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--purple);font-size:26px;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:900}.slide-container{background:linear-gradient(135deg,var(--bg-blue) 0%,var(--bg-teal) 50%,var(--bg-green) 100%);border-radius:var(--radius-xl);border:4px solid var(--blue);padding:var(--spacing-2xl);margin-bottom:var(--spacing-md);min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:var(--shadow-lg)}.slide-content h4{color:var(--purple);font-size:40px;margin:0 0 var(--spacing-lg) 0;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.slide-content p{font-size:18px;line-height:1.8;color:var(--text-dark);font-weight:500;max-width:700px}.slide-content ul{text-align:left;max-width:600px;margin:var(--spacing-md) auto;font-size:16px;line-height:1.6;color:var(--text-dark)}.slide-audio-controls{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-sm);background:var(--white);border-radius:var(--radius-md)}.slide-audio-controls audio{flex:1;max-width:400px}.slide-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.slide-nav-btn{padding:var(--spacing-sm) var(--spacing-xl);background:var(--white);border:2px solid var(--blue);color:var(--blue);border-radius:var(--radius-lg);cursor:pointer;transition:all 0.2s ease;font-weight:600;font-size:16px;box-shadow:0 2px 4px rgba(0,0,0,0.08)}.slide-nav-btn:hover:not(:disabled){background:rgba(33,150,243,0.05);border-color:var(--blue);box-shadow:0 4px 8px rgba(0,0,0,0.12);transform:translateY(-1px)}.slide-nav-btn:disabled{opacity:0.4;cursor:not-allowed;background:var(--light-gray);border-color:var(--border-gray);color:var(--text-gray)}.slide-indicator{color:var(--purple);font-size:18px;font-weight:800}.lesson-hands-on-section{background:linear-gradient(135deg,var(--white) 0%,var(--bg-orange) 100%);border:5px solid var(--orange);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-xl)}.lesson-hands-on-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--orange);font-size:26px;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:900}.hands-on-instructions{background:linear-gradient(135deg,var(--bg-blue) 0%,var(--bg-teal) 100%);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg)}.hands-on-instructions p{margin:0;line-height:1.8;color:var(--text-dark);font-weight:600;font-size:16px}.interactive-workspace{background:var(--light-gray);border:2px solid var(--border-gray);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.workspace-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.workspace-input{flex:1;min-width:200px;padding:var(--spacing-sm);background:var(--white);border:2px solid var(--border-gray);color:var(--text-dark);border-radius:var(--radius-md);font-size:16px;font-weight:500}.workspace-input:focus{outline:none;border-color:var(--blue);box-shadow:var(--shadow-blue)}.workspace-output{margin-top:var(--spacing-md);background:#000000;border:2px solid var(--blue);border-radius:var(--radius-md);padding:var(--spacing-md);min-height:100px;max-height:400px;overflow-y:auto;font-family:'Courier New',monospace;color:var(--blue);font-size:15px;font-weight:600;line-height:1.6}.lesson-tabs{display:flex;gap:4px;margin:0;padding:0;border-bottom:2px solid var(--border-gray);background:var(--white);border-radius:0;overflow-x:hidden;height:40px;min-height:40px;align-items:center}.lesson-tab{flex:1;min-width:130px;padding:2px 12px;background:transparent;border:none;color:var(--text-gray);cursor:pointer;transition:all 0.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-bottom:3px solid transparent;font-size:14px;font-weight:600}.lesson-tab:hover{background:rgba(66,133,244,0.1);color:var(--text-dark)}.lesson-tab.active{color:var(--blue);border-bottom-color:var(--blue);background:rgba(66,133,244,0.15);font-weight:500;letter-spacing:-0.01em}.lesson-tab .tab-icon{font-size:16px;line-height:1}.lesson-tab .tab-label{font-size:13px;text-align:center;line-height:1}.lesson-tab-content{background:var(--white);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--spacing-md);min-height:250px}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn 0.3s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-container{max-width:800px;margin:0 auto}.quiz-question{background:var(--white);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);border-left:4px solid var(--blue);box-shadow:var(--shadow-sm)}.quiz-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quiz-option{padding:10px var(--spacing-md);background:var(--white);border:2px solid var(--border-gray);border-radius:var(--radius-lg);color:var(--text-dark);cursor:pointer;transition:all var(--transition-normal);text-align:left;font-size:14px;font-weight:600;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.quiz-option::before{content:'';position:absolute;left:0;top:0;height:100%;width:6px;background:linear-gradient(180deg,var(--purple) 0%,var(--pink) 100%);transform:scaleY(0);transition:transform var(--transition-normal)}.quiz-option:nth-child(1)::before{background:linear-gradient(180deg,var(--purple) 0%,var(--blue) 100%)}.quiz-option:nth-child(2)::before{background:linear-gradient(180deg,var(--blue) 0%,var(--teal) 100%)}.quiz-option:nth-child(3)::before{background:linear-gradient(180deg,var(--green) 0%,var(--yellow) 100%)}.quiz-option:nth-child(4)::before{background:linear-gradient(180deg,var(--orange) 0%,var(--pink) 100%)}.quiz-option:hover:not(:disabled){background:linear-gradient(135deg,var(--bg-purple) 0%,var(--bg-blue) 100%);border-color:var(--purple);transform:translateX(12px) scale(1.03);box-shadow:var(--shadow-purple)}.quiz-option:hover:not(:disabled)::before{transform:scaleY(1)}.quiz-option:disabled{cursor:not-allowed;opacity:0.6;filter:grayscale(0.5)}.quiz-option.correct{background:var(--bg-green);border-color:var(--green);pointer-events:none}.quiz-option.incorrect{background:var(--bg-pink);border-color:var(--red);pointer-events:none}.quiz-feedback{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:13px;font-weight:600}.quiz-feedback.correct{color:var(--green)}.quiz-feedback.incorrect{color:var(--red)}.takeaways-container{max-width:900px;margin:0 auto}.takeaway-section{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.takeaway-box{background:rgba(66,133,244,0.05);padding:var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid var(--blue)}.takeaway-list{list-style:none;padding:0;margin:0}.takeaway-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-xl);position:relative;color:var(--text-dark);line-height:1.6;border-bottom:1px solid var(--border-gray);font-weight:500}.takeaway-list li:last-child{border-bottom:none}.takeaway-list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:bold;font-size:20px}.digit-training-samples{width:100%;background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:2px solid var(--border-gray)}.digit-training-samples h4{color:var(--blue);margin:0 0 var(--spacing-md) 0;font-weight:700}.sample-description{color:var(--text-gray);font-size:15px;margin-bottom:var(--spacing-md);font-weight:500}.sample-images-grid{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;margin:var(--spacing-md) 0}.sample-digit-img{width:56px;height:56px;border:2px solid var(--blue);border-radius:var(--radius-sm);background:white;image-rendering:pixelated}.sample-tip{color:var(--text-gray);font-size:14px;margin:var(--spacing-md) 0 0 0;font-weight:500}.digit-drawing-area{display:flex;justify-content:center;align-items:center;gap:var(--spacing-3xl);min-height:400px;flex-wrap:wrap}.canvas-section{display:flex;flex-direction:column;align-items:center}.canvas-label{font-weight:700;margin-bottom:var(--spacing-md);display:block;color:var(--text-dark)}.main-canvas{border:3px solid var(--blue);border-radius:var(--radius-lg);background:white;cursor:crosshair;touch-action:none;display:block;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-blue)}.canvas-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.preview-section{display:flex;flex-direction:column;align-items:center}.preview-label{color:var(--text-gray);font-size:15px;margin:0 0 var(--spacing-sm) 0;font-weight:600}.preview-canvas{border:2px solid var(--border-gray);border-radius:var(--radius-sm);background:white;image-rendering:pixelated;display:block}.image-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.image-card{cursor:pointer;border:3px solid transparent;border-radius:var(--radius-lg);padding:var(--spacing-sm);background:var(--white);transition:all 0.2s;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-sm)}.image-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-blue)}.image-card.selected{border-color:var(--blue)!important;background:rgba(66,133,244,0.1)}.image-card img{width:56px;height:56px;display:block;border-radius:var(--radius-sm);image-rendering:pixelated}.image-label{display:none}.anomaly-results-styled,.results-styled{margin-top:var(--spacing-lg)}.anomaly-results-styled .results-header,.results-styled .results-header{background:var(--light-gray);color:var(--text-dark);padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:18px;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center;border:2px solid var(--border-gray)}.anomaly-results-styled .cluster-group,.results-styled .cluster-group{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-lg);border-left:4px solid var(--border-gray);box-shadow:var(--shadow-sm)}.anomaly-results-styled .cluster-0{border-left-color:var(--red)}.anomaly-results-styled .cluster-1{border-left-color:var(--blue)}.anomaly-results-styled .cluster-2{border-left-color:var(--green)}.anomaly-results-styled .cluster-header,.results-styled .cluster-header{font-weight:700;font-size:18px;margin-bottom:var(--spacing-sm);color:var(--text-dark);padding:var(--spacing-sm);border-radius:var(--radius-md)}.anomaly-results-styled .cluster-images,.results-styled .cluster-images{display:flex;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.anomaly-results-styled .anomaly-item,.results-styled .result-item{background:var(--light-gray);padding:var(--spacing-sm);border-radius:var(--radius-md)}.anomaly-results-styled .anomaly-item img,.results-styled .result-item img{width:56px;height:56px;border-radius:var(--radius-sm)}.anomaly-results-styled .score-text,.results-styled .score-text{display:none}.anomaly-message-box,.message-box{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--white);border-left:3px solid var(--blue);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.anomaly-message-box p,.message-box p{margin:0;color:var(--text-dark);line-height:1.6;font-weight:500}.info-section{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:2px solid var(--border-gray);box-shadow:var(--shadow-sm)}.info-section-title{color:var(--blue);margin:0 0 var(--spacing-sm) 0;font-size:18px;font-weight:700}.info-section-text{color:var(--text-dark);font-size:15px;line-height:1.6;margin:0;font-weight:500}.instruction-box{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--spacing-lg);border:2px solid var(--border-gray)}.instruction-list{color:var(--text-dark);font-size:15px;text-align:left;max-width:500px;margin:var(--spacing-sm) auto 0;padding-left:var(--spacing-lg);font-weight:500}.instruction-list li{margin-bottom:var(--spacing-xs)}.empty-text{color:var(--text-gray);font-weight:500}.button-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;margin:var(--spacing-md) 0}.button-group-vertical{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.control-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.control-buttons .btn-secondary:last-child{margin-left:auto}.control-panel{display:flex;flex-direction:column;gap:var(--spacing-md)}.control-group{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.image-thumbnail{cursor:pointer;border:3px solid transparent;border-radius:var(--radius-lg);padding:var(--spacing-sm);background:var(--white);transition:all 0.2s;text-align:center;box-shadow:var(--shadow-sm)}.image-thumbnail:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-blue)}.image-thumbnail.selected{border-color:var(--blue);background:rgba(66,133,244,0.1)}.thumbnail-img{width:100%;height:auto;display:block;border-radius:var(--radius-sm);image-rendering:pixelated}.select-input{width:100%;padding:var(--spacing-sm);background:var(--white);color:var(--text-dark);border:2px solid var(--border-gray);border-radius:var(--radius-sm);font-size:15px;font-weight:500}.select-input:focus{outline:none;border-color:var(--blue);box-shadow:var(--shadow-blue)}.input-label{display:block;color:var(--text-gray);font-size:14px;margin-bottom:var(--spacing-xs);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin:var(--spacing-lg) 0;width:100%}.stat-card{background:var(--white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);text-align:center;border:2px solid var(--border-gray);box-shadow:var(--shadow-sm)}.stat-label{color:var(--text-gray);font-size:14px;margin-bottom:4px;display:block;font-weight:600}.stat-value{color:var(--blue);font-size:24px;font-weight:600;display:block;font-family:'Courier New',monospace;min-width:100px;text-align:center}.config-section{background:rgba(66,133,244,0.05);border-left:4px solid var(--blue);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.config-label{font-weight:700;color:var(--text-dark);margin-right:var(--spacing-sm)}.config-input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-gray);border-radius:var(--radius-md);font-size:16px;width:80px;background:var(--white);color:var(--text-dark);font-weight:500}.config-input:focus{outline:none;border-color:var(--blue);box-shadow:var(--shadow-blue)}.data-table{width:100%;border-collapse:collapse;background:var(--white);margin:var(--spacing-md) 0;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border-gray)}.data-table-container{max-height:300px;overflow-y:auto;border-radius:var(--radius-lg);border:2px solid var(--border-gray)}.data-table thead{background:var(--blue);color:var(--white)}.data-table th{padding:var(--spacing-md);text-align:left;font-weight:700;font-size:15px}.data-table td{padding:var(--spacing-sm);border-bottom:1px solid var(--border-gray);color:var(--text-dark);box-sizing:border-box;max-width:0;overflow:hidden}.data-table input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-gray);border-radius:var(--radius-md);font-size:15px;background:var(--white);color:var(--text-dark);transition:all 0.2s;font-weight:500;box-sizing:border-box;min-width:0}.data-table input:focus{outline:none;border-color:var(--blue);box-shadow:var(--shadow-blue)}.two-column-layout{display:flex;gap:var(--spacing-lg);align-items:flex-start}.two-column-layout>*{flex:1}.action-area{padding:var(--spacing-2xl);background:rgba(66,133,244,0.05);border-radius:var(--radius-lg);text-align:center;margin:var(--spacing-lg) 0;border:2px solid var(--border-gray)}.tip-text{color:var(--text-gray);font-size:14px;margin-top:var(--spacing-sm);font-style:italic;font-weight:500}.visualization-container{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-xl);margin:var(--spacing-lg) 0;overflow-x:auto;border:2px solid var(--border-gray);box-shadow:var(--shadow-sm)}.log-container{background:#000000;padding:var(--spacing-md);border-radius:var(--radius-lg);max-height:200px;overflow-y:auto;font-family:'Courier New',monospace;font-size:13px;margin-top:var(--spacing-lg);border:2px solid var(--blue)}.log-entry{margin-bottom:var(--spacing-xs);line-height:1.4;font-weight:600}.log-entry.success{color:var(--green)}.log-entry.warning{color:var(--orange)}.log-entry.error{color:var(--red)}.log-entry.info{color:var(--blue)}@media (max-width:768px){.lesson-tabs{flex-wrap:nowrap;overflow-x:auto}.lesson-tab{min-width:120px;padding:var(--spacing-md) var(--spacing-md)}.lesson-tab .tab-icon{font-size:20px}.lesson-tab .tab-label{font-size:14px}.two-column-layout{flex-direction:column}.image-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.stats-grid{grid-template-columns:1fr 1fr}}.kmeans-results-styled{margin-top:20px}.results-header{font-size:18px;font-weight:700;text-align:center;margin-bottom:15px;color:var(--text-dark)}.cluster-group{margin-bottom:20px;padding:15px;background:var(--white);border-radius:var(--radius-lg);border:2px solid var(--border-gray)}.cluster-header{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--text-dark)}.cluster-stats{margin-bottom:12px}.player-list{display:flex;flex-wrap:wrap;gap:10px}.player-card{padding:10px 15px;background:rgba(66,133,244,0.05);border:1px solid var(--border-gray);border-radius:var(--radius-md);font-size:13px;color:var(--text-dark);line-height:1.4}.player-card strong{color:var(--blue)}.river-content-wrapper{width:100%}.river-crossing-workspace{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--border-gray);width:100%;max-width:900px;margin:0 auto}.test-state-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.state-control{display:flex;flex-direction:column;gap:var(--spacing-xs)}.state-control .input-label{font-weight:600;color:var(--text-dark);font-size:14px}.state-control .select-input{padding:8px 12px;border:2px solid var(--border-gray);border-radius:var(--radius-md);font-size:14px;background:var(--white);cursor:pointer;transition:all 0.2s ease}.state-control .select-input:hover{border-color:var(--blue)}.state-control .select-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(33,150,243,0.1)}.rc-scene-wrap{background:#0f172a;border-radius:12px;overflow:hidden;margin-top:16px;width:100%}.rc-scene{display:flex;height:230px}.rc-bank{width:190px;flex-shrink:0;background:linear-gradient(160deg,#14532d 0%,#15803d 60%,#166534 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px 8px;gap:6px;position:relative;z-index:5}.rc-bank-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,0.45)}.rc-entity-grid{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;align-content:center;min-height:86px;width:100%}.rc-entity-card{display:flex;flex-direction:column;align-items:center;gap:2px;background:rgba(0,0,0,0.35);border-radius:8px;padding:6px 8px;border:1px solid rgba(255,255,255,0.12);transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}.rc-entity-card .rc-em{font-size:26px;line-height:1}.rc-entity-card .rc-nm{font-size:8px;color:rgba(255,255,255,0.42);font-weight:600;text-transform:uppercase;letter-spacing:0.4px}.rc-entity-card.rc-glow{border-color:#fbbf24;box-shadow:0 0 16px rgba(251,191,36,0.5);transform:scale(1.1)}.rc-empty-label{color:rgba(255,255,255,0.2);font-style:italic;font-size:11px}.rc-safety-row{display:flex;align-items:center;gap:5px}.rc-safety-dot{width:8px;height:8px;border-radius:50%;transition:background 0.4s,box-shadow 0.4s}.rc-safe{background:#22c55e;box-shadow:0 0 8px #22c55e}.rc-unsafe{background:#ef4444;box-shadow:0 0 8px #ef4444;animation:rc-bpulse 0.7s infinite alternate}.rc-safety-label{font-size:9px;color:rgba(255,255,255,0.38)}@keyframes rc-bpulse{from{opacity:1}to{opacity:0.15}}.rc-river{flex:1;min-width:80px;background:linear-gradient(to bottom,#1e3a8a 0%,#2463eb 50%,#1e3a8a 100%);position:relative;overflow:hidden}.rc-stripe{position:absolute;height:2px;border-radius:1px;background:rgba(147,197,253,0.13);animation:rc-wflow linear infinite}@keyframes rc-wflow{from{transform:translateX(-150%)}to{transform:translateX(350%)}}.rc-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(147,197,253,0.07) 30%,rgba(191,219,254,0.18) 50%,rgba(147,197,253,0.07) 70%,transparent 100%);background-size:200% 100%;animation:rc-wshim 5s ease-in-out infinite}@keyframes rc-wshim{0%,100%{background-position:0% 0;opacity:0.5}50%{background-position:100% 0;opacity:1}}.rc-boat-wrap{position:absolute;top:50%;left:8px;transform:translateY(-56%);transition:left 1.5s cubic-bezier(0.45,0,0.55,1);display:flex;flex-direction:column;align-items:center;z-index:20}.rc-boat-cargo{font-size:22px;margin-top:-4px;min-height:26px;text-align:center}.cv-content-wrapper{width:100%}.computer-vision-container{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--border-gray)}.cv-controls{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.cv-content{display:flex;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-md)}.webcam-wrapper{flex:0 0 auto}.webcam-wrapper canvas{border-radius:var(--radius-lg);border:3px solid var(--blue);box-shadow:var(--shadow-md)}.predictions-panel{flex:1;background:var(--bg-blue);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--blue);min-height:320px}.predictions-panel div{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background:var(--white);border-radius:var(--radius-md);font-size:15px;font-weight:600;color:var(--text-dark)}.cv-two-panel{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-md)}.cv-panel{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.cv-panel-label{font-weight:700;font-size:14px;color:var(--text-gray);margin:0}.cv-panel-hint{font-size:12px;color:var(--text-light);max-width:320px;text-align:center;margin:0;font-style:italic}.cv-diff-canvas{border-radius:var(--radius-lg);background:#111;display:block;border:3px solid var(--border-gray)}.cv-webcam-placeholder{width:320px;height:320px;background:#111;border-radius:var(--radius-lg);border:3px solid var(--border-gray);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:13px}.cv-mp-wrapper{position:relative;display:inline-block}.cv-mp-video{border-radius:var(--radius-lg);display:block;transform:scaleX(-1);border:3px solid var(--blue);box-shadow:var(--shadow-md)}.cv-mp-overlay{position:absolute;top:0;left:0;border-radius:var(--radius-lg);transform:scaleX(-1);pointer-events:none}.cv-trail-canvas{background:#111;border-radius:var(--radius-lg);display:block;border:3px solid var(--border-gray)}.nlp-content-wrapper{width:100%}.nlp-analyzer-container{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--border-gray)}.nlp-input-section{margin-bottom:var(--spacing-md)}.nlp-inline-result{animation:slideUp 0.3s ease}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trial-locked-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px;text-align:center;gap:16px;color:#475569}.trial-locked-panel h2{font-size:1.5rem;color:#1e293b;margin:0}.trial-locked-panel p{font-size:1rem;max-width:360px}