.hd-ai-tabhost { min-width: 0; }
.hd-ai-tabhost .wt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr)); gap: 0 var(--ac-gap, 22px); align-items: start; max-width: 1280px; }
.hd-ai-tabhost .wt-card { min-width: 0; }
.hd-ai-tabhost .wt-wide { grid-column: 1 / -1; }
.hd-ai-tabhost .wt-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 12px; }
.hd-ai-tabhost .wt-f { display: flex; flex-direction: column; gap: 5px; margin: 0 0 12px; min-width: 0; }
.hd-ai-tabhost .wt-fl { font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--ac-muted, #6A5A75); }
.hd-ai-tabhost .wt-hint { font-size: 12.5px; color: #6d6e80; }
.hd-ai-tabhost input.wt-in, .hd-ai-tabhost textarea.wt-in, .hd-ai-tabhost select.wt-in {
    width: 100%; box-sizing: border-box; min-width: 0; padding: 8px 10px; font-family: inherit; font-size: 15px; line-height: 1.35; color: var(--ac-ink, #1D070E);
}
.hd-ai-tabhost textarea.wt-in { resize: vertical; }
.hd-ai-tabhost input.wt-in[type=time] { width: auto; padding: 5px 6px; font-size: 14px; }
.hd-ai-tabhost input.wt-in[type=color] { width: 46px; height: 34px; padding: 2px; cursor: pointer; }
.hd-ai-tabhost input.wt-in[type=password] { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 14px; }
.hd-ai-tabhost .wt-fine { margin: 4px 0 0; }
.hd-ai-tabhost .wt-note { margin: 4px 0 8px; min-height: 1.2em; }
.hd-ai-tabhost .wt-note:empty { display: none; }
.hd-ai-tabhost .wt-head-note { font-size: 13px; color: var(--ac-muted, #6A5A75); }
.hd-ai-tabhost .wt-line { margin: 0 0 8px; font-size: 14px; color: var(--ac-slate, #44465E); }
.hd-ai-tabhost .wt-empty { margin: 6px 0; font-size: 14px; color: #6d6e80; list-style: none; }

.hd-ai-tabhost .wt-seg { flex-wrap: wrap; align-self: flex-start; max-width: 100%; }
.hd-ai-tabhost .wt-seg button { font-size: 14px; padding: 6px 14px; cursor: pointer; }
.hd-ai-tabhost .wt-seg button + button { border-left: 1px solid rgba(68, 70, 94, 0.2); }
.hd-ai-tabhost .wt-seg button:focus-visible { outline: 2px solid var(--ac-accent, #7F78C5); outline-offset: -2px; }
.hd-ai-tabhost .wt-seg button[hidden] { display: none; }
.hd-ai-tabhost .wt-switch { position: relative; margin: 2px 0 8px; cursor: pointer; }
.hd-ai-tabhost .wt-switch-t { font-size: 14px; }

.hd-ai-tabhost .wt-badge { display: inline-block; font-size: 12px; padding: 2px 8px; border-radius: 2px; background: #ECEBF2; color: var(--ac-slate, #44465E); white-space: nowrap; }
.hd-ai-tabhost .wt-badge:empty { display: none; }
.hd-ai-tabhost .wt-badge.is-on { background: #E3F1E4; color: #2e7d32; }
.hd-ai-tabhost .wt-badge.is-bad { background: #fdf1f1; color: var(--hd-danger, #c62828); }

.hd-ai-tabhost .wt-confirm { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -4px 0 12px; padding: 10px 12px; background: #FFF8D6; border: 1px solid #EADF9A; border-radius: 2px; }
.hd-ai-tabhost .wt-confirm[hidden] { display: none; }
.hd-ai-tabhost .wt-confirm-t { flex: 1 1 200px; font-size: 14px; color: var(--ac-ink, #1D070E); }
.hd-ai-tabhost .wt-count { display: block; margin: -8px 0 12px; font-size: 12px; text-align: right; color: #6d6e80; }
.hd-ai-tabhost .wt-count.is-high { color: var(--hd-danger, #c62828); }

.hd-ai-tabhost .wt-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px; min-height: 40px; background: #fff; border: 1px solid rgba(68, 70, 94, 0.3); border-radius: 2px; cursor: text; }
.hd-ai-tabhost .wt-chiplist { display: contents; }
.hd-ai-tabhost .wt-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px 2px 9px; font-size: 14px; color: var(--ac-slate, #44465E); background: linear-gradient(to bottom, #fff, #e8e8ef); border: 1px solid rgba(68, 70, 94, 0.3); border-radius: 2px; }
.hd-ai-tabhost .wt-chip-x { border: none; background: none; padding: 0 5px; font: inherit; font-size: 16px; line-height: 1; color: var(--ac-muted, #6A5A75); cursor: pointer; }
.hd-ai-tabhost .wt-chip-x:hover, .hd-ai-tabhost .wt-chip-x:focus-visible { color: var(--hd-danger, #c62828); }
.hd-ai-tabhost .wt-chips input.wt-in { flex: 1 1 120px; width: auto; border: none; box-shadow: none; padding: 4px; }

.hd-ai-tabhost .wt-days { display: flex; flex-direction: column; gap: 4px; }
.hd-ai-tabhost .wt-day { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; padding: 4px 6px; border-radius: 2px; }
.hd-ai-tabhost .wt-day .wt-switch { margin: 0; min-width: 86px; }
.hd-ai-tabhost .wt-day.is-off .wt-span { opacity: 0.45; }
.hd-ai-tabhost .wt-day.is-bad { background: #fdf1f1; }
.hd-ai-tabhost .wt-span { display: inline-flex; align-items: center; gap: 6px; }
.hd-ai-tabhost .wt-dash { color: var(--ac-muted, #6A5A75); }

.hd-ai-tabhost .wt-log { display: flex; flex-direction: column; gap: 8px; max-height: 360px; overflow-y: auto; margin: 0 0 10px; }
.hd-ai-tabhost .wt-log:empty { display: none; }
.hd-ai-tabhost .wt-b { max-width: 80%; padding: 8px 12px; border-radius: 12px; font-size: 14.5px; line-height: 1.4; white-space: pre-wrap; word-wrap: break-word; }
.hd-ai-tabhost .wt-b.is-v { align-self: flex-end; background: var(--ac-slate, #44465E); color: #fff; border-bottom-right-radius: 3px; }
.hd-ai-tabhost .wt-b.is-a { align-self: flex-start; background: #fff; border: 1px solid #E4E4EA; border-bottom-left-radius: 3px; }
.hd-ai-tabhost .wt-b.is-w { align-self: flex-start; background: #fff; border: 1px solid #E4E4EA; color: #8a8b9a; }
.hd-ai-tabhost .wt-b.is-e { align-self: flex-start; background: #fdf1f1; color: var(--hd-danger, #c62828); }
.hd-ai-tabhost .wt-b.is-y { align-self: center; background: #FFF8D6; font-size: 13px; }
.hd-ai-tabhost .wt-b.is-src { align-self: flex-start; padding: 0 4px; margin-top: -4px; font-size: 12.5px; color: #6d6e80; }
.hd-ai-tabhost .wt-ask input.wt-in { flex: 1 1 200px; }

.hd-ai-tabhost .wt-list { list-style: none; margin: 0; padding: 0; max-height: 460px; overflow-y: auto; }
.hd-ai-tabhost .wt-item { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 9px 2px; border-bottom: 1px solid rgba(68, 70, 94, 0.12); }
.hd-ai-tabhost .wt-item:last-child { border-bottom: none; }
.hd-ai-tabhost .wt-item-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.hd-ai-tabhost .wt-item-t { font-size: 15px; font-weight: 500; color: var(--ac-ink, #1D070E); overflow-wrap: anywhere; }
.hd-ai-tabhost a.wt-item-t { color: var(--ac-link, #5B54A6); text-decoration: none; }
.hd-ai-tabhost a.wt-item-t:hover { text-decoration: underline; }
.hd-ai-tabhost .wt-item-s { color: #6d6e80; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hd-ai-tabhost .wt-item-b { font-size: 13.5px; color: #5a5b6c; white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hd-ai-tabhost .wt-item-m { font-size: 12.5px; color: #6d6e80; white-space: nowrap; }
.hd-ai-tabhost .wt-item-a { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; flex: 0 0 auto; }
.hd-ai-tabhost .wt-item .hd-cta-sm { padding: 5px 12px; font-size: 11pt; }
.hd-ai-tabhost .is-armed { color: var(--hd-danger, #c62828); box-shadow: inset 0 0 0 1px var(--hd-danger, #c62828); }
.hd-ai-tabhost .wt-ed { margin: 0 0 12px; padding: 12px; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(68, 70, 94, 0.2); border-left: 3px solid var(--ac-gold, #FFEC64); border-radius: 2px; }
.hd-ai-tabhost .wt-ed[hidden] { display: none; }
.hd-ai-tabhost .wt-ed-h { display: block; margin: 0 0 8px; font-size: 13px; color: var(--ac-muted, #6A5A75); }
.hd-ai-tabhost .wt-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.hd-ai-tabhost .wt-warn { margin: 10px 0 0; padding: 8px 12px; font-size: 13.5px; color: #6b4e00; background: #FFF8D6; border: 1px solid #EADF9A; border-radius: 2px; overflow-wrap: anywhere; }
.hd-ai-tabhost .wt-warn[hidden] { display: none; }
.hd-ai-tabhost .wt-ebody { margin-top: 14px; }
.hd-ai-tabhost .wt-meter { display: flex; flex-direction: column; gap: 6px; margin: 0 0 6px; }
.hd-ai-tabhost .wt-meter[hidden] { display: none; }
.hd-ai-tabhost .wt-meter-t { margin: 6px 0 0; font-size: 14px; color: var(--ac-slate, #44465E); }
.hd-ai-tabhost .wt-keybox { display: flex; flex-direction: column; gap: 8px; }
.hd-ai-tabhost .wt-keyon { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.hd-ai-tabhost .wt-keyon[hidden], .hd-ai-tabhost .wt-keyrow[hidden] { display: none; }
.hd-ai-tabhost .wt-key-hint { color: var(--ac-slate, #44465E); }
.hd-ai-tabhost .wt-keyrow input.wt-in { flex: 1 1 220px; width: auto; }
.hd-ai-tabhost .wt-check { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(68, 70, 94, 0.14); }
.hd-ai-tabhost .wt-check-m { flex: 1 1 200px; font-size: 13.5px; color: #5a5b6c; overflow-wrap: anywhere; }

.hd-ai-tabhost .wt-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(190px, 100%), 1fr)); gap: 14px; }
.hd-ai-tabhost .wt-tile { display: flex; flex-direction: column; gap: 0; padding: 0; font: inherit; text-align: left; cursor: pointer; background: #fff; border: 1px solid var(--ac-rim, rgba(68, 70, 94, 0.4)); border-radius: 2px; box-shadow: 1px 1px 4px rgba(30, 32, 44, 0.12); overflow: hidden; transition: box-shadow .2s ease, transform .2s ease; }
.hd-ai-tabhost .wt-tile:hover { transform: translateY(-1px); box-shadow: 2px 3px 10px rgba(30, 32, 44, 0.2); }
.hd-ai-tabhost .wt-tile:focus-visible { outline: 3px solid var(--ac-lilac, #A99FFC); outline-offset: 2px; }
.hd-ai-tabhost .wt-tile.is-on { box-shadow: 0 0 0 3px var(--ac-gold, #FFEC64), 0 0 0 4px var(--ac-slate, #44465E); }
.hd-ai-tabhost .wt-tile-l { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 8px 10px; border-top: 1px solid rgba(68, 70, 94, 0.15); background: var(--ac-silver, #f2f2f2); }
.hd-ai-tabhost .wt-tile-n { font-size: 15px; color: var(--ac-ink, #1D070E); font-weight: 500; }
.hd-ai-tabhost .wt-tile-on { display: none; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ac-slate, #44465E); background: var(--ac-gold, #FFEC64); padding: 1px 6px; border-radius: 2px; }
.hd-ai-tabhost .wt-tile.is-on .wt-tile-on { display: inline-block; }

.hd-ai-tabhost .wt-mini { position: relative; display: block; height: 200px; background: var(--wt-bg); overflow: hidden; font-family: var(--wt-fb); color: var(--wt-ink); }
.hd-ai-tabhost .wt-mini-panel { position: absolute; left: 12px; right: 44px; top: 12px; bottom: 12px; display: flex; flex-direction: column; background: var(--wt-panel); border: 1px solid var(--wt-line); border-radius: min(var(--wt-r), 14px); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12); overflow: hidden; }
.hd-ai-tabhost .wt-mini-head { display: flex; align-items: center; gap: 6px; padding: 7px 8px; font-family: var(--wt-fh); font-size: 12px; font-weight: 600; }
.hd-ai-tabhost .wt-mini.is-solid .wt-mini-head { background: var(--wt-accent); color: var(--wt-accent-ink); }
.hd-ai-tabhost .wt-mini.is-ruled .wt-mini-head { background: var(--wt-panel); color: var(--wt-ink); border-bottom: 2px solid var(--wt-accent); }
.hd-ai-tabhost .wt-mini.is-glass .wt-mini-head { background: color-mix(in srgb, var(--wt-panel) 70%, transparent); color: var(--wt-ink); border-bottom: 1px solid var(--wt-line); box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wt-accent) 45%, transparent); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.hd-ai-tabhost .wt-mini-av { width: 16px; height: 16px; flex: 0 0 16px; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; border-radius: min(var(--wt-r), 8px); background: var(--wt-accent-ink); color: var(--wt-accent); }
.hd-ai-tabhost .wt-mini.is-ruled .wt-mini-av, .hd-ai-tabhost .wt-mini.is-glass .wt-mini-av { background: var(--wt-accent); color: var(--wt-accent-ink); }
.hd-ai-tabhost .wt-mini-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hd-ai-tabhost .wt-mini-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 5px; padding: 7px; min-height: 0; overflow: hidden; }
.hd-ai-tabhost .wt-mini-b { max-width: 88%; padding: 4px 7px; font-size: 10.5px; line-height: 1.25; border-radius: min(var(--wt-r), 10px); }
.hd-ai-tabhost .wt-mini-b.is-a { align-self: flex-start; background: var(--wt-bg); color: var(--wt-ink); }
.hd-ai-tabhost .wt-mini-b.is-v { align-self: flex-end; background: var(--wt-accent); color: var(--wt-accent-ink); }
.hd-ai-tabhost .wt-mini.is-outlined .wt-mini-b.is-a { background: transparent; border: 1px solid var(--wt-line); }
.hd-ai-tabhost .wt-mini.is-outlined .wt-mini-b.is-v { background: transparent; color: var(--wt-ink); border: 1px solid var(--wt-accent); }
.hd-ai-tabhost .wt-mini-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.hd-ai-tabhost .wt-mini-chip { padding: 2px 7px; font-size: 9.5px; color: var(--wt-ink); border: 1px solid var(--wt-accent); border-radius: min(var(--wt-r), 10px); background: var(--wt-panel); }
.hd-ai-tabhost .wt-mini-in { margin: 0 6px 6px; padding: 4px 6px; font-size: 9.5px; color: var(--wt-muted); border: 1px solid var(--wt-line); border-radius: min(var(--wt-r), 8px); }
.hd-ai-tabhost .wt-mini-launch { position: absolute; right: 8px; bottom: 10px; width: 28px; height: 28px; background: var(--wt-accent); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); }
.hd-ai-tabhost .wt-mini-launch::after { content: ''; position: absolute; left: 8px; top: 9px; width: 12px; height: 9px; border-radius: 2px; background: var(--wt-accent-ink); }
.hd-ai-tabhost .wt-mini-launch.is-circle { border-radius: 50%; }
.hd-ai-tabhost .wt-mini-launch.is-rounded { border-radius: 9px; }
.hd-ai-tabhost .wt-mini-launch.is-square { border-radius: 2px; }

.hd-ai-tabhost .wt-tint { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.hd-ai-tabhost .wt-hex { color: var(--ac-slate, #44465E); }
.hd-ai-tabhost .wt-tint .hd-cta[hidden] { display: none; }

.hd-ai-tabhost .wt-tablebox { overflow-x: auto; }
.hd-ai-tabhost .wt-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.hd-ai-tabhost .wt-table th { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ac-muted, #6A5A75); text-align: left; padding: 4px 8px 6px; border-bottom: 1px solid rgba(68, 70, 94, 0.2); }
.hd-ai-tabhost .wt-table td { padding: 6px 8px; border-bottom: 1px solid rgba(68, 70, 94, 0.1); color: var(--ac-ink, #1D070E); }
.hd-ai-tabhost .wt-table .wt-num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.hd-ai-tabhost .wt-step { overflow-wrap: anywhere; }
.hd-ai-tabhost .wt-pct { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.hd-ai-tabhost .wt-barbox { display: inline-block; width: 70px; height: 6px; background: #e6e7ee; }
.hd-ai-tabhost .wt-bar { display: block; height: 100%; background: var(--ac-accent, #7F78C5); }

.hd-ai-tabhost .wt-cv { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 16px; align-items: start; }
.hd-ai-tabhost .wt-clist { display: flex; flex-direction: column; gap: 6px; max-height: 620px; overflow-y: auto; padding: 2px; }
.hd-ai-tabhost .wt-crow { display: flex; flex-direction: column; gap: 3px; width: 100%; padding: 9px 11px; font: inherit; text-align: left; cursor: pointer; background: #fff; border: 1px solid rgba(68, 70, 94, 0.2); border-left: 3px solid transparent; border-radius: 2px; color: var(--ac-ink, #1D070E); }
.hd-ai-tabhost .wt-crow:hover { border-color: var(--ac-accent, #7F78C5); }
.hd-ai-tabhost .wt-crow.is-handoff { border-left-color: var(--ac-gold, #FFEC64); }
.hd-ai-tabhost .wt-crow.is-staff { border-left-color: var(--ac-accent, #7F78C5); }
.hd-ai-tabhost .wt-crow[aria-pressed="true"] { background: #F3F2FA; border-color: var(--ac-accent, #7F78C5); box-shadow: inset 0 0 0 1px var(--ac-accent, #7F78C5); }
.hd-ai-tabhost .wt-crow-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.hd-ai-tabhost .wt-crow-who { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hd-ai-tabhost .wt-crow-page { color: #6d6e80; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hd-ai-tabhost .wt-crow-meta { font-size: 12.5px; color: #6d6e80; }
.hd-ai-tabhost .wt-state { flex: 0 0 auto; font-size: 11.5px; padding: 1px 7px; border-radius: 2px; background: #ECEBF2; color: var(--ac-slate, #44465E); }
.hd-ai-tabhost .wt-state.is-handoff { background: var(--ac-gold, #FFEC64); color: var(--ac-ink, #1D070E); font-weight: 600; }
.hd-ai-tabhost .wt-state.is-staff { background: var(--ac-slate, #44465E); color: var(--ac-gold, #FFEC64); }
.hd-ai-tabhost .wt-state.is-closed { background: transparent; color: #8a8b9a; box-shadow: inset 0 0 0 1px rgba(68, 70, 94, 0.25); }
.hd-ai-tabhost .wt-cpane { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.hd-ai-tabhost .wt-chead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.hd-ai-tabhost .wt-chead-who { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: 16px; }
.hd-ai-tabhost .wt-chead-who strong { font-weight: 500; overflow-wrap: anywhere; }
.hd-ai-tabhost .wt-csub { margin: 0; font-size: 13px; color: #6d6e80; overflow-wrap: anywhere; }
.hd-ai-tabhost .wt-path { margin: 0; padding: 6px 9px; color: var(--ac-slate, #44465E); background: rgba(255, 255, 255, 0.6); border: 1px dashed rgba(68, 70, 94, 0.25); border-radius: 2px; overflow-wrap: anywhere; }
.hd-ai-tabhost .wt-msgs { display: flex; flex-direction: column; gap: 8px; max-height: 460px; overflow-y: auto; padding: 10px; background: #F6F6F8; border: 1px solid rgba(68, 70, 94, 0.15); border-radius: 2px; }
.hd-ai-tabhost .wt-m { display: flex; flex-direction: column; gap: 2px; max-width: 82%; padding: 7px 11px; border-radius: 10px; font-size: 14.5px; line-height: 1.4; }
.hd-ai-tabhost .wt-m.is-visitor { align-self: flex-start; background: #fff; border: 1px solid #E4E4EA; }
.hd-ai-tabhost .wt-m.is-agent { align-self: flex-end; background: #EFEDFB; border: 1px solid #DCD8F3; }
.hd-ai-tabhost .wt-m.is-staff { align-self: flex-end; background: var(--ac-slate, #44465E); color: #fff; }
.hd-ai-tabhost .wt-m.is-system { align-self: center; max-width: 100%; padding: 2px 6px; background: none; font-size: 12.5px; color: #6d6e80; }
.hd-ai-tabhost .wt-m-who { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: 0.7; }
.hd-ai-tabhost .wt-m-t { white-space: pre-wrap; overflow-wrap: anywhere; }
.hd-ai-tabhost .wt-m-at { font-size: 11px; opacity: 0.6; align-self: flex-end; }
.hd-ai-tabhost .wt-reply { display: flex; align-items: flex-end; gap: 8px; }
.hd-ai-tabhost .wt-reply textarea.wt-in { flex: 1 1 auto; }

.hd-ai-tabhost .wt-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; }
.hd-ai-tabhost .wt-stat { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(68, 70, 94, 0.15); border-radius: 2px; }
.hd-ai-tabhost .wt-stat-n { font-size: 26px; line-height: 1.1; color: var(--ac-slate, #44465E); font-variant-numeric: tabular-nums; }
.hd-ai-tabhost .wt-stat-l { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ac-muted, #6A5A75); }
.hd-ai-tabhost .wt-card[hidden] { display: none; }

@media (max-width: 900px) {
    .hd-ai-tabhost .wt-cv { grid-template-columns: minmax(0, 1fr); }
    .hd-ai-tabhost .wt-clist { max-height: 340px; }
}
@media (max-width: 560px) {
    .hd-ai-tabhost .wt-two { grid-template-columns: minmax(0, 1fr); }
    .hd-ai-tabhost .wt-item { flex-wrap: wrap; }
    .hd-ai-tabhost .wt-item-a { justify-content: flex-start; }
    .hd-ai-tabhost .wt-m, .hd-ai-tabhost .wt-b { max-width: 92%; }
    .hd-ai-tabhost .wt-reply { flex-direction: column; align-items: stretch; }
    .hd-ai-tabhost .wt-barbox { width: 40px; }
    .hd-ai-tabhost .wt-seg button { padding: 6px 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .hd-ai-tabhost .wt-tile { transition: none; }
    .hd-ai-tabhost .wt-tile:hover { transform: none; }
}
.hd-ai-tabhost .wt-tint { align-items: flex-start; }
.gtd{display:flex;flex-direction:column;align-items:center;gap:6px;margin:2px 0;width:196px}
.gtd-face{position:relative;border-radius:50%;touch-action:none;user-select:none;cursor:grab;
  background:radial-gradient(circle at 35% 30%,#FDFEFF 0%,#D9DBE2 38%,#9598A6 100%);
  box-shadow:inset 1px 1px 2px rgba(255,255,255,.95),inset -2px -3px 6px rgba(0,0,0,.35),2px 4px 10px rgba(30,32,44,.35),0 0 0 1px #6E7080}
.gtd-face:active{cursor:grabbing}
.gtd-ring{position:absolute;border-radius:50%;box-sizing:border-box;transition:transform .08s linear;will-change:transform}
.gtd-ring.held{transition:none}
.gtd-paint,.gtd-knurl,.gtd-ticks{position:absolute;inset:0;border-radius:50%;pointer-events:none}
.gtd-ring{box-shadow:inset 0 0 0 1px rgba(30,32,44,.55),inset 1px 2px 3px rgba(255,255,255,.35),inset -1px -2px 4px rgba(0,0,0,.45)}
.gtd-knurl{background:repeating-conic-gradient(rgba(20,22,30,.55) 0 1.1deg,rgba(255,255,255,.55) 1.1deg 2.6deg,rgba(150,152,166,.4) 2.6deg 3.6deg)}
.gtd-ticks{background:repeating-conic-gradient(from -.7deg,rgba(20,22,30,.8) 0 1.4deg,transparent 1.4deg 22.5deg)}
.gtd-sheen{position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at 32% 22%,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 46%),radial-gradient(ellipse at 70% 85%,rgba(0,0,0,.22) 0%,rgba(0,0,0,0) 55%)}
.gtd-index{position:absolute;left:50%;top:-3px;width:0;height:0;transform:translateX(-50%);pointer-events:none;
  border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid #FFEC64;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.gtd-index::after{content:"";position:absolute;left:-1px;top:-1px;width:2px;height:var(--h,60px);background:linear-gradient(#AAA348,rgba(170,163,72,0));opacity:.85}
.gtd-lab{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;font:700 8.5px/12px Consolas,monospace;letter-spacing:.06em;color:#1D070E;
  padding:0 4px;border-radius:2px;background:linear-gradient(180deg,rgba(253,254,255,.92),rgba(200,203,213,.92));box-shadow:0 1px 1px rgba(0,0,0,.35),inset 0 1px 0 #FFF}
.gtd-core{position:absolute;border-radius:50%;padding:0;cursor:pointer;border:2px solid #9598A6;
  background:repeating-conic-gradient(#C8CBD5 0 25%,#FAFAFA 0 50%) 50%/12px 12px;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.8),0 1px 3px rgba(0,0,0,.4)}
.gtd-swatch{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 3px 6px rgba(255,255,255,.35),inset 0 -3px 6px rgba(0,0,0,.25)}
.gtd-fields{width:100%;display:flex;flex-direction:column;gap:4px}
.gtd-row{display:flex;align-items:center;gap:4px}
.gtd-row .k{font-size:10px;letter-spacing:.1em;width:28px;opacity:.8}.gtd-row .k1{font-size:10px;opacity:.75;margin-left:2px}
.gtd-row input{min-width:0;flex:1;font:12px/1 Consolas,monospace;color:#1D070E;padding:4px 5px;border:1px solid rgba(68,70,94,.5);border-radius:2px;background:#FAFAFA;outline:0}
.gtd-row input.n{flex:0 0 32px;text-align:center;padding:4px 2px}
.gtd-row input:focus{border-color:#7F78C5}
.gtd .gtb{width:auto;font:11px Afacad,system-ui,sans-serif;color:#1D070E;background:linear-gradient(180deg,#FDFEFF,#C8CBD5);border:1px solid #44465E;border-radius:2px;padding:3px 8px;cursor:default}
.gtd .gtb:hover{background:linear-gradient(180deg,#FFF7C4,#FFEC64);border-color:#AAA348}
.gtd .gtd-drop{display:inline-flex;align-items:center;justify-content:center}