.container{max-width:1400px;margin:0 auto;padding:24px}.title{font-size:24px;font-weight:700;margin-bottom:8px}.subtitle{font-size:12px;color:#d1d5db;margin-bottom:16px}.tab-container{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid #374151}.tab-button{padding:8px 16px;background-color:transparent;border:none;border-bottom:2px solid transparent;color:#9ca3af;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.tab-button:hover{color:#e5e7eb;background-color:#6366f11a}.tab-button.active{color:#6366f1;border-bottom-color:#6366f1;font-weight:600}.control-panel{background-color:#111827cc;padding:16px;border-radius:12px;border:1px solid #374151;margin-bottom:16px}.control-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:12px}.control-group{flex:1}.control-label{display:block;font-size:12px;margin-bottom:4px}.control-select{padding:4px 8px;border-radius:4px}.control-input-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.control-buttons{display:flex;gap:4px}.control-button{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:400;background-color:#374151cc;color:#e5e7eb;border:1px solid #4b5563;cursor:pointer;transition:all .2s}.control-button:not(.active):hover{background-color:#6366f14d}.control-button.active{font-weight:600;background-color:#6366f1;color:#fff;border-color:#6366f1}.control-button.active:hover{background-color:#6366f1}.control-input{padding:4px 8px;border-radius:4px;width:100px;background-color:#111827cc;border:1px solid #4b5563;color:#e5e7eb;font-size:12px}.draw-button{background-color:#6366f1;border-radius:9999px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;border:none;color:#fff}.diamond-cost{font-size:11px;color:#ef4444;display:flex;align-items:center;gap:4px;padding-top:8px;border-top:1px solid #374151}.diamond-cost-value{font-weight:600;font-family:monospace}.probability-table-container{background-color:#0f172acc;padding:16px;border-radius:12px;border:1px solid #374151}.probability-table-title{font-size:16px;font-weight:600;margin-bottom:12px}.probability-table-wrapper{overflow-x:auto}.probability-table{width:100%;border-collapse:collapse;font-size:12px}.probability-table th{padding:8px;text-align:left;border-bottom:1px solid #374151;color:#9ca3af;font-weight:600}.probability-table th.right{text-align:right}.probability-table-header-content{display:flex;align-items:center;justify-content:flex-end;gap:4px}.grade-indicator{display:inline-block;width:8px;height:8px;border-radius:2px}.probability-table-row.selected{background-color:#6366f11a;border-left:3px solid #6366f1}.probability-table-row{border-left:3px solid transparent}.probability-table td{padding:8px}.probability-table td.selected{font-weight:700;color:#a5b4fc}.probability-table td.normal{font-weight:500;color:#e5e7eb}.probability-table td.right{text-align:right;font-family:monospace}.probability-table td.zero{color:#6b7280}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.summary-container{background-color:#0f172acc;padding:16px;border-radius:12px;border:1px solid #374151;min-height:400px;display:flex;flex-direction:column}.summary-title{font-size:16px;font-weight:600;margin-bottom:8px}.summary-description{font-size:12px;color:#d1d5db;margin-bottom:12px}.summary-count{font-weight:700;color:#a5b4fc}.summary-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:12px;flex:1;align-items:start}.summary-section-title{font-size:12px;font-weight:600;margin-bottom:4px}.summary-list{list-style:none;padding:0;margin:0}.summary-list-item{margin-bottom:2px;display:flex;align-items:center;gap:6px}.grade-badge{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.summary-grade-name{font-weight:500}.summary-scrollable{max-height:300px;min-height:200px;overflow-y:auto;padding-right:12px;padding-left:4px;border-radius:8px}.summary-scrollable::-webkit-scrollbar{width:8px}.summary-scrollable::-webkit-scrollbar-track{background:rgba(17,24,39,.5);border-radius:4px}.summary-scrollable::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.summary-scrollable::-webkit-scrollbar-thumb:hover{background:#6b7280}.summary-grade-section{margin-bottom:6px}.summary-grade-title{font-weight:600;margin-bottom:2px}.summary-job-grid{display:flex;flex-direction:column;gap:2px}.summary-job-item{display:flex;justify-content:space-between}.summary-job-count{font-family:monospace}.results-title{font-size:16px;font-weight:600;margin-bottom:8px}.results-empty{font-size:12px;color:#9ca3af}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.result-card{background-color:#020617;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0006;animation:fadeInUp .4s ease-out forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-image-container{width:100%;height:96px;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.result-image{max-height:96px;object-fit:contain}.result-image-placeholder{font-size:10px;color:#6b7280}.result-info{padding:4px 6px;font-size:11px;color:#000;display:flex;flex-direction:column;gap:2px}.result-grade{font-weight:700}.result-job{font-weight:500}.result-count{font-size:10px;font-weight:600;margin-top:2px;padding-top:2px;border-top:1px solid rgba(0,0,0,.2)}.footer{margin-top:48px;padding-top:24px;border-top:1px solid #374151;font-size:11px;color:#9ca3af;text-align:center}.footer-text{margin-bottom:8px}.footer-link{color:#a5b4fc;text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-copyright{font-size:10px;color:#6b7280;margin-top:12px}