/* Only the native browser surface and its optional chat sibling wrapper. */
.ct-native-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:22px;align-items:start}
.ct-native-split>*{min-width:0}
.ct-native-split:has(>.ct-native-pane:is(.is-maximized,.is-collapsed)){grid-template-columns:minmax(0,1fr)}
.ct-native-split:has(>.ct-native-pane.is-maximized)>.ct-chat-panel{display:none}
.ct-native-split>.ct-native-pane.is-maximized{grid-column:1/-1}
.ct-native-split>.ct-native-pane.is-collapsed{grid-row:1}
.ct-native-split>.ct-chat-panel{display:flex;flex-direction:column;height:clamp(460px,65vh,740px);box-sizing:border-box}
.ct-chat-panel .ct-chat-log{flex:1;min-height:0;max-height:none;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px}
.ct-chat-panel>:not(.ct-chat-log){flex-shrink:0}.ct-chat-panel #chatForm{padding-top:12px;border-top:1px solid var(--ct-line,#ffffff1a)}
.ct-native-pane{min-width:0;overflow:hidden;border:1px solid var(--ct-line,#ffffff1a);border-radius:18px;background:var(--surface,#101217);color:var(--text,#eef0e8);font-family:var(--font,'Instrument Sans',sans-serif)}
.ct-native-heading,.ct-native-toolbar,.ct-native-buttons{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ct-native-heading{padding:18px 20px;border-bottom:1px solid var(--ct-line,#ffffff1a);flex-wrap:wrap}
.ct-native-heading>div{min-width:0}.ct-native-window-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex-shrink:0;margin-left:auto}.ct-native-window-controls button{padding:8px 12px}
.ct-native-heading h2{font-family:var(--heading,'Syne',sans-serif);font-size:20px;line-height:1.3;margin:0}
.ct-native-heading p{color:#bbc2c1;font-size:13px;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere}
.ct-native-content{padding:16px;display:grid;gap:16px}.ct-native-content[hidden]{display:none}
.ct-native-pane button{min-height:44px;padding:10px 14px;border:1px solid #ffffff26;border-radius:10px;color:inherit;background:#ffffff06;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;line-height:1.4;touch-action:manipulation}
.ct-native-pane button:hover:not(:disabled){border-color:#d6ff3f80}.ct-native-pane button:disabled{opacity:.5;cursor:default}
.ct-native-pane .ct-native-primary{background:var(--lime,#d6ff3f);color:#151a0a;border-color:transparent}
.ct-native-pane :is(button,input,select,summary):focus-visible{outline:2px solid var(--lime,#d6ff3f);outline-offset:3px}
.ct-native-state{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.ct-native-state:before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:#9ca4a3}.ct-native-state[data-state=running]:before{background:var(--lime,#d6ff3f)}.ct-native-state[data-state=stopped]:before{background:#ffbd89}.ct-native-note{color:#bbc2c1;font-size:13px;line-height:1.65;margin:0}
.ct-native-toolbar{flex-wrap:wrap;gap:10px}.ct-native-toolbar .ct-native-buttons{margin-left:auto;gap:8px}
.ct-native-buttons{justify-content:flex-start;flex-wrap:wrap}.ct-native-error,.ct-native-pending{font-size:13px;line-height:1.65;margin:0;padding:12px;border-radius:10px;border:1px solid #ffb78455;background:#ffb78409;color:#ffd3b0}
.ct-native-error{border-color:#ff927c66;color:#ffb8a7;background:#ff927c09}
.ct-native-address,.ct-native-form{display:grid;gap:12px}.ct-native-address{grid-template-columns:minmax(0,1fr) auto;align-items:end}.ct-native-form{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-native-form>.ct-native-full,.ct-native-form>button{grid-column:1/-1}.ct-native-pane label{display:grid;gap:7px;min-width:0;font-size:13px;color:#d5d9d3;line-height:1.5}
.ct-native-pane :is(input,select){box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #ffffff30;border-radius:9px;background:#0d1015;color:var(--text,#eef0e8);font-family:inherit;font-size:14px;line-height:1.5}
.ct-native-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px}.ct-native-tabs button{flex:0 0 auto;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-native-tabs button[aria-pressed=true]{border-color:#d6ff3f99;background:#d6ff3f0d}
.ct-native-screen{margin:0;min-width:0;overflow:hidden;border:1px solid #ffffff14;border-radius:12px;background:#06090e}
.ct-native-viewport{position:relative;min-height:clamp(220px,32vh,360px);max-height:min(58vh,620px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff35 #06090e}
.ct-native-screen img{display:block;width:100%;height:auto;object-fit:contain;object-position:top}
.ct-native-pane.is-maximized .ct-native-viewport{max-height:72vh;min-height:clamp(280px,48vh,560px)}
.ct-native-empty{min-height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;padding:24px;box-sizing:border-box}.ct-native-empty strong{font-size:14px;font-weight:500}.ct-native-empty p{max-width:34ch}.ct-native-screen figcaption{padding:10px 12px;font-size:11px;border-top:1px solid #ffffff14}.ct-native-updating{position:sticky;bottom:12px;display:table;margin:0 auto 12px;padding:8px 12px;border:1px solid #ffffff26;border-radius:10px;background:#101217ed;font-size:12px}
.ct-native-interaction{border-top:1px solid var(--ct-line,#ffffff1a);padding-top:8px}.ct-native-pane summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px;line-height:1.5;color:#d8dfd1}.ct-native-interaction[open]{display:grid;gap:12px}
.ct-native-pane pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;color:#d5d9d3;background:#090d11;border:1px solid #ffffff16;border-radius:9px;padding:12px;font-size:12px;line-height:1.65}
@media(max-width:980px){.ct-native-split{grid-template-columns:1fr}.ct-native-split>.ct-chat-panel{height:clamp(400px,60vh,620px)}.ct-native-pane{width:100%}.ct-native-viewport{max-height:52vh}}
@media(max-width:620px){.ct-native-heading{padding:16px}.ct-native-heading h2{font-size:18px}.ct-native-content{padding:14px}.ct-native-pane :is(input,select){font-size:16px}.ct-native-heading button{max-width:145px}.ct-native-toolbar .ct-native-buttons{margin-left:0;flex:1;justify-content:flex-end}.ct-native-address,.ct-native-form{grid-template-columns:minmax(0,1fr)}.ct-native-address>button{width:100%}.ct-native-viewport{min-height:180px}.ct-native-empty{padding:20px}}