.p-harness-v2__layout { --p-harness-ink:#182131; --p-harness-muted:#6f7a8d; --p-harness-line:#dde3eb; display:grid; grid-template-columns:minmax(400px, .60fr) minmax(0, 1fr); gap:18px 20px; width:min(1280px, 100%); margin:0 auto; background:transparent; padding: 72px 0 80px; }

.p-harness-v2__intro { display:flex; min-width:0; min-height:660px; height:clamp(660px, calc(100dvh - 180px), 780px); overflow:hidden; flex-direction:column; padding:20px;  background:#fff; color:var(--p-harness-ink); }

.p-harness-v2__eyebrow { display:block; margin-bottom:17px; color:var(--deep-wave); font-weight:700; line-height:1; letter-spacing:.14em; }
.p-harness-v2__intro h1 { max-width:100%; font-size:clamp(28px, 2.5vw, 38px); font-weight:700; line-height:1.2; letter-spacing:-.04em; text-wrap:balance; }
.p-harness-v2__intro > div > p { max-width:310px; margin-top:18px; color:var(--p-harness-muted); font-size:var(--font-sm); line-height:1.8; word-break:keep-all; }
.p-harness-v2__intro > ul { display:flex; margin:32px 0 0; padding:0; border-top:1px solid var(--p-harness-line); flex-direction:column; list-style:none; }
.p-harness-v2__intro > ul > li { display:grid; grid-template-columns:48px minmax(0, 1fr); gap:15px; align-items:center; padding:22px 0; border-bottom:1px solid var(--p-harness-line); }
.p-harness-v2__intro li > .material-symbols-outlined { display:flex; width:48px; height:48px; align-items:center; justify-content:center; border:1px solid #dbe4f2; border-radius:10px; background:#f4f7fc; color:var(--deep-wave); font-size:22px; }
.p-harness-v2__intro li > span:last-child { display:flex; min-width:0; flex-direction:column; }
.p-harness-v2__intro li strong { color:var(--p-harness-ink); font-size:14px; font-weight:700; line-height:1.4; }
.p-harness-v2__intro li small { margin-top:5px; color:var(--p-harness-muted); line-height:1.55; word-break:keep-all; }
.p-harness-v2__model { display:flex; align-items:center; gap:6px; padding-top:24px; color:#7d8797; line-height:1.5; }

.p-harness-v2__model .material-symbols-outlined { color:var(--deep-wave); font-size:15px; }
.p-harness-v2__sample-mcp { padding:20px 0 0; }
.p-harness-v2__sample-mcp-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.p-harness-v2__sample-mcp-head strong { color:var(--p-harness-ink); font-size:13px; }
.p-harness-v2__sample-mcp-head small { color:#8992a1; font-size:11px; }
.p-harness-v2__sample-mcp ul { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 0; padding:0; list-style:none; }
.p-harness-v2__sample-mcp li { padding:6px 9px; border:1px solid #dbe4f2; border-radius:6px; background:#f4f7fc; color:#536178; font-size:11px; line-height:1.2; }
.p-harness-v2 { min-width:0; min-height:660px; height:clamp(660px, calc(100dvh - 180px), 780px); }
.p-harness-v2__chat { display:flex; min-width:0; height:100%; overflow:hidden; flex-direction:column; border:1px solid var(--p-harness-line); border-radius:14px; background:#fff; }
.p-harness-v2__head { display:flex; min-height:82px; align-items:center; justify-content:space-between; gap:20px; padding:18px 24px; border-bottom:1px solid var(--p-harness-line); }
.p-harness-v2__head h2 { color:var(--p-harness-ink); font-size:18px; font-weight:700; line-height:1.3; letter-spacing:-.025em; }
.p-harness-v2__head p { margin-top:5px; color:var(--p-harness-muted); font-size:12px; line-height:1.5; }
.p-harness-v2__status { display:inline-flex; flex:none; align-items:center; gap:7px; color:#5e6879; font-size:12px; font-weight:600; }
.p-harness-v2__status i { width:7px; height:7px; border-radius:50%; background:var(--jw-gray-300); }
.p-harness-v2__status.is-running i { background:var(--jw-blue-500); }
.p-harness-v2__status.is-waiting_user i, .p-harness-v2__status.is-paused i { background:var(--jw-red-300); }
.p-harness-v2__status.is-completed i { background:var(--jw-green-500); }
.p-harness-v2__status.is-failed i, .p-harness-v2__status.is-cancelled i { background:var(--jw-red-700); }
.p-harness-v2__messages { display:flex; min-height:0; flex:1; overflow-y:auto; flex-direction:column; gap:12px; padding:30px; background:transparent; }
.p-harness-v2__message { max-width:min(76%, 680px); padding:12px 15px; border-radius:12px; font-size:14px; line-height:1.65; white-space:pre-wrap; word-break:break-word; }
.p-harness-v2__message.is-user { align-self:flex-end; border-bottom-right-radius:4px; background:var(--deep-wave); color:#fff; }
.p-harness-v2__message.is-assistant { align-self:flex-start; border-bottom-left-radius:4px; background:#f1f4f8; color:#303746; }
.p-harness-v2__progress { display:inline-flex; min-height:40px; align-self:flex-start; align-items:center; gap:7px; padding:9px 13px; border-radius:11px 11px 11px 4px; background:#f1f4f8; color:#596477; }
.p-harness-v2__progress > .material-symbols-outlined { color:var(--deep-wave); font-size:18px; }
.p-harness-v2__progress strong { font-size:12px; font-weight:600; }
.p-harness-v2__progress small { color:#8791a2; font-family:Consolas, "Courier New", monospace; font-size:10px; }
.p-harness-v2__progress-dots { display:inline-flex; align-items:center; gap:3px; margin-left:1px; }
.p-harness-v2__progress-dots i { width:4px; height:4px; border-radius:50%; background:var(--jw-blue-400); animation:p-harness-progress 1.1s infinite ease-in-out; }
.p-harness-v2__progress-dots i:nth-child(2) { animation-delay:.15s; }
.p-harness-v2__progress-dots i:nth-child(3) { animation-delay:.3s; }
.p-harness-v2__empty { display:flex; min-height:100%; align-items:center; justify-content:center; flex-direction:column; padding:32px 20px; color:var(--p-harness-muted); text-align:center; }
.p-harness-v2__empty > .material-symbols-outlined { display:flex; width:48px; height:48px; align-items:center; justify-content:center; margin-bottom:15px; border:1px solid #dbe4f2; border-radius:12px; background:#f4f7fc; color:var(--deep-wave); font-size:23px; }
.p-harness-v2__empty strong { color:#343b48; font-size:14px; font-weight:600; }
.p-harness-v2__empty p { max-width:330px; margin-top:7px; font-size:12px; line-height:1.65; word-break:keep-all; }
.p-harness-v2__composer { padding:15px 20px 19px; border-top:1px solid var(--p-harness-line); background:#fff; }
.p-harness-v2__composer-info { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:9px; }
.p-harness-v2__composer-info label { color:#4a5362; font-size:12px; font-weight:600; }
.p-harness-v2__composer-info small { color:#8992a1; line-height:1.4; text-align:right; }
.p-harness-v2__composer > div:last-child { display:flex; align-items:flex-end; gap:10px; }
.p-harness-v2__composer .jw-textarea { min-height:50px; max-height:132px; padding:13px 14px; resize:none; line-height:1.5; }
.p-harness-v2__composer .jw-button { --jwbutton-height:50px; min-width:82px; padding:0 17px; }
.p-harness-v2__composer .jw-button .material-symbols-outlined { font-size:18px; }
.p-harness-v2__composer .p-harness-v2__voice { min-width:50px; width:50px; padding:0; border-color:#d1d7e0; background:#fff; color:var(--deep-wave); box-shadow:none; }
.p-harness-v2__composer .p-harness-v2__voice:hover { border-color:var(--jw-blue-300); background:var(--jw-blue-100); }
.p-harness-v2__composer .p-harness-v2__voice .material-symbols-outlined { font-size:20px; line-height:1; }
.p-harness-v2__privacy { display:flex; grid-column:2; align-items:center; gap:6px; margin:0; color:#858e9c; line-height:1.5; text-align:center; }
.p-harness-v2__privacy .material-symbols-outlined { font-size:14px; }

@keyframes p-harness-progress {
	0%, 60%, 100% { opacity:.35; transform:translateY(0); }
	30% { opacity:1; transform:translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
	.p-harness-v2__progress-dots i { animation:none; }
}

@media (max-width: 1000px) {
	.p-harness-v2__layout { grid-template-columns:1fr; }
	.p-harness-v2__intro { min-height:0; height:auto; }
	.p-harness-v2__intro h1, .p-harness-v2__intro > div > p { max-width:680px; }
	.p-harness-v2__intro > ul { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0 20px; }
	.p-harness-v2 { height:auto; }
	.p-harness-v2__chat { min-height:600px; }
	.p-harness-v2__privacy { grid-column:1; }
}

@media (max-width: 700px) {
	.p-harness-v2__intro { padding:30px 20px; border-radius:12px; }
	.p-harness-v2__intro h1 { font-size:30px; }
	.p-harness-v2__intro > div > p { margin-top:16px; }
	.p-harness-v2__intro > ul { display:flex; margin-top:26px; }
	.p-harness-v2__intro > ul > li { padding:18px 0; }
	.p-harness-v2 { min-height:0; }
	.p-harness-v2__chat { min-height:540px; border-radius:12px; }
	.p-harness-v2__head { min-height:72px; padding:14px 16px; }
	.p-harness-v2__head p { display:none; }
	.p-harness-v2__messages { padding:20px 14px; }
	.p-harness-v2__message { max-width:90%; }
	.p-harness-v2__composer { padding:12px; }
	.p-harness-v2__composer-info { align-items:flex-start; flex-direction:column; gap:3px; }
	.p-harness-v2__composer-info small { text-align:left; }
	.p-harness-v2__composer > div:last-child { gap:8px; }
	.p-harness-v2__composer .jw-button { min-width:50px; width:50px; padding:0; }
	.p-harness-v2__composer #btnSend span:last-child { display:none; }
	.p-harness-v2__privacy { align-items:flex-start; padding:0 12px; }
}