.ocr-area{background:var(--surface-card);padding:var(--space-xl);border-radius:var(--radius-md);border:3px dashed var(--accent-primary);text-align:center;transition:all var(--transition-base)}.ocr-area.dragover{background:var(--info-light);border-color:var(--info);transform:scale(1.02)}.ocr-area h3{color:var(--accent-primary);margin-bottom:var(--space-md)}.ocr-area p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.preview-container{margin:var(--space-lg) 0;text-align:center}.preview-image{max-width:100%;max-height:300px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:none}.loading{display:none;color:var(--accent-primary);font-weight:var(--font-weight-bold);margin:var(--space-lg) 0}.image-queue{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--space-lg)}.queue-item{width:80px;height:80px;border-radius:var(--radius-md);border:3px solid var(--border-color);object-fit:cover;transition:all var(--transition-base)}.queue-item.processing{border-color:var(--warning);box-shadow:0 0 10px var(--warning)}.queue-item.done{border-color:var(--success);opacity:.6}input[type=file]{display:none}.file-input-label{display:inline-block;padding:var(--space-sm) var(--space-lg);background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-weight-bold);transition:all var(--transition-base)}.file-input-label:hover{filter:brightness(1.1);transform:translateY(-2px)}.manual-add-section{border-left-color:var(--warning)}.manual-add-section h2{color:var(--warning)}.manual-add-container{background:var(--warning-light);padding:var(--space-lg);border-radius:var(--radius-md);border-left:4px solid var(--warning)}.manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.stats-builder{margin-top:var(--space-lg);padding:var(--space-md);background:var(--surface-card);border-radius:var(--radius-md);border:1px solid var(--border-color)}.stats-builder h4{color:var(--warning);margin-bottom:var(--space-sm);font-size:var(--font-md)}.stat-input-row{display:grid;grid-template-columns:2fr 1fr auto;gap:var(--space-sm);margin-bottom:var(--space-sm);align-items:center}.stat-input-row input[list],.stat-input-row input[type=text]{padding:var(--space-sm);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-sm);background:var(--surface-input);color:var(--text-primary)}.stat-input-row input[type=number]{padding:var(--space-sm);border:2px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;font-size:var(--font-sm);background:var(--surface-input);color:var(--text-primary)}.stat-input-row button{padding:var(--space-sm) var(--space-md);background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--surface-overlay);border-radius:var(--radius-md);color:var(--text-primary);gap:var(--space-md)}.ocr-modal-content{background:var(--surface-card);padding:var(--space-md);border-radius:var(--radius-lg);max-width:1200px;width:100%;display:flex;flex-direction:column;flex:1;overflow-y:auto;box-shadow:var(--shadow-xl)}.ocr-title{margin:0 0 var(--space-md) 0;font-size:var(--font-xl);font-weight:var(--font-weight-bold)}.ocr-progress{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--space-md)}.ocr-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);flex-shrink:0}.ocr-image-preview{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.ocr-preview-image{max-width:100%;max-height:50vh;border-radius:var(--radius-md);object-fit:contain;border:2px solid var(--border-color)}.ocr-form{display:flex;flex-direction:column;gap:var(--space-md)}.ocr-field{display:flex;flex-direction:column;gap:var(--space-xs)}.ocr-field label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.ocr-field select{padding:var(--space-sm) var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-input);color:var(--text-primary);font-size:var(--font-md)}.ocr-destination{padding:var(--space-sm) var(--space-md);background:var(--surface-2);border-radius:var(--radius-sm);color:var(--accent-primary);font-weight:var(--font-weight-bold)}.ocr-weapon-class{transition:all var(--transition-base)}.ocr-weapon-class.hidden{display:none}.ocr-stats-section{flex-shrink:0;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color);overflow-y:auto;max-height:30vh;padding-right:var(--space-xs)}.ocr-stats-title{margin:0 0 var(--space-md) 0;font-size:var(--font-md);color:var(--accent-primary)}.ocr-stats-list{display:flex;flex-direction:column;gap:var(--space-sm)}.ocr-stat-row{display:grid;grid-template-columns:1fr 80px auto;gap:var(--space-sm);align-items:center;padding:var(--space-xs) 0;border-bottom:1px solid var(--border-color)}.ocr-stat-row:last-child{border-bottom:none}.ocr-stat-row input,.ocr-stat-row select{padding:var(--space-xs) var(--space-sm);border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-input);color:var(--text-primary);font-size:var(--font-sm);transition:all var(--transition-base)}.ocr-stat-row input:focus,.ocr-stat-row select:focus{outline:0;border-color:var(--accent-primary);background:var(--surface-card);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.ocr-stat-row input[type=number]{text-align:center}.ocr-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.ocr-actions-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);flex-shrink:0;margin-top:var(--space-md)}.ocr-completed,.ocr-error{text-align:center}.ocr-error-message{color:var(--danger);font-size:var(--font-sm);margin-bottom:var(--space-md)}.manual-entry details{margin-top:var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-card);transition:all var(--transition-base)}.manual-entry details[open]{background:var(--surface-2);border-color:var(--accent-primary)}.manual-entry summary{padding:var(--space-md) var(--space-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);background:var(--surface-card);border-radius:var(--radius-lg);cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-base)}.manual-entry summary:hover{background:var(--surface-card-hover);color:var(--accent-primary)}.manual-entry summary::before{content:'✍️';font-size:var(--font-md);margin-right:var(--space-xs)}.manual-entry details[open] summary{border-bottom:1px solid var(--border-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-card-hover)}.manual-entry details[open] summary::before{content:'📝'}.manual-add-container{background:var(--surface-2);padding:var(--space-xl);border-radius:0 0 var(--radius-lg) var(--radius-lg);border:none;border-top:1px solid var(--border-color)}.manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.manual-grid .form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin:0}.manual-grid label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.manual-grid select{padding:var(--space-sm) var(--space-md);background:var(--surface-input);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);transition:all var(--transition-base)}.manual-grid select:hover{border-color:var(--border-color-hover)}.manual-grid select:focus{outline:0;border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.stats-builder{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-xl) 0}.stats-builder h4{color:var(--accent-primary);font-size:var(--font-md);margin:0 0 var(--space-md) 0;display:flex;align-items:center;gap:var(--space-xs)}.stats-builder h4::before{content:'📊';font-size:var(--font-md)}#statInputs{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.stat-input-row{display:grid;grid-template-columns:1fr 100px auto;gap:var(--space-sm);align-items:center;background:var(--surface-2);padding:var(--space-sm);border-radius:var(--radius-md);border-left:4px solid var(--info)}.stat-input-row input[list],.stat-input-row input[type=number]{padding:var(--space-sm) var(--space-md);background:var(--surface-input);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);width:100%}.stat-input-row input[list]:focus,.stat-input-row input[type=number]:focus{border-color:var(--info);outline:0;background:var(--surface-card);box-shadow:0 0 0 3px rgba(var(--info-rgb),.15);transition:all var(--transition-base)}.stat-input-row button{width:36px;height:36px;padding:0;background:var(--danger-light);border:2px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-weight:700;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.stat-input-row button:hover{filter:brightness(1.1);background:var(--danger);color:#fff;transform:scale(1.05)}#btnAddManualStat{width:100%;padding:var(--space-md);background:var(--surface-3);border:2px dashed var(--border-color-hover);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}#btnAddManualStat:hover{background:var(--surface-card-hover);border-color:var(--success);color:var(--success)}#btnAddManualStat::before{content:'➕';font-size:var(--font-md)}.btn-save{width:100%;padding:var(--space-md) var(--space-lg);background:var(--gradient-success);border:none;border-radius:var(--radius-lg);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.btn-save:hover{transform:translateY(-2px);box-shadow:var(--shadow-success-glow);filter:brightness(1.1)}.btn-save:active{transform:translateY(0);filter:brightness(.9)}.btn-save::before{content:'💾';font-size:var(--font-md)}@media (max-width:var(--breakpoint-md)){.manual-grid{grid-template-columns:1fr}.stat-input-row{grid-template-columns:1fr 80px auto}.manual-add-container{padding:var(--space-md)}.ocr-actions-3{grid-template-columns:1fr}}@media (max-width:var(--breakpoint-sm)){.stat-input-row{grid-template-columns:1fr 80px 45px;gap:var(--space-xs);padding:var(--space-xs)}.stat-input-row button{width:40px;height:40px;font-size:var(--font-md)}.ocr-layout{grid-template-columns:1fr;gap:var(--space-md)}}.btn-confirm{background:var(--success);color:#fff;border:none;padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-weight:700}.btn-skip{background:var(--warning);color:#fff;border:none;padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-weight:700}.btn-cancel{background:var(--danger);color:#fff;border:none;padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-weight:700}.btn-add-stat-manual{width:100%;margin-top:10px;padding:10px;background:var(--surface-3);border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-secondary)}.btn-remove{background:#ff444422;color:#f44;border:1px solid #f44;border-radius:4px;width:30px;height:30px;cursor:pointer}