.billing-detail-drawer .ant-drawer-content,.billing-detail-drawer-root .ant-drawer-content{background:#1a1f22;border-left:1px solid #353b3f;color:#efefef}.billing-detail-drawer .ant-drawer-header,.billing-detail-drawer-root .ant-drawer-header{background:#1a1f22;border-bottom:1px solid #353b3f}.billing-detail-drawer .ant-drawer-title,.billing-detail-drawer-root .ant-drawer-title{color:#efefef}.billing-detail-drawer .ant-drawer-close,.billing-detail-drawer-root .ant-drawer-close{color:#9da2a8}.billing-detail-drawer .ant-drawer-body,.billing-detail-drawer-root .ant-drawer-body{padding:16px}.billing-detail-drawer-root .drawer-title{align-items:center;display:flex;gap:12px;justify-content:space-between}.billing-detail-drawer-root .drawer-title-link{background:transparent;border:none;color:#f9c396;cursor:pointer;font-size:12px;font-weight:400;padding:0}.billing-detail-drawer-root .drawer-title-link:hover{color:#ffe2b1}.billing-detail-drawer-root .drawer-content{color:#d4d7db;display:flex;flex-direction:column;gap:18px}.billing-detail-drawer-root .drawer-hero{background:#191d22;border:1px solid #353b3f;border-radius:10px;padding:14px}.billing-detail-drawer-root .drawer-task-name{color:#efefef;font-size:18px;font-weight:700;line-height:1.4;word-break:break-word}.billing-detail-drawer-root .drawer-task-id,.billing-detail-drawer-root .drawer-task-meta,.billing-detail-drawer-root .status-cell{align-items:center;display:flex}.billing-detail-drawer-root .drawer-task-meta{flex-wrap:wrap;gap:10px;margin-top:10px}.billing-detail-drawer-root .drawer-task-id{color:#9da2a8;font-size:12px;font-variant-numeric:tabular-nums;gap:8px;margin-top:10px;word-break:break-all}.billing-detail-drawer-root .copy-icon-btn{align-items:center;background:transparent;border:none;color:#9da2a8;cursor:pointer;display:inline-flex;height:16px;justify-content:center;padding:0;width:16px}.billing-detail-drawer-root .copy-icon{height:12px;width:12px}.billing-detail-drawer-root .copy-icon path{fill:currentColor}.billing-detail-drawer-root .status-cell{color:#d4d7db;gap:6px}.billing-detail-drawer-root .status-dot{background:#7a8089;border-radius:50%;height:6px;width:6px}.billing-detail-drawer-root .status-cell.is-success .status-dot{background:#35d07f}.billing-detail-drawer-root .status-cell.is-running .status-dot{background:#5b8cff}.billing-detail-drawer-root .status-cell.is-cancel .status-dot{background:#7a8089}.billing-detail-drawer-root .status-cell.is-failed .status-dot{background:#f45b69}.billing-detail-drawer-root .drawer-stat-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.billing-detail-drawer-root .drawer-stat{background:#191d22;border-radius:8px;padding:12px}.billing-detail-drawer-root .drawer-stat span{color:#7a8089;display:block;font-size:12px;margin-bottom:6px}.billing-detail-drawer-root .drawer-stat strong{color:#efefef;font-size:16px;font-weight:700}.billing-detail-drawer-root .result-cell.is-success{color:#35d07f}.billing-detail-drawer-root .result-cell.is-failed{color:#f45b69}.billing-detail-drawer-root .result-cell.is-cancel{color:#7a8089}.billing-detail-drawer-root .result-cell.is-running{color:#5b8cff}.billing-detail-drawer-root .drawer-section h3{color:#efefef;font-size:14px;font-weight:700;margin:0 0 10px}.billing-detail-drawer-root .failure-reason-section{background:#f45b6914;border:1px solid rgba(244,91,105,.35);border-left:3px solid #f45b69;border-radius:8px;padding:12px}.billing-detail-drawer-root .failure-reason-section h3{color:#f45b69}.billing-detail-drawer-root .failure-reason-content{color:#f5b8be;font-family:inherit;font-size:12px;line-height:1.6;margin:0;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word}.billing-detail-drawer-root .drawer-info-list{background:#2f363b;border:1px solid #2f363b;border-radius:8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.billing-detail-drawer-root .drawer-info-item{align-items:center;background:#191d22;display:grid;font-size:13px;gap:12px;grid-template-columns:minmax(110px,max-content) minmax(0,1fr);padding:10px 12px}.billing-detail-drawer-root .drawer-info-item span{color:#7a8089}.billing-detail-drawer-root .drawer-info-item strong{color:#d4d7db;font-weight:500;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.billing-detail-drawer-root .drawer-info-value-text{display:block}.billing-detail-drawer-root .drawer-info-value-rich{display:flex;justify-content:flex-end;min-width:0;overflow:visible;text-align:right;white-space:normal}.billing-detail-drawer-root .drawer-info-item .source-cell{align-items:flex-end;display:inline-flex;flex-direction:column;gap:6px;min-width:0}.billing-detail-drawer-root .drawer-info-item .source-cell .source-line{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;min-width:0}.billing-detail-drawer-root .drawer-info-item .source-cell .source-line-child{opacity:.9}.billing-detail-drawer-root .drawer-info-item .source-cell .source-sub{color:#7a8089;font-size:12px}.billing-detail-drawer-root .drawer-info-item .account-cell{align-items:flex-end;display:inline-flex;flex-direction:column;gap:2px;min-width:0}.billing-detail-drawer-root .drawer-info-item .account-head{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;min-width:0}.billing-detail-drawer-root .drawer-info-item .account-id{color:#d4d7db;font-variant-numeric:tabular-nums}.billing-detail-drawer-root .drawer-info-item .account-name{color:#9ca3af;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-detail-drawer-root .drawer-info-item .api-key-info-cell{align-items:flex-end;display:inline-flex;flex-direction:column;gap:3px;max-width:100%;min-width:0}.billing-detail-drawer-root .drawer-info-item .api-key-line{align-items:center;display:inline-flex;gap:6px;justify-content:flex-end;max-width:100%;width:100%}.billing-detail-drawer-root .drawer-info-item .api-key-value{color:#d4d7db;font-variant-numeric:tabular-nums;line-height:1.5;max-width:240px;overflow-wrap:anywhere;text-align:right;white-space:normal;word-break:break-all}.billing-detail-drawer-root .drawer-info-item .api-key-name-line{color:#9ca3af;font-weight:400;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-detail-drawer-root .drawer-info-item .api-key-eye-btn{align-items:center;background:transparent;border:none;color:#9da2a8;cursor:pointer;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;padding:0;width:18px}.billing-detail-drawer-root .drawer-info-item .api-key-eye-btn:hover{color:#efefef}.billing-detail-drawer-root .drawer-info-item .account-tag{border-radius:4px;flex-shrink:0;font-size:11px;font-weight:400;line-height:16px;padding:1px 5px;white-space:nowrap}.billing-detail-drawer-root .drawer-info-item .account-tag.is-admin{background:#7b3ff22e;color:#b995ff}.billing-detail-drawer-root .drawer-info-item .account-tag.is-member{background:#5b8cff29;color:#7eb6ff}.billing-detail-drawer-root .drawer-info-item .quit-tag{color:#7a8089;flex-shrink:0;font-size:12px;font-weight:400;white-space:nowrap}.billing-detail-drawer-root .drawer-generate-result .detail-section{padding:16px;width:100%}.billing-detail-drawer-root .drawer-generate-result .section-title{align-items:flex-start;font-size:14px;margin-bottom:12px}.billing-detail-drawer-root .drawer-generate-result .section-title>span:first-of-type{flex:0 0 auto;white-space:nowrap}.billing-detail-drawer-root .drawer-generate-result .section-subtitle{display:block;font-size:12px;min-width:0}.billing-detail-drawer-root .drawer-generate-result .carousel-container{gap:8px}.billing-detail-drawer-root .drawer-generate-result .media-item{height:132px;width:132px}.billing-detail-drawer-root .drawer-generate-result .carousel-content{gap:10px}.billing-detail-drawer-root .drawer-generate-result .carousel-btn{font-size:14px;height:28px;width:28px}.billing-detail-drawer-root .drawer-generate-result .media-action-btn{font-size:15px;height:30px;width:30px}.billing-detail-drawer-root .drawer-generate-result .media-action-btn.play-btn{font-size:20px;height:38px;width:38px}.billing-detail-drawer-root .drawer-generate-result .text-result-container{margin-top:12px}.billing-detail-drawer-root .drawer-generate-result .text-result-value.code-block{max-height:220px;padding:12px}.billing-detail-drawer-root .drawer-code-detail pre{color:#d4d7db;font-family:Courier New,monospace;font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-all}.billing-detail-drawer-root .drawer-text-result{max-height:180px;overflow:auto;padding:12px}.billing-detail-drawer-root .drawer-empty{background:#191d22;border-radius:8px;color:#7a8089;font-size:13px;padding:28px 0;text-align:center}.billing-detail-drawer-root .drawer-code-detail{background:#191d22;border:1px solid #2f363b;border-radius:8px;margin-bottom:10px}.billing-detail-drawer-root .drawer-code-detail summary{color:#efefef;cursor:pointer;font-size:13px;font-weight:600;padding:10px 12px}.billing-detail-drawer-root .drawer-code-detail pre{max-height:280px;overflow:auto;padding:0 12px 12px}.billing-detail-drawer-root.is-mobile .ant-drawer-content{border-left:none;border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.billing-detail-drawer-root.is-mobile .ant-drawer-header{padding:14px 16px}.billing-detail-drawer-root.is-mobile .ant-drawer-body{padding:12px 14px calc(16px + env(safe-area-inset-bottom,0px))}.billing-detail-drawer-root.is-mobile .drawer-content{gap:14px}.billing-detail-drawer-root.is-mobile .drawer-task-name{font-size:16px}.billing-detail-drawer-root.is-mobile .drawer-stat strong{font-size:15px}.billing-detail-drawer-root.is-mobile .drawer-info-item{gap:10px;grid-template-columns:minmax(88px,max-content) minmax(0,1fr);padding:10px}.billing-detail-drawer-root.is-mobile .drawer-info-item .api-key-name-line,.billing-detail-drawer-root.is-mobile .drawer-info-item .api-key-value{max-width:100%}.billing-detail-drawer-root.is-mobile .drawer-generate-result .media-item{height:108px;width:108px}