.trench-interface{--trench-bg: #ffffff;--trench-panel: #f2f2f2;--trench-title: #5c5c5f;--trench-line: #d8d8d8;--trench-text: #111111;--trench-muted: #5f6368;--trench-dim: #8b8b8b;--trench-accent: #111111;--trench-accent-2: #0066cc;--trench-accent-3: #111111;--trench-output: var(--trench-text);--trench-user: var(--trench-text);--trench-prompt-user: var(--trench-text);--trench-prompt-assistant: var(--trench-text);--trench-link: #0066cc;--trench-shadow: rgba(0, 0, 0, .24);--trench-control-bg: #f7f7f7;--trench-control-hover: #eeeeee;--trench-control-border: #d4d4d4;--trench-header-bg: linear-gradient(180deg, #f8f8f8, #ececec);--trench-cursor: #9a9a9a;--trench-terminal-font-size: 16px;--trench-terminal-line-height: 1.28;box-sizing:border-box;width:min(860px,calc(100vw - 24px));max-height:min(720px,calc(100svh - 96px));display:grid;grid-template-rows:auto minmax(280px,1fr) auto;overflow:hidden;border:1px solid #b9b9b9;border-radius:14px;background:var(--trench-bg);color:var(--trench-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:var(--trench-terminal-font-size);font-weight:400;line-height:var(--trench-terminal-line-height);box-shadow:0 18px 56px var(--trench-shadow)}.trench-interface--theme-trenchlab{--trench-bg: #050507;--trench-panel: rgba(8, 8, 12, .84);--trench-title: #f3eff6;--trench-line: rgba(243, 239, 246, .14);--trench-text: #f3eff6;--trench-output: rgba(243, 239, 246, .9);--trench-user: #00eefc;--trench-muted: rgba(243, 239, 246, .54);--trench-dim: rgba(243, 239, 246, .32);--trench-accent: #df8eff;--trench-accent-2: #00eefc;--trench-accent-3: #ff6b98;--trench-prompt-user: #00eefc;--trench-prompt-assistant: #df8eff;--trench-link: #b5f3c7;--trench-shadow: rgba(0, 238, 252, .16);--trench-control-bg: rgba(255, 255, 255, .06);--trench-control-hover: rgba(223, 142, 255, .14);--trench-control-border: rgba(243, 239, 246, .18);--trench-header-bg: radial-gradient(circle at 18% 0%, rgba(223, 142, 255, .18), transparent 34%), radial-gradient(circle at 88% 18%, rgba(0, 238, 252, .12), transparent 38%), linear-gradient(180deg, rgba(17, 17, 22, .98), rgba(5, 5, 7, .98));--trench-cursor: #df8eff;border-color:#f3eff638;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;box-shadow:0 18px 56px #0000007a,0 0 0 1px #df8eff14,0 0 44px #00eefc1a}.trench-interface--theme-carbon{--trench-bg: #101312;--trench-panel: #191d1b;--trench-title: #d9dfdc;--trench-line: #2c3430;--trench-text: #dff6e8;--trench-muted: #92a49b;--trench-dim: #5f6f67;--trench-output: #dff6e8;--trench-user: #9bffce;--trench-prompt-user: #9bffce;--trench-prompt-assistant: #72d69d;--trench-link: #72d69d;--trench-shadow: rgba(0, 0, 0, .42);--trench-control-bg: #151a17;--trench-control-hover: #1e2621;--trench-control-border: #344139;--trench-header-bg: linear-gradient(180deg, #2b302d, #1d221f);--trench-cursor: #7ee7a0;border-color:#303832}.trench-interface--theme-amber{--trench-bg: #1b1306;--trench-panel: #251a08;--trench-title: #f0d8a4;--trench-line: #493515;--trench-text: #ffd78a;--trench-muted: #c29c5d;--trench-dim: #80643a;--trench-output: #ffd78a;--trench-user: #ffe5a8;--trench-prompt-user: #ffe08a;--trench-prompt-assistant: #ffbf4d;--trench-link: #ffbf4d;--trench-shadow: rgba(29, 16, 0, .42);--trench-control-bg: #241805;--trench-control-hover: #33240a;--trench-control-border: #5a421a;--trench-header-bg: linear-gradient(180deg, #302515, #21180a);--trench-cursor: #ffbd4f;border-color:#4c3919}.trench-interface *,.trench-interface *:before,.trench-interface *:after{box-sizing:border-box}.trench-interface--inline{width:100%;min-height:560px;max-height:none}.trench-interface--minimized{min-height:0;max-height:none;grid-template-rows:auto}.trench-interface--minimized .trench-interface__messages,.trench-interface--minimized .trench-interface__footer{display:none}.trench-interface--maximized{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:2147483001;width:auto;height:calc(100svh - 24px);max-height:none}.trench-interface-dock{position:fixed;right:20px;bottom:20px;z-index:2147483000;display:grid;justify-items:end;gap:12px}.trench-interface-launcher{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid #c9c9c9;border-radius:10px;background:#fff;color:#111;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 28px #0000002e}.trench-interface-launcher span{color:#5f6368}.trench-interface-launcher--inline{width:100%;justify-content:center}.trench-interface__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:52px;padding:0 14px;border-bottom:1px solid var(--trench-line);background:var(--trench-header-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.trench-interface--inline .trench-interface__header,.trench-interface--maximized .trench-interface__header{cursor:default;touch-action:auto}.trench-interface--dragging,.trench-interface--dragging .trench-interface__header{cursor:grabbing}.trench-interface__window-controls{display:inline-flex;gap:9px}.trench-interface__traffic-light{width:14px;height:14px;padding:0;border:0;border-radius:999px;cursor:pointer;box-shadow:inset 0 0 0 1px #00000024}.trench-interface__traffic-light:nth-child(1){background:#ff5f57}.trench-interface__traffic-light:nth-child(2){background:#ffbd2e}.trench-interface__traffic-light:nth-child(3){background:#28c840}.trench-interface__traffic-light:hover{filter:brightness(1.08) saturate(1.08)}.trench-interface__traffic-light:focus-visible{outline:2px solid var(--trench-accent-2);outline-offset:3px}.trench-interface__title-block{min-width:0;text-align:center}.trench-interface__eyebrow{display:none}.trench-interface h2{margin:0;overflow:hidden;color:var(--trench-title);font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.trench-interface__connection{display:none}.trench-interface__themes{display:inline-flex;align-items:center;gap:2px}.trench-interface__themes button{min-height:22px;padding:0 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--trench-muted);font:inherit;font-size:10px;line-height:1;cursor:pointer}.trench-interface__themes button:hover,.trench-interface__themes button.is-active{border-color:var(--trench-control-border);background:var(--trench-control-bg);color:var(--trench-title)}.trench-interface--theme-trenchlab .trench-interface__themes button:nth-child(1){color:var(--trench-accent)}.trench-interface--theme-trenchlab .trench-interface__themes button:nth-child(2){color:var(--trench-accent-2)}.trench-interface--theme-trenchlab .trench-interface__themes button:nth-child(3){color:#b5f3c7}.trench-interface--theme-trenchlab .trench-interface__themes button:nth-child(4){color:var(--trench-accent-3)}.trench-interface__icon-button{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--trench-muted);cursor:pointer;font:inherit}.trench-interface__messages{min-height:320px;overflow:auto;padding:14px 12px 8px;display:grid;align-content:start;gap:0;background:var(--trench-bg);cursor:text}.trench-interface__message{display:grid;align-items:start;max-width:100%}.trench-interface__message--assistant{grid-template-columns:minmax(0,1fr)}.trench-interface__message--visitor{grid-template-columns:max-content minmax(0,1fr);column-gap:6px}.trench-interface__prompt{color:var(--trench-text);font-size:var(--trench-terminal-font-size);line-height:var(--trench-terminal-line-height);white-space:nowrap}.trench-interface__message--visitor .trench-interface__prompt,.trench-interface__composer label{color:var(--trench-prompt-user)}.trench-interface__message--assistant .trench-interface__prompt,.trench-interface__status span,.trench-interface__error span{color:var(--trench-prompt-assistant)}.trench-interface__message p{margin:0;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--trench-output);font-size:var(--trench-terminal-font-size);font-weight:400;line-height:var(--trench-terminal-line-height)}.trench-interface__message--visitor p{color:var(--trench-user)}.trench-interface__message--visitor p:after,.trench-interface__composer input:focus+.trench-interface__input-cursor{content:""}.trench-interface__status,.trench-interface__error{margin:0;color:var(--trench-text);font-size:var(--trench-terminal-font-size);line-height:var(--trench-terminal-line-height)}.trench-interface__status span,.trench-interface__error span{margin-right:0;color:var(--trench-prompt-assistant)}.trench-interface__cursor{display:inline-block;width:9px;height:1.05em;margin-left:4px;vertical-align:-.16em;background:var(--trench-cursor);animation:trench-cursor-blink 1s steps(2,start) infinite}.trench-interface__decrypt{color:var(--trench-output);text-shadow:0 0 18px color-mix(in srgb,var(--trench-accent) 28%,transparent)}.trench-interface--theme-trenchlab .trench-interface__decrypt{color:#f3eff6}.trench-interface__error a,.trench-interface__footer a{color:var(--trench-link)}.trench-interface__confirm button,.trench-interface__composer button{min-height:30px;border:1px solid var(--trench-control-border);border-radius:6px;background:var(--trench-control-bg);color:var(--trench-text);font:inherit;font-size:12px;cursor:pointer}.trench-interface__confirm button:hover,.trench-interface__composer button:hover{border-color:var(--trench-muted);background:var(--trench-control-hover);color:var(--trench-text)}.trench-interface__confirm{display:flex;gap:8px;padding:0 0 10px;background:var(--trench-bg)}.trench-interface__confirm button{padding:0 12px}.trench-interface__confirm .trench-interface__primary,.trench-interface__composer button{border-color:var(--trench-muted);background:var(--trench-control-hover);color:var(--trench-text);font-weight:700}.trench-interface__composer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0;padding:0;background:var(--trench-bg)}.trench-interface__composer label{margin-right:6px;color:var(--trench-prompt-user);font-size:var(--trench-terminal-font-size);font-weight:400;line-height:var(--trench-terminal-line-height);white-space:nowrap}.trench-interface__input-wrap{position:relative;min-width:0;min-height:24px}.trench-interface__composer input{position:relative;z-index:1;width:100%;min-width:0;min-height:24px;border:0;outline:none;background:transparent;color:var(--trench-text);font:inherit;font-size:var(--trench-terminal-font-size);font-weight:400;line-height:var(--trench-terminal-line-height);padding:0 4px;caret-color:var(--trench-cursor)}.trench-interface__input-hint{position:absolute;inset:0 auto auto 4px;color:var(--trench-muted);font-size:var(--trench-terminal-font-size);line-height:var(--trench-terminal-line-height);pointer-events:none;opacity:.54}.trench-interface__send{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.trench-interface__composer button:disabled,.trench-interface__composer input:disabled{cursor:not-allowed;opacity:.55}.trench-interface__footer{padding:0 5px 12px;color:var(--trench-muted);font-size:13px;background:var(--trench-bg)}@keyframes trench-cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}@media(max-width:720px){.trench-interface{width:min(520px,calc(100vw - 24px));--trench-terminal-font-size: 15px;max-height:calc(100svh - 24px);border-radius:12px}.trench-interface--inline{min-height:min(620px,calc(100svh - 32px))}.trench-interface__message{grid-template-columns:1fr}.trench-interface__message--visitor{grid-template-columns:max-content minmax(0,1fr)}.trench-interface__composer{grid-template-columns:auto minmax(0,1fr)}.trench-interface__header{grid-template-columns:auto minmax(0,1fr) auto}.trench-interface__messages{min-height:280px}}@media(max-width:520px){.trench-interface-dock{right:8px;bottom:8px;left:8px}.trench-interface{width:100%;--trench-terminal-font-size: 14px}.trench-interface--dock{max-height:calc(100svh - 16px)}.trench-interface--inline{min-height:min(600px,calc(100svh - 24px))}.trench-interface__header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;min-height:46px;padding:0 10px}.trench-interface__window-controls{gap:7px}.trench-interface__traffic-light{width:11px;height:11px}.trench-interface h2{font-size:12px}.trench-interface__themes{grid-column:1 / -1;justify-content:flex-start;gap:4px;overflow-x:auto;padding:0 0 8px;scrollbar-width:none}.trench-interface__themes::-webkit-scrollbar{display:none}.trench-interface__themes button{min-height:26px;padding:0 8px}.trench-interface-launcher{width:100%;justify-content:center}.trench-interface__messages{min-height:260px;padding:10px 10px 8px}.trench-interface__message--visitor,.trench-interface__composer{grid-template-columns:1fr}.trench-interface__composer label{margin-right:0}.trench-interface__composer input{padding:0}.trench-interface__input-hint{left:0}.trench-interface__confirm{flex-wrap:wrap}.trench-interface__confirm button{min-height:34px}.trench-interface__footer{padding:0 10px 10px;overflow-wrap:anywhere}}:root{color:#101311;background:#f5f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.demo-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);gap:40px;align-items:center;padding:48px}.demo-copy{max-width:620px}.demo-kicker{margin:0 0 12px;color:#1a7f46;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800;text-transform:uppercase}.demo-copy h1{margin:0;font-size:clamp(44px,7vw,96px);line-height:.95;letter-spacing:0}.demo-copy p{max-width:54ch;color:#3a443d;font-size:18px;line-height:1.55}.demo-snippet{display:grid;gap:6px;max-width:520px;padding:14px;border:1px solid #cad5ce;border-radius:8px;background:#fff}.demo-snippet span{color:#5b6760;font-size:12px;text-transform:uppercase}.demo-snippet code{overflow-wrap:anywhere;color:#101311}.demo-widget{display:grid;align-items:center}@media(max-width:900px){.demo-shell{grid-template-columns:1fr;align-items:start;padding:24px}}
