:root{color-scheme:light;--bg:#fff;--side:#f5f5f5;--text:#272727;--muted:#8b8b8b;--line:#e8e8e8;--hover:#eaeaea;--accent:#202020}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}[hidden]{display:none!important}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:transparent;border:0;border-radius:7px;padding:6px 10px;white-space:nowrap}button:hover{background:var(--hover)}button:disabled{opacity:.35;cursor:default}input,select{border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:9px 11px;outline:none}input{width:100%}input:focus,textarea:focus{outline:none}h1,h2,p{margin-top:0}h2{font-size:14px;font-weight:550;margin-bottom:0}.brand{font-size:15px;letter-spacing:-.4px}.brand b{font-weight:600}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}#auth{max-width:390px;margin:12vh auto;padding:24px}#auth h1{font-size:28px;margin-top:28px}#auth p{color:var(--muted)}label{display:block;margin:16px 0}label input{margin-top:5px}#authform button:first-child,#grant{background:var(--accent);color:white;padding:8px 18px}#console{display:grid;grid-template-columns:248px minmax(0,1fr);height:100dvh}aside{display:flex;flex-direction:column;min-height:0;padding:16px 10px 10px;background:var(--side);border-right:1px solid var(--line)}aside .brand{padding:2px 10px 20px}.section-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;padding:4px 10px}.section-label button{font-size:19px;padding:0 6px;line-height:24px;color:#555}#devices{max-height:170px;overflow-y:auto;margin-bottom:10px}.device{display:flex;width:100%;align-items:center;gap:8px;text-align:left;font-size:12px;padding:7px 10px}.device-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.device small{font-size:10px;color:var(--muted)}.online{color:#408d64;font-size:8px}.offline{color:#b0b0b0;font-size:8px}.selected{background:#e5e5e5}#search{font-size:12px;padding:6px 10px;background:transparent;margin:0 0 10px;border:0}#search:focus{background:#fff}#threads{flex:1;min-height:0;overflow-y:auto}.thread{display:block;width:100%;text-align:left;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 10px;margin:1px 0}footer{border-top:1px solid var(--line);padding:10px 6px 0;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#777}footer button{font-size:11px}article{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;height:100dvh}header{flex-shrink:0;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px;border-bottom:1px solid #f2f2f2}.heading{min-width:0}header h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}small{font-size:11px;color:var(--muted)}#shareToggle{font-size:12px;border:1px solid var(--line)}#messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px max(28px,calc((100% - 820px)/2));scrollbar-gutter:stable}.message{margin:0 0 24px;line-height:1.8;overflow-wrap:anywhere;font-size:14px}.message .body{white-space:pre-wrap}.userMessage{margin-left:auto;background:#f3f3f3;padding:10px 16px;border-radius:18px;max-width:85%;width:fit-content}.agentMessage{padding:0 3px}.label{font-size:10px;color:#999;margin-bottom:4px}.userMessage .label{display:none}.run-record{color:#8c8c8c;font-size:11px;margin:-12px 0 20px}.run-record summary{cursor:pointer;list-style:none}.run-record summary:before{content:'› ';}.run-record[open] summary:before{content:'⌄ '}.run-record p{margin:5px 0 0 12px}.empty{text-align:center;color:#aaa;padding:18vh 0}.empty>div{font-size:34px;color:#555}.empty h2{font-size:22px;font-weight:500;color:#555;margin:12px 0 6px}.empty p{font-size:12px}.composer-wrap{flex-shrink:0;width:100%;max-width:880px;margin:auto;padding:10px 28px 12px}#composer{border:1px solid #dedede;background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 3px 14px #00000005}textarea{display:block;width:100%;resize:none;max-height:180px;min-height:46px;line-height:1.6;border:0;background:transparent;padding:0 2px}textarea::placeholder{color:#999}.actions{display:flex;gap:5px}#send{border-radius:10px;background:#262626;color:#fff;font-size:12px}#stop{font-size:11px;color:#777}.composer-note{text-align:center;font-size:10px;color:#aaa;margin-top:7px}#toBottom{position:absolute;bottom:162px;left:50%;transform:translateX(-50%);border:1px solid #ddd;background:#fff;box-shadow:0 2px 10px #0000000d;font-size:11px}#overlay{position:fixed;inset:0;background:#0003;display:flex;align-items:flex-start;justify-content:flex-end;padding:62px 24px;z-index:10}#panel{width:370px;max-width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;box-shadow:0 16px 60px #0002}#closePanel{font-size:22px;padding:0 5px}.hint{font-size:12px;color:#888;margin:16px 0}#sharing .row{margin:10px 0}#shares{max-height:280px;overflow:auto}#shares p{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid #eee;margin:0;padding:9px 0}#shares button{font-size:11px;color:#888}.danger{color:#b74949;font-size:11px;margin-top:14px}#paircode{font-size:12px;overflow-wrap:anywhere;padding-top:14px}#paircode code{display:block;padding:10px;background:#f4f4f4;border-radius:8px;user-select:all}#notice{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#282828;color:#fff;border-radius:9px;padding:9px 18px;display:none;max-width:90vw;font-size:12px;z-index:20}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:5px}@media(max-width:760px){#console{grid-template-columns:190px minmax(0,1fr)}aside{padding:12px 5px}aside .brand{font-size:12px;padding:4px 7px 18px}header{padding:12px 16px}#messages{padding:20px 16px}.composer-wrap{padding:8px 14px 10px}.device small{display:none}}@media(max-width:480px){#console{grid-template-columns:135px minmax(0,1fr)}aside .brand{font-size:10px}.device,.thread{font-size:11px;padding:7px}.composer-note,#permission{display:none}header{padding:10px;flex-wrap:wrap;gap:4px}header h2{max-width:45vw;font-size:12px}#messages{padding:16px 12px}.message{font-size:13px}.composer-wrap{padding:7px}.userMessage{max-width:100%}#shareToggle{font-size:10px;padding:3px 5px}}
#threadScope{font-size:11px;border:0;background:transparent;color:#999;padding:2px 9px 6px;margin-bottom:3px}#contextMenu{position:fixed;z-index:30;background:#fff;border:1px solid #ddd;border-radius:8px;padding:4px;box-shadow:0 6px 24px #0002;min-width:150px}#contextMenu button{width:100%;text-align:left;font-size:12px}
#pair{font-size:12px;border:1px solid var(--line)}.model-controls{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.model-controls select{font-size:11px;color:#777;border:0;background:transparent;padding:3px;max-width:160px}.model-controls select:disabled{opacity:.5}

/* Match the desktop transcript: readable Markdown and one shared content column. */
#messages{padding:28px 32px}.message,.run-record{width:100%;max-width:820px;margin-left:auto;margin-right:auto}.message.agentMessage .body{white-space:normal}.agentMessage>.label{display:none}.message.userMessage{width:fit-content;margin-right:max(0px,calc((100% - 820px)/2));max-width:min(85%,720px)}.body> :first-child{margin-top:0}.body> :last-child{margin-bottom:0}.body p{margin:0 0 18px}.body h1,.body h2,.body h3,.body h4{font-weight:600;line-height:1.5;margin:24px 0 12px}.body h1{font-size:22px}.body h2{font-size:19px}.body h3{font-size:16px}.body ul,.body ol{padding-left:24px;margin:12px 0 20px}.body li{margin:5px 0}.body li p{margin:4px 0}.body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#ececec;border-radius:4px;padding:2px 5px}.body pre{overflow-x:auto;padding:16px;background:#f6f6f6;border:1px solid #eee;border-radius:10px;white-space:pre;line-height:1.55}.body pre code{padding:0;background:none;border-radius:0}.table-scroll{overflow-x:auto;max-width:100%;margin:20px 0 28px}.body table{border-collapse:collapse;width:100%;text-align:left;font-size:inherit}.body th{font-weight:600;border-bottom:1px solid #ddd}.body th,.body td{padding:12px 14px 12px 0;vertical-align:top;min-width:110px}.body td{border-bottom:1px solid #eee}.body tr:last-child td{border-bottom:0}.body a{color:#3768af;text-decoration:none}.body a[href]:hover{text-decoration:underline}.local-reference{cursor:help}.body blockquote{border-left:3px solid #ddd;color:#777;margin:16px 0;padding:0 16px}.body hr{border:0;border-top:1px solid #eee;margin:24px 0}.list-hint{color:#999;font-size:12px;padding:8px 10px}.composer-wrap{max-width:884px}header>.actions{flex-shrink:0}header .heading{flex:1}header h2{max-width:100%}@media(max-width:760px){#messages{padding:20px 16px}.message.userMessage{margin-right:0}.body th,.body td{padding:9px 12px 9px 0}}

#attachments{display:flex;gap:8px;flex-wrap:wrap}#attachments:not(:empty){padding-bottom:10px}.attachment{position:relative;border:1px solid #ddd;border-radius:10px;padding:4px}.attachment img{display:block;width:76px;height:76px;object-fit:contain;border-radius:6px}.attachment button{position:absolute;top:-7px;right:-7px;border:1px solid #ddd;background:white;width:22px;height:22px;padding:0;border-radius:50%;line-height:20px}#addImage{font-size:22px;line-height:1;padding:3px 7px}
.message-image{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;margin-top:8px}