*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#333;font-size:13px;line-height:1.4}.app{min-height:100vh;display:flex;flex-direction:column}.header{height:48px;border-bottom:1px solid #e5e5e5;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:100}.logo{font-size:16px;font-weight:600}.logo span{color:#0071e3}.header-right{display:flex;align-items:center;gap:16px}.lang-toggle{padding:4px 10px;border:1px solid #d2d2d7;border-radius:4px;background:#fff;font-size:12px;cursor:pointer}.lang-toggle:hover{background:#f5f5f5}.meta{font-size:12px;color:#666}.main{display:flex;flex:1;min-height:0}.sidebar{width:240px;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;background:#fafafa;flex-shrink:0}.search-box{padding:12px;border-bottom:1px solid #e5e5e5}.search-input-wrapper{position:relative}.search-input{width:100%;padding:8px 30px 8px 10px;border:1px solid #d2d2d7;border-radius:6px;font-size:13px;outline:none;background:#fff}.search-input:focus{border-color:#0071e3}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:none;background:#ccc;color:#fff;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:#999}.region-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:12px;border-bottom:1px solid #e5e5e5}.modal-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;border-bottom:1px solid #e5e5e5;background:#f5f5f5}.tab{padding:4px 10px;border-radius:14px;font-size:12px;border:1px solid #d2d2d7;background:#fff;cursor:pointer;color:#333}.tab:hover{border-color:#0071e3}.tab.active{background:#0071e3;color:#fff;border-color:#0071e3}.provider-list{flex:1;overflow-y:auto;padding:8px;max-height:calc(100vh - 280px);scrollbar-width:thin;scrollbar-color:#ccc #fafafa}.provider-list::-webkit-scrollbar{width:6px}.provider-list::-webkit-scrollbar-track{background:#fafafa}.provider-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.provider-list::-webkit-scrollbar-thumb:hover{background:#999}.provider-item{margin-bottom:2px}.provider-item.selected>.provider-row{background:#e8f4fd}.provider-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px}.provider-row:hover{background:#f0f0f0}.provider-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.provider-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-count{font-size:11px;color:#999;background:#f0f0f0;padding:2px 6px;border-radius:10px}.model-list{margin-left:16px;border-left:2px solid #e5e5e5;padding-left:8px}.model-row{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:12px}.model-row:hover{background:#f5f5f5;border-radius:4px}.model-info{flex:1;min-width:0}.model-info .model-name{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-info .model-context{font-size:10px;color:#999}.model-price{text-align:right}.model-price .price{font-weight:600;font-size:12px}.model-price .price-label{font-size:10px;color:#999}.model-tags{display:flex;gap:2px}.content{flex:1;display:flex;flex-direction:column;min-width:0}.toolbar{padding:12px 16px;border-bottom:1px solid #e5e5e5;display:flex;gap:16px;align-items:center;background:#fafafa}.filter-check{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.filter-check input{cursor:pointer}.sort-select{padding:6px 10px;border:1px solid #d2d2d7;border-radius:6px;font-size:13px;background:#fff;cursor:pointer}.results-count{margin-left:auto;font-size:12px;color:#666}.clear-btn{padding:4px 10px;border:1px solid #d2d2d7;border-radius:4px;background:#fff;font-size:12px;cursor:pointer;color:#333}.clear-btn:hover{background:#f5f5f5}.table-container{flex:1;overflow:auto;max-height:calc(100vh - 120px)}.model-table{width:100%;border-collapse:collapse;font-size:13px}.model-table th{text-align:left;padding:10px 12px;font-weight:500;color:#666;font-size:11px;text-transform:uppercase;background:#fafafa;border-bottom:1px solid #e5e5e5;position:sticky;top:0}.sort-btn{background:none;border:none;font:inherit;color:inherit;font-size:11px;text-transform:uppercase;cursor:pointer;padding:4px 8px;border-radius:4px}.sort-btn:hover{background:#e5e5e5}.sort-btn.active{background:#0071e3;color:#fff}.model-table td{padding:10px 12px;border-bottom:1px solid #f5f5f5;vertical-align:top}.model-table tr:hover td{background:#fafafa}.cell-model{min-width:180px}.model-name{font-weight:500;color:#333}.model-id{font-size:11px;color:#999;cursor:pointer;display:flex;align-items:center;gap:5px}.model-id:hover{color:#0071e3}.model-id-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-icon{width:14px;height:14px;color:#0071e3;flex-shrink:0;cursor:pointer}.copy-success{font-size:10px;color:#34c759;margin-left:4px}.copyable{display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s}.copyable:hover{background:#f0f0f0}.copyable .copy-icon{opacity:.6}.copyable:hover .copy-icon,.model-id:hover .copy-icon{opacity:1}.cell-provider .provider-name{font-weight:500}.cell-price{font-weight:600;font-variant-numeric:tabular-nums;min-width:70px}.cell-context{color:#666;min-width:60px;font-variant-numeric:tabular-nums}.cell-tags{display:flex;flex-wrap:wrap;gap:4px}.cell-param{font-size:12px;color:#666;font-variant-numeric:tabular-nums}.cell-caps{white-space:nowrap}.cap-tag{display:inline;padding:2px 6px;border-radius:4px;font-size:10px;color:#fff;white-space:nowrap}.cell-tags{white-space:nowrap}.tag{display:inline;padding:2px 6px;border-radius:4px;font-size:10px;background:#e5e5e5;color:#333;white-space:nowrap}.tag.free{background:#34c759;color:#fff}.cell-date{color:#666;font-size:12px;white-space:nowrap}.cell-lang{white-space:nowrap}.lang-tag{display:inline;padding:2px 5px;border-radius:3px;font-size:10px;background:#fef3c7;color:#92400e;white-space:nowrap}.cell-props{display:flex;flex-wrap:wrap;max-width:120px;gap:2px}.prop-tag{display:inline;padding:2px 5px;border-radius:3px;font-size:10px;background:#e5e5e5;color:#333;white-space:nowrap}.prop-tag.free{background:#34c759;color:#fff}.prop-tag.stream{background:#0071e3;color:#fff}.drawer-overlay{position:fixed;inset:0;background:#0000004d;z-index:1000}.drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:#fff;box-shadow:-4px 0 20px #00000026;overflow-y:auto;z-index:1001}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fafafa;position:sticky;top:0}.drawer-header h2{font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-close{width:28px;height:28px;border:none;background:#e5e5e5;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-close:hover{background:#ccc}.drawer-body{padding:20px}.drawer-section{margin-bottom:24px}.drawer-section h3{font-size:12px;text-transform:uppercase;color:#666;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.drawer-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid #f5f5f5}.drawer-row .label{color:#666;flex-shrink:0}.drawer-row .value{color:#333;text-align:right;word-break:break-word}