/* 带生成时间的节点需要显示卡片外的时间条。原画布的自动绘制裁剪会隐藏溢出内容。 */
.canvas-node:has(> .qx-node-generation-timing){content-visibility:visible!important}
.canvas-node:has(> .qx-node-generation-timing[open]){z-index:12!important}
.qx-node-generation-timing{position:absolute;top:calc(100% + 7px);left:0;z-index:8;max-width:100%;width:max-content;font:11px/1.45 system-ui,-apple-system,"PingFang SC",sans-serif;color:#c8d5e9;text-align:left;letter-spacing:0;pointer-events:auto}
.qx-node-generation-timing>summary,.qx-chat-generation-timing>summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;list-style:none;cursor:pointer;border:1px solid #38475e;background:#192537eF;border-radius:9px;padding:6px 9px;box-shadow:0 3px 10px #0002}
.qx-node-generation-timing>summary::-webkit-details-marker,.qx-chat-generation-timing>summary::-webkit-details-marker{display:none}
.qx-node-generation-timing time,.qx-chat-generation-timing time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#e7effb}
.qx-timing-phase{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#b9c6da;white-space:nowrap}
.qx-timing-phase:before{content:"";width:5px;height:5px;border-radius:50%;background:#8a9bb5}
.qx-timing-phase.generating:before{background:#8ba7ff}.qx-timing-phase.saving{color:#f2cf8c}.qx-timing-phase.saving:before{background:#eabb67}.qx-timing-phase.ready:before{background:#82d7ba}
.qx-timing-phase.failed:before,.qx-timing-phase.storage_failed:before{background:#ee9292}.qx-timing-total{color:#9eafc7;font-size:10px;white-space:nowrap}
.qx-generation-timing-detail{margin-top:6px;width:310px;max-width:calc(100vw - 34px);box-sizing:border-box;background:#172336;border:1px solid #45546a;border-radius:12px;padding:13px;box-shadow:0 12px 32px #0006;color:#e5edf9;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.qx-generation-timing-detail>b{font-size:12px}.qx-generation-timing-detail dl{margin:9px 0}.qx-generation-timing-detail dl>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid #ffffff0c}.qx-generation-timing-detail dt{color:#a7b5ca;flex-shrink:0}.qx-generation-timing-detail dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.qx-generation-timing-detail p{margin:8px 0 0;color:#93a5bf;font-size:10px}
.qx-timing-loading{padding:5px 8px;color:#99abc4}.qx-timing-loading button{font:inherit;color:inherit;background:#1c2a3f;border:1px solid #41516a;border-radius:7px;padding:5px 8px;cursor:pointer}
.qx-chat-generation-timing{margin:12px 0 6px;font-size:12px}.qx-chat-generation-timing>summary{width:fit-content;max-width:100%;padding:8px 11px;background:#1b283b;color:#c5d2e5;box-sizing:border-box}.qx-chat-generation-timing .qx-generation-timing-detail{width:100%;max-width:460px}.qx-chat-generation-timing .qx-timing-phase{font-size:11px}.qx-chat-generation-timing .qx-timing-total{font-size:11px}
.message-generation-loading.is-saving{border-color:#846d44;background:linear-gradient(135deg,#292416,#1a2638)}.message-generation-loading.is-saving strong{color:#f3d899}
.frame-capture-actions{gap:8px;flex-wrap:wrap}.frame-capture-actions button{min-height:36px}.frame-capture-empty{line-height:1.6}
@media(max-width:600px){.qx-chat-generation-timing>summary{width:100%;row-gap:4px}.qx-chat-generation-timing time{width:100%}.qx-generation-timing-detail{font-size:11px}.frame-capture-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.frame-capture-actions button{width:100%;white-space:normal}.frame-capture-actions .primary{grid-column:1/-1}.qx-node-generation-timing>summary{row-gap:3px}}

.frame-capture-loading{margin:8px 0;color:#9eafc7;font-size:12px;line-height:1.6}

.qx-node-generation-timing .qx-generation-timing-detail{max-width:100%}