@layer components{.frame{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-secondary);box-shadow:var(--shadow-modal), 0 0 0 1px color-mix(in srgb, var(--color-text-primary) 3%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-text-primary) 6%, transparent);position:relative;overflow:hidden}.chrome{align-items:center;gap:var(--spacing-3);border-bottom:1px solid var(--l-line);background:var(--color-bg-secondary);height:40px;padding:0 14px;display:flex}.dots{gap:6px;display:flex}.dots i{border-radius:var(--radius-full);background:var(--color-border-hover);width:10px;height:10px}.url{border-radius:var(--radius-sm);background:var(--color-bg-primary);max-width:440px;height:26px;font:var(--text-caption) var(--font-mono);color:var(--color-text-muted);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;margin:0 auto;display:flex;overflow:hidden}.url .ico{width:11px;height:11px}.chrome .bal{flex:none;width:46px}.vp{position:relative;overflow:hidden}.app{border-radius:var(--radius-xl);background:var(--color-bg-chrome);border:1px solid var(--color-border);box-shadow:var(--shadow-modal), 0 0 0 1px color-mix(in srgb, var(--color-text-primary) 3%, transparent);font-size:var(--text-body-sm);position:relative;overflow:hidden}.app-top{align-items:center;gap:10px;height:46px;padding:0 14px 0 12px;display:flex}.app-top .lg{flex:none;width:24px;height:24px;margin-right:18px}.crumbs{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.crumbs .ico{width:12px;height:12px;color:var(--color-text-muted)}.crumbs b{color:var(--color-text-primary);font-weight:var(--font-semibold)}.top-r{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:10px;margin-left:auto;display:flex}.envp{border:1px solid var(--color-border);border-radius:var(--radius-md);height:28px;font-size:var(--text-xs);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.envp .ico,.modelp .ico{width:13px;height:13px}.modelp{font-size:var(--text-xs);align-items:center;gap:6px;display:inline-flex}.modelp small{color:var(--color-text-muted)}.top-r .gear,.bell .ico{width:15px;height:15px}.bell{display:inline-grid;position:relative}.bell b{border-radius:var(--radius-full);background:var(--color-primary);min-width:15px;height:15px;color:var(--color-text-on-accent);font-size:var(--text-2xs);place-items:center;padding:0 3px;display:grid;position:absolute;top:-6px;right:-6px}.ava{font-size:var(--text-xs);align-items:center;gap:6px;display:inline-flex}.ava i{border-radius:var(--radius-full);width:24px;height:24px;font-style:normal;font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-primary-text);border:1.5px solid var(--color-primary-400);background:var(--color-bg-primary-tint-10);place-items:center;display:grid}.app-body{grid-template-columns:52px minmax(0,1fr);display:grid}.app-body.with-side{grid-template-columns:52px minmax(0,1fr) 360px}.rail{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:6px;padding:4px 0 12px;display:flex}.rail .home-ico{margin:6px 0}.rail .pj{border-radius:var(--radius-md);background:var(--color-bg-primary-tint-15);width:32px;height:32px;color:var(--color-primary-text);font-weight:var(--font-semibold);font-size:var(--text-xs);border:1px solid var(--color-border-primary-tint-28);place-items:center;display:grid}.rail .sw{border-radius:var(--radius-md);background:var(--color-bg-hover-layer);flex-direction:column;gap:2px;margin:6px 0;padding:3px;display:flex}.rail .sw span{border-radius:var(--radius-sm);place-items:center;width:26px;height:24px;display:grid}.rail .sw span.on{background:var(--color-bg-elevated);color:var(--color-text-primary)}.rail .sw .ico{width:13px;height:13px}.rail>span{border-radius:var(--radius-md);place-items:center;width:34px;height:34px;display:grid}.rail>span.on{background:var(--color-bg-primary-tint-15);color:var(--color-primary-text)}.canvas{background:var(--color-bg-primary);border-top-left-radius:var(--radius-xl);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);position:relative;overflow:hidden}.fab{border-radius:var(--radius-full);background:var(--color-primary);width:40px;height:40px;color:var(--color-text-on-accent);box-shadow:var(--shadow-primary-glow);z-index:6;place-items:center;display:grid;position:absolute;bottom:16px;right:16px}.fab .ico{width:18px;height:18px}.glass{background:var(--glass-bg-heavy);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media (width<=1100px){.app-body.with-side{grid-template-columns:52px minmax(0,1fr) 320px}}@media (width<=760px){.app-body,.app-body.with-side{grid-template-columns:minmax(0,1fr)}.rail{display:none}.canvas{border-left:0;border-top-left-radius:0}.top-r .modelp,.top-r .gear,.top-r .ava span,.crumbs .hide-m{display:none}}.pill{border-radius:var(--radius-full);height:22px;font-size:var(--text-caption);font-weight:var(--font-medium);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.pill:before{content:"";border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.pill.ok,.pill.run{color:var(--color-success-text);background:var(--color-success-bg);border-color:var(--color-border-success)}.pill.run:before{animation:var(--animation-pulse-dot)}.pill.wait{color:var(--color-warning-text);background:var(--color-warning-bg);border-color:var(--color-border-warning)}.pill.err{color:var(--color-error-text);border-color:var(--color-border-error);background:0 0}.pill.mute{color:var(--color-text-muted);background:var(--color-bg-hover-layer);border-color:var(--color-border)}.meter{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.meter i{background:color-mix(in srgb, currentColor 25%, transparent);transform-origin:bottom;border-radius:1px;width:3px}.meter i:first-child{height:5px}.meter i:nth-child(2){height:8px}.meter i:nth-child(3){height:11px}.meter[data-v="1"] i:nth-child(-n+1),.meter[data-v="2"] i:nth-child(-n+2),.meter[data-v="3"] i:nth-child(-n+3){background:color-mix(in srgb, currentColor 70%, transparent)}.segbar{gap:3px;display:flex}.segbar i{border-radius:var(--radius-full);background:var(--color-bg-active-layer);height:4px;transition:background-color var(--d-3);flex:1}.segbar i.done{background:var(--color-primary)}.segbar i.cur{background:var(--color-primary-300)}.segbar i.fail{background:var(--color-error)}.segbar i.wait{background:var(--color-warning)}.mbar{border-radius:var(--radius-full);background:var(--color-bg-active-layer);vertical-align:middle;width:64px;height:4px;display:inline-block;overflow:hidden}.mbar i{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--p,0));background:var(--color-primary-400);transition:transform var(--d-3);display:block}.minseg{border-radius:var(--radius-md);background:var(--color-bg-hover-layer);font-size:var(--text-caption);padding:2px;display:inline-flex}.minseg span{border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background-color var(--d-2), color var(--d-2);padding:4px 10px}.minseg span.on{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-segmented-active)}.scard{border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);font-size:var(--text-body-sm);padding:12px}.pb-h{align-items:flex-start;gap:10px;display:flex}.pb-h .pi{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-primary) 45%, transparent);background:var(--color-bg-primary-tint-10);width:30px;height:30px;color:var(--color-primary-text);flex:none;place-items:center;display:grid}.pb-h .pi .ico{width:13px;height:13px}.pb-h small{font:var(--text-micro) var(--font-mono);color:var(--color-text-muted);display:block}.pb-h b{font-weight:var(--font-semibold)}.pb-h .md{border-radius:var(--radius-full);background:var(--color-bg-hover-layer);height:20px;font-size:var(--text-micro);color:var(--color-text-secondary);align-items:center;margin-top:4px;padding:0 8px;display:inline-flex}.pb-h .ics{color:var(--color-text-muted);gap:10px;margin-left:auto;display:flex}.pb-h .ics .ico{width:13px;height:13px}.pb-p{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin:12px 0 6px;display:flex}.pb-p b{color:var(--color-text-primary)}.pb-cur{border-radius:var(--radius-md);background:var(--color-bg-hover-layer);font-weight:var(--font-medium);align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.pb-cur .ti{border-radius:var(--radius-sm);background:var(--color-bg-active-layer);width:26px;height:26px;color:var(--color-text-secondary);flex:none;place-items:center;display:grid}.pb-cur .ti .ico{width:13px;height:13px}.pb-er{font-size:var(--text-xs);margin-top:10px}.pb-er small{color:var(--color-text-muted);margin-bottom:6px;display:block}.pb-er .er{align-items:center;gap:8px;display:flex}.pb-f{gap:6px;margin-top:12px;display:flex}.pb-f span{border-radius:var(--radius-md);height:30px;font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-bg-hover-layer);color:var(--color-text-secondary);align-items:center;gap:5px;padding:0 10px;display:inline-flex}.pb-f .ico{width:12px;height:12px}.pb-f .fl{background:var(--color-bg-error-tint);color:var(--color-error-text);margin-left:auto}.pb-f .nx{background:var(--color-primary);color:var(--color-text-on-accent)}.pb-done{border-radius:var(--radius-md);background:var(--color-success-bg);border:1px solid var(--color-border-success);color:var(--color-success-text);font-size:var(--text-xs);font-weight:var(--font-medium);align-items:center;gap:8px;margin-top:10px;padding:10px;display:flex}.pb-done .ico{stroke-width:2.6px;width:14px;height:14px}.vbadge{border-radius:var(--radius-full);height:22px;font-size:var(--text-caption);font-weight:var(--font-semibold);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;padding:0 8px;display:inline-flex}.vbadge .ico{stroke-width:2.8px;width:11px;height:11px}.vbadge.ok{background:var(--color-success-bg);border:1px solid var(--color-border-success);color:var(--color-success-text)}.vbadge.wait{background:var(--color-bg-hover-layer);color:var(--color-text-muted)}.srow{border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--l-line);transition:grid-template-rows var(--d-3) var(--ease-out), opacity var(--d-3), transform var(--d-3) var(--ease-out), border-color var(--d-2);grid-template-rows:auto 0fr;display:grid;overflow:hidden}.srow[data-in="0"]{opacity:0;transform:translateY(6px)}.srow.open{border-color:var(--color-border-hover);grid-template-rows:auto 1fr}.srow-h{align-items:center;gap:9px;padding:8px 10px;display:flex}.srow-h .nc2{border-radius:var(--radius-full);width:22px;height:22px;font-size:var(--text-micro);font-weight:var(--font-semibold);background:var(--color-bg-hover-layer);color:var(--color-text-secondary);flex:none;place-items:center;display:grid;position:relative}.srow-h .nc2:after{content:"";border-radius:var(--radius-full);background:var(--color-success);width:7px;height:7px;box-shadow:0 0 0 2px var(--color-bg-secondary);position:absolute;top:-1px;right:-1px}.srow-h .ty{color:var(--color-text-muted);display:inline-grid}.srow-h .ty .ico{width:13px;height:13px}.srow-h .nm{flex:1;min-width:0;line-height:1.3}.srow-h .nm small{color:var(--color-text-muted);font-size:var(--text-micro);display:block}.newc,.lock{font-size:var(--text-micro);border-radius:var(--radius-full);padding:1px 6px}.newc{background:var(--color-bg-primary-tint-15);color:var(--color-primary-text)}.lock{background:var(--color-bg-hover-layer);color:var(--color-text-secondary)}.srow-x{min-height:0;overflow:hidden}.srow-x>div{flex-direction:column;gap:8px;padding:0 10px 10px;display:flex}.elc{border-radius:var(--radius-md);background:var(--color-bg-hover-layer);font-size:var(--text-xs);align-items:center;gap:8px;padding:9px;display:flex}.elc .et{border-radius:var(--radius-sm);background:var(--color-bg-primary-tint-15);width:24px;height:24px;color:var(--color-primary-text);place-items:center;display:grid}.elc .et .ico{width:13px;height:13px}.elc small{color:var(--color-success-text);font-size:var(--text-micro);align-items:center;gap:4px;display:flex}.elc small:before{content:"";border-radius:var(--radius-full);background:var(--color-success);width:6px;height:6px}.erh{font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:var(--font-medium);justify-content:space-between;display:flex}.erh span{color:var(--color-primary-text);font-weight:var(--font-medium);align-items:center;gap:3px;display:inline-flex}.erh .ico{width:11px;height:11px}.chk{font-size:var(--text-xs);border-radius:var(--radius-md);border:1px solid var(--l-line);transition:opacity var(--d-3), transform var(--d-3) var(--ease-out);align-items:flex-start;gap:8px;padding:8px;display:flex}.chk[data-in="0"]{opacity:0;transform:translateY(4px)}.chk>.ico{width:13px;height:13px;color:var(--color-text-muted);margin-top:1px}.chk small{color:var(--color-text-muted);font:var(--text-micro) var(--font-mono);display:block}.chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chips span{border-radius:var(--radius-md);border:1px solid var(--color-border);height:26px;font-size:var(--text-caption);color:var(--color-text-secondary);align-items:center;gap:5px;padding:0 10px;display:inline-flex}.chips span.on{background:var(--color-bg-primary-tint-15);border-color:color-mix(in srgb, var(--color-primary) 40%, transparent);color:var(--color-primary-text)}.chips .ico{width:11px;height:11px}.lst{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.lr{border-top:1px solid var(--l-line);font-size:var(--text-xs);grid-template-columns:30px minmax(0,1fr) 120px 60px 92px;align-items:center;gap:12px;padding:10px 12px;display:grid}.lr:first-child{border-top:0}.lr.compact{grid-template-columns:28px minmax(0,1fr) 108px;gap:10px;padding:9px 10px}.kt{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-hover-layer);place-items:center;width:30px;height:30px;display:grid}.lr.compact .kt{width:28px;height:28px}.kt .ico{width:14px;height:14px}.kt.ma{color:var(--color-accent-scenario)}.kt.sw{color:var(--color-primary-text)}.kt.at{color:var(--color-info-text)}.kt.tr{color:var(--color-text-secondary)}.lr .nm b{font-weight:var(--font-semibold);font-size:var(--text-body-sm);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lr.compact .nm b{font-size:var(--text-xs)}.lr .nm small{color:var(--color-text-muted);font-size:var(--text-caption);white-space:nowrap;align-items:center;gap:6px;display:flex}.lr .who{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:6px;display:flex}.lr .who i{border-radius:var(--radius-full);width:20px;height:20px;font-style:normal;font-size:var(--text-2xs);font-weight:var(--font-semibold);background:var(--color-bg-elevated);place-items:center;display:grid}.lr .tm{text-align:right;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;line-height:1.3}.lr .tm small{color:var(--color-text-muted);font-size:var(--text-micro);display:block}.lr .lst-st{text-align:right}@media (width<=1100px){.lr{grid-template-columns:30px minmax(0,1fr) 92px}.lr .who,.lr .tm{display:none}}.chat{background:var(--color-bg-primary);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);flex-direction:column;min-height:0;display:flex;position:relative}.ch-h{border-bottom:1px solid var(--l-line);flex:none;align-items:center;gap:10px;height:50px;padding:0 12px;display:flex}.ch-h .ico{width:15px;height:15px;color:var(--color-text-muted)}.ch-h .lt2{border-radius:var(--radius-md);background:var(--color-bg-primary-tint-15);width:28px;height:28px;color:var(--color-primary-text);place-items:center;display:grid}.ch-h .lt2 .ico{color:inherit}.ch-h b{font-size:var(--text-body-sm);line-height:1.2;display:block}.ch-h small{font-size:var(--text-micro);color:var(--color-text-muted)}.ch-h .r{gap:12px;margin-left:auto;display:flex}.ch-body{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;min-height:0;padding:14px 12px;display:flex;overflow:hidden}.ch-body>*{transition:opacity var(--d-3) var(--ease-out), transform var(--d-3) var(--ease-out)}.ch-body>[data-in="0"]{opacity:0;transform:translateY(8px)}.by2{font-size:var(--text-xs);font-weight:var(--font-medium);align-items:center;gap:6px;display:flex}.by2 .ico{width:13px;height:13px;color:var(--color-primary-text)}.by2 em{color:var(--color-text-muted);font-style:normal;font-weight:var(--font-normal)}.msg-a2{font-size:var(--text-body-sm);line-height:1.5}.ubub{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);background:var(--color-bg-primary-tint-10);border:1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);max-width:88%;font-size:var(--text-body-sm);align-self:flex-end;min-height:38px;padding:9px 12px;line-height:1.5}.strip{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--color-border);background:var(--color-bg-card);font-size:var(--text-xs);transition:opacity var(--d-2);border-bottom:0;align-items:center;gap:8px;margin:0 10px;padding:9px 12px;display:flex}.strip .ico{width:13px;height:13px;color:var(--color-primary-text)}.strip .go{font-weight:var(--font-medium);color:var(--color-text-primary);margin-left:auto}.strip.off{opacity:0}.dock{transition:grid-template-rows calc(var(--d-3) * 1.2) var(--ease-out);grid-template-rows:0fr;margin:0 10px;display:grid}.dock>div{min-height:0;overflow:hidden}.dock.on{grid-template-rows:1fr}.comp{border-radius:var(--radius-lg);border:1px solid var(--color-border-hover);background:var(--color-bg-secondary);font-size:var(--text-xs);color:var(--color-text-muted);flex:none;margin:0 10px 10px;padding:10px 10px 8px 12px}.comp-r{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.comp-r+.comp-r{margin-top:4px}.cchip{border-radius:var(--radius-md);height:24px;color:var(--color-text-secondary);background:var(--color-bg-hover-layer);white-space:nowrap;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.cchip .ico{width:11px;height:11px}.cchip.gr{background:var(--color-bg-primary-tint-15);color:var(--color-primary-text);border:1px solid color-mix(in srgb, var(--color-primary) 40%, transparent)}.cchip.ghost{background:0 0}.comp .snd{border-radius:var(--radius-full);background:var(--color-bg-active-layer);width:26px;height:26px;color:var(--color-text-secondary);place-items:center;margin-left:auto;display:grid}.comp .snd .ico{width:12px;height:12px}@media (width<=760px){.chat{border-left:0}}}