:root{font-family:'Segoe UI',sans-serif;color:#e8edf2;background:#101317;--muted:#84909d;--line:#2b3139;--accent:#82e2c1;--panel:#191e24}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,.button{color:inherit;background:#252c34;border:1px solid #333c46;border-radius:8px;padding:9px 13px;min-height:38px;cursor:pointer;transition:background .16s,border-color .16s}button:hover,.button:hover{background:#35404b;border-color:#52616f}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg,.button svg{width:18px;height:18px;vertical-align:middle;flex-shrink:0}header{height:64px;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--line);background:#171c22}.brand{display:flex;gap:11px;align-items:center;width:180px;flex-shrink:0}.mark{font:38px Georgia;color:var(--accent)}.brand strong{font-size:18px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#7d8996;margin-top:3px}.dot{color:var(--accent)}.header-path{font-size:12px;color:#818d9b}.header-path strong{color:#d5dce3;font-weight:500}.connection{display:flex;align-items:center;gap:8px;font-size:11px;color:#a3b2bd;margin-left:auto}.status-dot{width:6px;height:6px;border-radius:50%;background:#71808f;display:inline-block;flex-shrink:0}.status-dot.ready{background:var(--accent);box-shadow:0 0 0 4px #82e2c10b}header>button{font-size:11px;background:transparent;min-height:34px;padding:6px 10px}main{display:grid;grid-template-columns:196px minmax(400px,1fr) 320px;height:calc(100dvh - 64px);min-height:500px}.source-rail{background:#171c22;border-right:1px solid var(--line);padding:24px 12px;display:flex;flex-direction:column;gap:5px}.rail-label{color:#6e7a88;font-size:9px;font-weight:700;letter-spacing:1.8px;margin:5px 11px 10px}.source-rail button,.source-rail .button{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;border-color:transparent;background:transparent;width:100%;padding:12px 10px}.source-rail button:hover,.source-rail .button:hover{background:#252e37}.source-rail .selected{background:#253b34;color:var(--accent);border:1px solid #335446}.source-rail .spacer{height:22px}.source-rail .native-action{border:1px solid #364c46;background:#20332d;color:#a0eacf}.rail-note{padding:12px 11px;font-size:10px;line-height:1.65;color:#71808d}.rail-bottom{margin-top:auto;padding:15px 10px 0;border-top:1px solid var(--line);font-size:10px;color:#7e8c99;line-height:1.7}.rail-bottom strong{display:block;font-size:12px;color:#d2dae2;font-weight:500}.workspace{display:flex;flex-direction:column;padding:22px 22px 12px;min-width:0;min-height:0;background:#11161b}.page-heading{display:flex;align-items:center;gap:16px;margin-bottom:19px}.title-group .eyebrow{font-size:9px;letter-spacing:1.8px;color:#697d8e}.page-heading h1{margin:6px 0 0;font-size:23px;line-height:1.2;font-weight:550;letter-spacing:-.7px}.page-meta{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:9px;color:#7e8a96}.page-meta button{background:#1c242c;font-size:11px}.toolbar{display:flex;gap:12px;align-items:center;padding:7px;background:#1c232b;border:1px solid #303b45;border-radius:12px;margin-bottom:12px;flex-wrap:wrap}.toolset{display:flex;gap:3px}.toolset button{display:flex;align-items:center;gap:7px;font-size:11px;min-height:39px;border:0;padding:9px 11px;background:transparent;color:#a4b1bd}.toolset button.active{color:#14271f;background:#9ae8ce;box-shadow:0 2px 6px #0003}.colors{display:flex;gap:9px;align-items:center;border-left:1px solid #35414b;padding-left:15px}.swatch{width:21px;height:21px;min-height:21px;border-radius:50%;padding:0;border:2px solid #fff3}.swatch.active{outline:1px solid #b8c7d1;outline-offset:3px}.swatch.green{background:#263b34}.swatch.blue{background:#3269c8}.swatch.coral{background:#d96b4a}.swatch.yellow{background:#e5b942}.width-control{font-size:10px;display:flex;align-items:center;gap:6px;color:#7c8c9a}.width-control input{width:58px;accent-color:var(--accent)}.history-tools{display:flex;margin-left:auto}.history-tools button{padding:7px;background:transparent;border:0;font-size:20px}.stage{flex:1;min-height:160px;overflow:auto;border:1px solid #34404a;border-radius:9px;background:#252e37;padding:22px;scrollbar-width:thin;scrollbar-color:#54616d #252e37}.paper{width:100%;aspect-ratio:2;position:relative;background-color:#fffefa;background-image:radial-gradient(#d6dce0 .75px,transparent .75px);background-size:24px 24px;box-shadow:0 5px 24px #0003;color:#344b55;border-radius:3px;overflow:hidden}.paper canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}#emptyHint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;text-align:center;color:#85939b}#emptyHint[hidden]{display:none}.hint-stroke{font:55px Georgia;color:#9cbbb0;line-height:1}#emptyHint .eyebrow{font-size:9px;letter-spacing:2px;color:#91a19f;margin:13px 0 0}#emptyHint h2{font:28px Georgia;color:#455b5b;margin:10px 0}#emptyHint p{font-size:11px;line-height:1.7;margin:0}.paper-label{position:absolute;bottom:13px;left:18px;font-size:7px;letter-spacing:1.7px;color:#8c9a9f;pointer-events:none}.paper-label>span{margin-left:8px}.canvas-footer{display:flex;align-items:center;gap:13px;padding:12px 2px 0;font-size:10px;color:#7e8c98}.pen-info{display:flex;align-items:center;gap:8px;flex:1}.canvas-footer input{accent-color:var(--accent)}.canvas-footer meter{height:8px;width:48px}.canvas-footer button{font-size:9px;min-height:24px;padding:2px 6px}.bottom-actions{display:flex;gap:7px;margin-top:10px;align-items:center}.bottom-actions button{font-size:10px;min-height:30px;padding:5px 9px;background:transparent}.bottom-actions>span{margin-left:auto;font-size:9px;color:#667984}.document-nav{display:flex;align-items:center;gap:8px;padding:0 0 10px;font-size:10px;color:#a1b1be}.document-nav[hidden]{display:none}.document-nav button{min-height:28px;font-size:10px;padding:3px 8px}.document-nav #documentName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;max-width:65%}aside{background:#181e25;border-left:1px solid var(--line);padding:23px 20px 16px;display:flex;flex-direction:column;min-height:0}.aside-heading{display:flex;gap:11px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.assistant-symbol{display:grid;place-items:center;color:var(--accent);width:35px;height:35px;border:1px solid #335047;border-radius:10px;background:#243b31;font-size:22px}.aside-heading h2{font-size:14px;font-weight:550;margin:0 0 5px}.aside-heading p{font-size:10px;color:#778d9c;margin:0}.live-controls{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:19px;font-size:11px}.live-controls label{font-weight:600;color:#d1e4da}.live-controls input{accent-color:var(--accent)}.live-controls select{font-size:10px;padding:5px;border:1px solid #35414b;border-radius:5px;background:#252e38;color:#b5c1cc}.live-controls #liveStatus{grid-column:1/-1;color:#6bb99c;font-size:10px;margin-bottom:3px}.messages{flex:1;min-height:120px;overflow:auto;scrollbar-width:thin;padding:25px 0 15px}.welcome .eyebrow{font-size:9px;letter-spacing:1.5px;color:#667f8c}.welcome h3{font-size:22px;font-weight:500;line-height:1.35;margin:14px 0;color:#d5e2e7}.welcome>p{font-size:12px;line-height:1.8;color:#8b9eae}.example{display:flex;gap:13px;margin-top:22px}.example>span{color:#6ca58e;font-size:11px;margin-top:3px}.example p{font-size:11px;line-height:1.8;color:#7c91a1;margin:0}.example strong{color:#b7c8d2;font-weight:500}.message{padding:14px 0;margin:0 0 12px;border-bottom:1px solid #2b343e;font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{background:#232e36;border:1px solid #30414b;border-radius:9px;padding:12px}.message.error{color:#f0a797}.message small{display:block;font-size:8px;letter-spacing:1.6px;color:#79aa94;margin-bottom:9px}.message.user small{color:#7d9ead}.message img{width:100%;max-height:100px;object-fit:contain;background:#fff;border-radius:4px}.message button{font-size:10px;min-height:29px;padding:5px 9px;background:#22352c;color:#9ccbb4;border-color:#355442;margin-top:11px}.composer{border-top:1px solid var(--line);padding-top:16px}.composer>label{font-size:8px;letter-spacing:1.6px;color:#738995}.composer select{display:block;width:100%;padding:12px 10px;margin:11px 0;background:#252e38;border:1px solid #38454f;border-radius:7px;color:#d5e0e6;font-size:11px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;background:#97e5c9;border-color:#97e5c9;color:#133426;min-height:44px;font-size:12px;font-weight:600}.primary:hover{background:#b5f5de;border-color:#b5f5de}#askNote{font-size:9px;line-height:1.65;color:#728796;margin:11px 0 0}dialog{background:#1b242d;color:#d1dfe8;border:1px solid #465c6b;border-radius:15px;padding:30px;max-width:600px;width:90vw;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#060b11b8;backdrop-filter:blur(6px)}dialog h2{font-size:25px;letter-spacing:-.5px}dialog p{font-size:12px;line-height:1.8;color:#96acba}dialog .eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}.dialog-close{float:right;font-size:20px;border:0;background:transparent}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;padding:14px 22px;border-radius:9px;background:#b5f2d9;color:#193c2e;box-shadow:0 6px 25px #0004;font-size:12px;z-index:50}body.canvas-focus main{grid-template-columns:minmax(0,1fr)}body.canvas-focus .source-rail,body.canvas-focus aside{display:none}body.canvas-focus .stage{padding:14px}.status-foot{margin-left:auto}.source-rail .button input{display:none}
@media(max-width:1200px){main{grid-template-columns:160px minmax(340px,1fr) 275px}.workspace{padding:16px 14px 10px}.stage{padding:13px}.toolset button span{display:none}.width-control{display:none}.source-rail button,.source-rail .button{font-size:11px;gap:8px}aside{padding:20px 15px}.page-meta>span{display:none}.header-path{display:none}}
@media(max-width:920px){main{grid-template-columns:62px minmax(330px,1fr) 260px}.source-rail{padding:20px 8px}.source-rail button span,.source-rail .button span,.source-rail .rail-label,.rail-note,.rail-bottom{display:none}.source-rail button,.source-rail .button{justify-content:center;padding:12px}.brand{width:auto}.connection{font-size:9px}.page-heading h1{font-size:19px}}
@media(max-width:760px){header{height:auto;min-height:60px;padding:9px 10px;gap:8px;flex-wrap:wrap}.brand strong{font-size:15px}.brand small{display:none}.connection{margin-left:auto}header>button{font-size:10px;padding:5px 8px;min-height:30px}main{height:auto;min-height:0;display:flex;flex-direction:column}.source-rail{display:flex;flex-direction:row;border-right:0;border-bottom:1px solid var(--line);padding:7px;gap:5px;overflow:auto}.source-rail .spacer{display:none}.source-rail button,.source-rail .button{width:auto;flex-shrink:0;padding:9px}.source-rail .rail-label,.rail-bottom,.rail-note{display:none}.source-rail button span,.source-rail .button span{display:none}.workspace{padding:13px 9px}.toolbar{gap:9px}.colors{padding-left:9px;gap:9px}.history-tools{margin-left:auto}.stage{padding:10px;min-height:280px;max-height:70dvh;flex:none}.page-heading{margin-bottom:12px}.page-heading h1{font-size:19px}.title-group .eyebrow{font-size:8px}.page-meta button{font-size:9px}.paper{min-width:0}.canvas-footer{flex-wrap:wrap;font-size:9px}.bottom-actions>span{display:none}aside{border:0;border-top:1px solid var(--line);min-height:400px}.messages{max-height:40dvh}.welcome .example{display:none}.welcome h3{font-size:19px}#emptyHint .hint-stroke{font-size:23px}#emptyHint .eyebrow{display:none}#emptyHint h2{font-size:15px;margin:6px 0}#emptyHint p{font-size:8px}.paper-label{font-size:5px;bottom:5px;left:7px}body.canvas-focus .stage{min-height:65dvh}.bottom-actions button{font-size:9px;padding:5px 7px}.live-controls{margin-top:13px}.page-meta>span{display:none}}

#trazoTooltip{position:fixed;z-index:1000;max-width:min(290px,calc(100vw - 16px));padding:11px 14px;background:#d7f6e9;color:#123629;border:1px solid #99dabc;border-radius:9px;box-shadow:0 8px 28px #0005;font-size:14px;line-height:1.5;pointer-events:none}#trazoTooltip[hidden]{display:none}#connectComputer{border-color:#527664;color:#a9ebcf}.rail-bottom button,.rail-bottom .button{font-size:12px;margin-bottom:5px}dialog a{color:#a4efd2}dialog li{font-size:14px;line-height:1.7;margin:8px 0}dialog p{font-size:14px}#computerMessage{color:#ade8d1}.source-rail .button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(min-width:921px){.source-rail{overflow:auto}.rail-bottom{padding-top:8px}.source-rail .spacer{height:12px;flex-shrink:0}}

.model-controls{padding-top:16px}.model-controls label{display:block;font-size:14px;font-weight:600;color:#d0e5dd;margin-bottom:8px}.model-controls select{width:100%;background:#252e38;color:#e0eee7;border:1px solid #486458;border-radius:8px;padding:9px 10px;font-size:14px;min-height:40px}.model-controls select:disabled{opacity:.65}.model-controls p{font-size:12px;line-height:1.45;color:#92a79f;margin:8px 0 0}#modelInUse{color:#96d6bb;font-size:12px;overflow-wrap:anywhere}.live-controls{margin-top:14px}.aside-heading{padding-bottom:14px}