@font-face{font-family:Switzer;src:url('/fonts/switzer-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Switzer;src:url('/fonts/switzer-variableitalic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:GeistMono;src:url('/fonts/geist-mono.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#202127;--muted:#737681;--line:#e7e7eb;--green:#f57519;--green-dark:#d95805;--green-light:#fff0e6;--orange:#f57519;--canvas:#f4f4f6;--white:#fff;--font:Switzer,Arial,sans-serif;--selection:#2682ff}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font:15px/1.5 var(--font);color:var(--ink);background:var(--canvas)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:hover{color:var(--green-dark)}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.5px}input,textarea,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--selection);outline-offset:3px}button:active:not(:disabled){transform:translateY(1px)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:16px;padding:12px;background:white;z-index:100}.skip-link:focus{top:12px}.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.block{display:block}
.app-shell{height:100dvh;display:grid;grid-template-columns:340px minmax(0,1fr)}.sidebar{background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;z-index:20}.sidebar-brand{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:700;letter-spacing:-.8px;color:#191a20}.brand-symbol{width:36px;height:28px;display:grid;place-items:center;color:#17181e}.brand-symbol svg{width:36px;height:26px}.brand-chevron{display:none}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:7px;color:#6f727d;flex-shrink:0}.icon-button:hover{background:#f4f4f6;color:#24262d}.workspace-context{display:flex;align-items:center;gap:11px;text-align:left;padding:10px 16px;margin:0 14px 13px;border-radius:9px;min-height:62px;flex-shrink:0}.workspace-context:hover{background:#f8f8fa;color:var(--ink)}.context-icon{width:34px;height:34px;display:grid;place-items:center;background:#f4f4f6;border-radius:8px;color:#454953}.workspace-context>span:nth-child(2){flex:1;min-width:0}.workspace-context strong{font-size:14px;font-weight:600;display:block}.workspace-context small{color:var(--muted);font-size:12px;display:block;margin-top:2px}.workspace-context>.ui-icon{width:17px;height:17px;color:#626b79}.project-switch{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:14px;margin:0 20px 20px;padding:11px 13px;min-height:57px;border:1px solid #e3e3e9;border-radius:8px;flex-shrink:0}.project-switch:hover{background:#fafafa;color:var(--ink);border-color:#c7c9d1}.project-switch strong{font-size:14px;font-weight:600;display:block;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switch small{font-size:12px;color:var(--muted);display:block;margin-top:2px}.project-switch>.ui-icon{width:17px;height:17px}
.sidebar-tabs{display:flex;gap:3px;padding:0 17px;min-height:51px;border-bottom:1px solid var(--line);align-items:center;flex-shrink:0}.sidebar-tabs>button[role=tab]{padding:14px 10px;font-size:14px;color:#626b79;border-bottom:2px solid transparent}.sidebar-tabs>button[aria-selected=true]{color:#22232a;border-bottom-color:var(--green);font-weight:600}.sidebar-tabs>.icon-button{width:31px;height:34px}.sidebar-tabs>.icon-button:first-of-type{margin-left:auto}.sidebar-tabs .ui-icon{width:18px;height:18px}.side-content{flex:1;display:flex;flex-direction:column;min-height:0}.thread-line{display:flex;align-items:center;justify-content:space-between;padding:11px 20px 8px;font-size:12px;font-weight:500;color:#626b79;flex-shrink:0}.thread-line>span{display:flex;align-items:center;gap:7px}.thread-line .icon-button{width:30px;height:30px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#48a66e;flex-shrink:0}.messages{flex:1;overflow:auto;padding:12px 20px 18px;scrollbar-width:thin;scrollbar-color:#d7d8de transparent}.agent-welcome{padding-top:30px}.agent-avatar{width:32px;height:26px;display:inline-grid;place-items:center;color:#292c34;vertical-align:middle}.agent-avatar svg{width:28px;height:22px}.agent-welcome>.agent-avatar{margin-bottom:21px}.agent-welcome h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:650}.agent-welcome>p{font-size:14px;color:#626b79;line-height:1.7;margin-top:11px}.welcome-hints{display:flex;flex-direction:column;gap:9px;margin-top:25px}.welcome-hints>button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:12px 13px;border:1px solid #e7e7ec;border-radius:8px;font-size:14px;color:#494d59;min-height:46px}.welcome-hints>button:hover{background:#fff6ef;border-color:#ffd3b5;color:#b44c06}.welcome-hints .ui-icon{width:17px;height:17px;color:#626b79}
.message{margin:16px 0 23px;max-width:100%}.message-label{display:flex;align-items:center;gap:7px;color:#484c56;font-size:12px;font-weight:600;margin-bottom:9px}.message-label .agent-avatar{width:22px;height:20px}.message-label .agent-avatar svg{width:21px;height:16px}.message-body{font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;color:#3e414a}.message.user .message-body{background:#f4f4f7;border-radius:9px;padding:12px 14px}.message.assistant .message-body{padding-left:2px}.message-artifact{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:8px;padding:11px 13px;margin-top:12px;font-size:13px;font-weight:500;background:#fff}.message-artifact>.ui-icon{margin-right:8px;width:18px;height:18px}.message-artifact small{display:block;font-size:12px;color:#626b79;font-weight:400;margin-top:6px;padding-left:26px}.message-file{display:block;color:#b8540b;font-size:13px;margin-top:9px;text-decoration:underline}.message img{max-width:100%;border-radius:7px;margin-top:12px;max-height:200px;object-fit:contain}.thinking{font-size:13px;color:#8b6a52;padding:15px 0;display:flex;align-items:center;gap:9px}.thinking:before{content:'';width:12px;height:12px;border:1.5px solid #ffceab;border-top-color:#ee761f;border-radius:50%;animation:spin 1s linear infinite}
.composer-area{padding:0 18px 14px;flex-shrink:0;background:#fff}.composer-area form{border:1px solid #dcdde4;border-radius:11px;background:white;padding:13px 12px 11px;box-shadow:0 1px 3px #17182704}.composer-area form:focus-within{border-color:#b7bbc7;box-shadow:0 0 0 2px #f6f7fb}.composer-area textarea{border:0;resize:none;display:block;width:100%;padding:0 1px;font-size:14px;line-height:1.65;min-height:64px;max-height:180px;background:none;outline:0}.composer-area textarea::placeholder{color:#626b79}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.composer-toolbar>div{display:flex;gap:3px}.composer-toolbar .icon-button{width:34px;height:34px;border:1px solid transparent}.send-button{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;box-shadow:0 2px 3px #e766101a}.send-button:hover{background:#b64a00;color:#fff}.send-button .ui-icon{width:20px;height:20px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;margin-top:10px;min-height:21px}.composer-bottom>button{display:flex;align-items:center;gap:6px;max-width:190px;padding:3px 0;font-size:12px}.composer-bottom>button>.ui-icon{width:14px;height:14px}.model-dot{width:6px;height:6px;border-radius:50%;background:#bfc4ce;flex-shrink:0}#model-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-bottom>span{color:#626b79;text-align:right;font-size:10px}.composer-note{text-align:center;font-size:10px;color:#626b79;margin-top:8px}.attachment-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.attachment-list:empty{margin:0}.attachment-chip{display:flex;align-items:center;gap:7px;max-width:100%;font-size:12px;padding:5px 8px;background:#fff4eb;border:1px solid #ffd9bc;border-radius:6px;color:#8c4a18}.attachment-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip button{padding:0;display:grid;place-items:center}.attachment-chip .ui-icon{width:15px;height:15px}
.sidebar-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:13px 18px;min-height:70px;flex-shrink:0}.sidebar-footer>button:first-child{display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;flex:1;min-width:0}.user-avatar{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:#ededf2;color:#454951;font-size:13px;flex-shrink:0}.sidebar-footer #user-name{display:block;font-size:13px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer small{display:block;color:#626b79;font-size:11px;margin-top:1px}.sidebar-footer>button:first-child>.ui-icon{margin-left:auto;width:16px;height:16px;color:#626b79}.sidebar-footer>.icon-button{margin-left:7px}
.main-workspace{display:flex;flex-direction:column;position:relative;min-width:0;min-height:0}.workspace-header{height:72px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:20px;flex-shrink:0}.workspace-heading{display:flex;align-items:center;gap:12px;min-width:0}.workspace-icon{display:none}.workspace-heading>button:not(.icon-button){display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600;letter-spacing:-.4px;padding:0;min-width:0;color:#22252c}.workspace-heading>button:not(.icon-button)>.ui-icon{width:16px;height:16px;color:#626b79}#project-name{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-state{font-size:11px;color:#626b79;background:#f5f5f7;padding:4px 8px;border-radius:6px}.header-actions{display:flex;align-items:center;gap:11px;flex-shrink:0}.primary-button,.secondary-button,.danger-button,.subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:500;min-height:40px}.primary-button{padding:10px 16px;background:var(--green);color:#2b190c;border-radius:8px}.primary-button:hover{background:#b64a00;color:#fff}.primary-button>.ui-icon{width:18px;height:18px}.secondary-button{padding:9px 12px;border:1px solid #e1e2e8;border-radius:7px;background:#fff;color:#565a65}.secondary-button:hover{background:#f7f7f9;border-color:#c7cad3;color:#22262f}.secondary-button>.ui-icon{width:18px;height:18px}.subtle-button{padding:6px 3px;color:#626b79;min-height:36px;font-size:13px}.subtle-button:hover{color:#bd570c}.danger-button{padding:9px 12px;border:1px solid #eacbc7;border-radius:7px;color:#aa4236;background:#fff}.danger-button:hover{background:#fff2f0;color:#9d392e}
.view-bar{min-height:59px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--line);gap:18px;flex-shrink:0}.view-tabs{display:flex;align-items:stretch;gap:20px;height:59px;min-width:0}.view-tabs button{display:flex;align-items:center;gap:8px;font-size:14px;color:#626b79;padding:0 3px;border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0}.view-tabs button>.ui-icon{width:19px;height:19px}.view-tabs button.active{color:#262930;border-bottom-color:var(--green);font-weight:600}.view-tabs button.active>.ui-icon{color:var(--green)}.view-tabs button:hover{color:#373b45}.workspace-health{font-size:11px;color:#626b79;display:flex;align-items:center;gap:7px;white-space:nowrap}.view{flex:1;min-height:0;position:relative;overflow:auto}
.canvas-view{overflow:hidden;background:#f5f5f7;background-image:radial-gradient(#d5d7df .7px,transparent .7px);background-size:22px 22px;touch-action:none}.canvas-world{position:absolute;inset:0;transform-origin:0 0}.canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;padding:35px 70px;text-align:center}.canvas-empty-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #e0e1e8;border-radius:12px;background:#fff;color:#626b79;margin-bottom:22px}.canvas-empty-mark>.ui-icon{width:27px;height:27px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;color:#626b79}.canvas-empty h1{font-size:25px;font-weight:600;letter-spacing:-.65px;line-height:1.3;margin-top:12px;color:#555b68}.canvas-empty>p{font-size:14px;line-height:1.8;color:#626b79;margin-top:12px}.canvas-starters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px;pointer-events:auto}.canvas-starters button{display:flex;align-items:center;gap:7px;font-size:12px;padding:10px 12px;border:1px solid #dedfe6;border-radius:7px;background:#fff;color:#6f7582;min-height:39px}.canvas-starters button>.ui-icon{width:16px;height:16px}.canvas-starters button:hover{background:#fff6f0;color:#c56118;border-color:#f1ceb4}.canvas-tools{position:absolute;top:22px;left:13px;display:flex;flex-direction:column;gap:4px;border:1px solid #e2e3e9;border-radius:10px;padding:6px;background:white;box-shadow:0 2px 6px #24282f0a}.canvas-tools button{width:35px;height:35px;display:grid;place-items:center;border-radius:7px;color:#626b79}.canvas-tools button>.ui-icon{width:21px;height:21px}.canvas-tools button:hover{background:#f5f5f7;color:#434955}.canvas-tools button.active{background:#fff0e5;color:#f37719}.canvas-tools>div{height:1px;background:#eeeef2;margin:4px 3px}.canvas-bottom{position:absolute;left:23px;right:23px;bottom:21px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#626b79;pointer-events:none}.zoom-controls{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #e0e2e9;border-radius:8px;background:white;pointer-events:auto;box-shadow:0 1px 4px #24273008}.zoom-controls button{padding:6px 8px;display:grid;place-items:center;min-width:32px;font-size:12px;min-height:31px}.zoom-controls button>.ui-icon{width:17px;height:17px}.zoom-controls button:hover{background:#f7f7fa;border-radius:5px}.zoom-controls button:nth-child(2){min-width:53px;color:#626b79}
.canvas-artifact{position:absolute;background:white;border:1px solid #dadde5;border-radius:3px;box-shadow:0 3px 12px #262b3f08;overflow:visible}.artifact-bar{position:absolute;top:-53px;left:0;min-width:300px;max-width:100%;height:39px;display:flex;align-items:center;justify-content:space-between;gap:11px;padding:0 10px;background:#fff;border:1px solid #dddfe7;border-radius:8px;box-shadow:0 2px 4px #252b3a07;cursor:grab;font-size:12px;white-space:nowrap;z-index:1}.artifact-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.artifact-title>.ui-icon{width:16px;height:16px;color:#626b79}.artifact-bar strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.artifact-actions{display:flex;align-items:center;gap:2px;padding-left:7px;border-left:1px solid #e6e7ed}.artifact-actions button{display:grid;place-items:center;padding:5px;min-width:27px;min-height:27px;border-radius:5px;color:#626b79;font-size:11px}.artifact-actions button>.ui-icon{width:16px;height:16px}.artifact-actions button:hover{background:#f4f6f9;color:#343b49}.canvas-artifact iframe{width:100%;height:100%;border:0;background:white;pointer-events:none;display:block;border-radius:2px}.canvas-artifact.selected{outline:1.5px solid var(--selection);outline-offset:0}.artifact-note{padding:24px;font-size:16px;line-height:1.75;white-space:pre-wrap;background:#fff9e7;height:100%;overflow:auto}
.preview-toolbar,.code-toolbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 24px;border-bottom:1px solid var(--line);background:#fff;font-size:14px}.preview-toolbar select{border:1px solid #e3e5eb;background:#fff;border-radius:6px;padding:8px 10px;max-width:300px;font-size:13px;min-width:0}.device-toggle{display:flex;gap:2px;padding:3px;border:1px solid #e2e4eb;border-radius:7px}.device-toggle button{display:grid;place-items:center;width:33px;height:30px;color:#626b79;border-radius:5px}.device-toggle button.active{background:#fff0e5;color:#d5630d}.device-toggle>.ui-icon{width:20px;height:20px}.preview-container{display:flex;justify-content:center;padding:24px;height:calc(100% - 62px);background:#f5f5f7;overflow:auto}.preview-container iframe{width:100%;height:100%;border:1px solid #e0e2e8;background:white;border-radius:6px;box-shadow:0 3px 15px #31384908;flex-shrink:0}.preview-container.mobile iframe{width:393px;max-width:100%;height:852px;max-height:none}.view-empty{display:flex;align-items:center;justify-content:center;text-align:center;padding:35px;font-size:14px;color:#626b79;line-height:1.8;max-width:550px;margin:auto}.code-view{display:flex;flex-direction:column;background:#f7f8fa}.code-toolbar{font-size:13px;color:#626b79}.code-toolbar>.primary-button{font-size:13px}.code-view textarea{flex:1;width:100%;resize:none;border:0;outline:0!important;padding:24px;background:#fafbfc;color:#485366;font:13px/1.8 GeistMono,monospace;tab-size:2}
.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;flex-shrink:0}.panel-heading h2{font-size:20px;font-weight:600}.panel-description{padding:0 20px 18px;font-size:13px;color:#626b79;line-height:1.7;flex-shrink:0}#file-list{overflow:auto;min-height:0;padding:0 20px}.file-row{display:flex;align-items:flex-start;gap:10px;padding:15px 0;border-bottom:1px solid #ebedf1}.file-row>.ui-icon{color:#626b79;width:20px;height:20px;margin-top:2px}.file-row>div{flex:1;min-width:0}.file-row strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row small{display:block;font-size:11px;color:#626b79;margin-top:5px}.file-row>div>button{font-size:12px;color:#bc631e;margin-top:8px;padding:0}.file-row>.icon-button{width:25px;height:25px}.file-row>.icon-button>.ui-icon{width:16px;height:16px}.search-input{margin:0 20px 12px;width:calc(100% - 40px);padding:11px 12px;border:1px solid #e1e5eb;background:#fcfcfd;border-radius:7px;font-size:13px}.memory-status{font-size:11px;line-height:1.6;color:#626b79;padding:0 20px 12px;flex-shrink:0}#memory-list{padding:0 20px;overflow:auto;min-height:0}.memory-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid #eaedf1;cursor:pointer}.memory-row strong{display:block;font-size:13px;font-weight:500;color:#566070}.memory-row p{font-size:12px;line-height:1.7;color:#626b79;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px}.memory-row small{font-size:10px;color:#626b79;display:block;margin-top:7px}.memory-row>button{color:#626b79;padding:0}.memory-row>button>.ui-icon{width:16px;height:16px}
.brain-view{background:#f5f6f8;overflow:hidden}#brain-canvas{position:absolute;inset:0}#brain-canvas canvas{display:block}.brain-top{position:absolute;top:29px;left:32px;right:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;pointer-events:none}.brain-top>div{max-width:550px}.brain-top h2{font-size:28px;color:#4b5564;margin-top:9px;letter-spacing:-.8px}.brain-top p{font-size:12px;line-height:1.7;color:#626b79;margin-top:9px}.brain-top>.primary-button{pointer-events:auto;font-size:13px;white-space:nowrap}.brain-empty{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);text-align:center;width:min(500px,80%);pointer-events:none}.brain-empty-glyph{width:66px;height:66px;display:grid;place-items:center;border-radius:13px;border:1px solid #e0e5ec;background:#fff;margin:0 auto 18px;color:#626b79}.brain-empty-glyph>.ui-icon{width:31px;height:31px}.brain-empty h3{font-size:21px;color:#626b79;font-weight:500}.brain-empty p{font-size:13px;color:#626b79;line-height:1.9;margin-top:11px}.brain-legend{position:absolute;left:32px;bottom:22px;right:30px;display:flex;align-items:center;gap:19px;flex-wrap:wrap;font-size:11px;color:#626b79;pointer-events:none}.brain-legend>span{display:flex;align-items:center;gap:6px}.brain-legend>span:last-child{margin-left:auto}.brain-legend i{height:6px;width:6px;border-radius:50%;display:block}.brain-legend .green{background:#7b9f90}.brain-legend .orange{background:#eea673}.memory-detail{position:absolute;right:26px;bottom:66px;width:310px;max-height:50%;overflow:auto;border:1px solid #e1e7ee;border-radius:10px;background:#fffffff5;padding:22px;box-shadow:0 9px 30px #4054650f}.memory-detail>button{position:absolute;right:10px;top:10px;width:27px;height:27px}.memory-detail>button>.ui-icon{width:17px;height:17px}.memory-detail>small{font-size:9px;color:#626b79;letter-spacing:1.4px}.memory-detail h3{font-size:19px;color:#607286;margin-top:12px}.memory-detail>p{font-size:13px;line-height:1.8;color:#626b79;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}
.live-view{padding:33px;background:#f7f7f9;overflow:auto}.live-intro h2{font-size:30px;font-weight:600;letter-spacing:-.8px;margin-top:9px;color:#515b6a}.live-intro>p{font-size:14px;line-height:1.8;color:#626b79;max-width:530px;margin-top:10px}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:27px}.voice-card,.vision-card{background:#fff;border:1px solid #e2e5eb;border-radius:10px;padding:24px;min-width:0}.card-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1.4px;color:#626b79}.live-status{letter-spacing:0;background:#f4f6f8;color:#626b79;padding:5px 8px;border-radius:5px;font-size:11px}.live-status.active{background:#eaf6ed;color:#626b79}.voice-orb{height:105px;width:105px;margin:28px auto 24px;display:grid;place-items:center;border:1px solid #e5e7ee;border-radius:20px;background:#f7f8fb;color:#626b79;transition:border-color .2s}.voice-orb>span{display:grid;place-items:center}.voice-orb svg{width:69px;height:51px}.voice-orb.connected{border-color:#efa873;background:#fff7f1;color:#c57030}.voice-transcript{font-size:14px;line-height:1.8;text-align:center;min-height:50px;max-height:110px;overflow:auto;margin-bottom:18px;color:#626b79}.voice-card>.primary-button,.voice-card>.danger-button{display:flex;margin:0 auto 18px}.check-label{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.7;color:#626b79;margin-top:13px}.check-label input{accent-color:var(--green);margin:4px 0 0;flex-shrink:0}.feature-note{font-size:11px;color:#626b79;line-height:1.8;margin-top:17px}.camera-stage{height:196px;border:1px solid #e5e9ef;border-radius:7px;background:#f7f9fb;margin-top:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-stage video,.camera-stage img{width:100%;height:100%;object-fit:contain}.camera-stage>div{text-align:center;color:#626b79}.camera-stage>div>span{display:block;margin-bottom:13px}.camera-stage>div>span>.ui-icon{width:31px;height:31px}.camera-stage p{font-size:13px}.camera-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.camera-actions>button{font-size:12px;min-height:36px;padding:7px 9px}.vision-card>.subtle-button{margin-top:14px;color:#c17d4a}.vision-result{font-size:13px;line-height:1.8;white-space:pre-wrap;color:#626b79;margin-top:10px}.device-section{margin-top:26px;padding-top:24px;border-top:1px solid #e0e6ed}.device-section h3{font-size:18px;color:#626b79;font-weight:500}.device-section>div>p{font-size:13px;margin-top:13px}.device-row{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:#626b79}.device-row>.ui-icon{width:20px;height:20px}.device-row small{font-size:11px;color:#626b79}.device-row button{margin-left:auto;font-size:12px}.device-row button:hover{color:#b66336}#voice-audio{width:100%;margin-top:15px;height:34px}
.toast{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:80;background:#333943;color:#fff;border:1px solid #454d58;border-radius:9px;padding:13px 18px;font-size:13px;line-height:1.7;max-width:min(550px,90%);box-shadow:0 8px 25px #0002}.toast.error{background:#874b38;border-color:#a77660;color:#fff7ef}dialog{margin:auto;color:var(--ink);font:14px/1.6 var(--font);border:1px solid #e0e4eb;border-radius:13px;box-shadow:0 20px 80px #26303d2b;background:white;padding:32px;width:min(650px,calc(100vw - 32px));max-height:85dvh;overflow:auto}dialog::backdrop{background:#2c34444d;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:6px;color:#626b79}.dialog-close:hover{background:#f5f7fa}.dialog-close>.ui-icon{width:21px;height:21px}.dialog-heading h2{font-size:26px;line-height:1.3;margin-top:11px;font-weight:600}.dialog-heading>p{font-size:14px;color:#626b79;line-height:1.8;margin-top:12px}.dialog-content-section{padding-top:20px;margin-top:23px;border-top:1px solid var(--line)}.dialog-content-section h3{font-size:17px;font-weight:550;margin-bottom:14px}.dialog-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.dialog-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#626b79}.dialog-form input,.dialog-form textarea,.dialog-form select,.dialog-search{border:1px solid #dfe6ee;background:#fafbfd;border-radius:7px;padding:11px 12px;width:100%;font-size:14px}.dialog-form textarea{min-height:120px;resize:vertical}.dialog-form>.primary-button{align-self:flex-start}.form-error{font-size:13px;line-height:1.7;color:#b17e62;min-height:18px}.provider-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #e9edf3;font-size:14px}.provider-row small{font-size:12px;color:#626b79;display:block;margin-top:5px}.provider-row>.secondary-button{font-size:12px;min-height:35px}.config-status{font-size:11px;color:#626b79;margin-left:auto}.config-status.ok{color:#626b79}.token-value{display:block;background:#f5f8fa;border:1px solid #e1e8ef;border-radius:7px;padding:13px;font:12px/1.8 GeistMono,monospace;overflow-wrap:anywhere;margin-top:13px;color:#626b79}.integration-row{padding:18px 0;border-bottom:1px solid var(--line)}.integration-row h3{font-size:17px;font-weight:550;margin-bottom:7px}.integration-row p{font-size:13px;line-height:1.9;color:#626b79;margin-bottom:11px}.integration-url{display:block;padding:11px;background:#f5f8fa;border:1px solid #e1e8ee;border-radius:6px;font:12px/1.8 GeistMono,monospace;overflow-wrap:anywhere;color:#626b79}.connection-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;padding:11px 0}.connection-row button{font-size:12px;color:#b9876b}.project-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;gap:15px}.project-row>.text-button{flex:1;text-align:left;padding:8px 0}.project-row .text-button strong{display:block;font-size:15px;font-weight:500;color:#617487}.project-row small{display:block;font-size:12px;color:#626b79;margin-top:5px}.project-row>.icon-button{width:32px;height:32px}.text-button{color:#c27f4c;font-size:13px;min-height:32px;padding:7px 0}.model-provider-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.model-provider-tabs button{padding:9px 12px;border:1px solid var(--line);border-radius:7px;font-size:13px;min-height:39px}.model-provider-tabs button.active{background:#fff3ea;border-color:#f2d4bd;color:#be732f}.dialog-search{margin-top:17px}.models-list{margin-top:13px;max-height:300px;overflow:auto}.models-list button{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:14px 6px;width:100%;border-bottom:1px solid #eaf0f4;font-size:14px;min-height:60px}.models-list button:hover{background:#fafbfd}.models-list small{font-size:11px;color:#626b79;margin-top:5px}.model-capabilities{font-size:11px;color:#626b79;text-align:right}.empty-note{font-size:13px;line-height:1.8;color:#626b79;padding:18px 0}.settings-note{font-size:13px;line-height:1.8;color:#626b79;margin-top:13px}.toolbar-inline{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pair-qr-note{font-size:13px;line-height:1.8;color:#626b79;margin-top:15px}.image-prompt-button{display:block;width:100%;padding:13px;border:1px solid var(--line);border-radius:7px;margin-top:18px;text-align:left;font-size:13px;color:#626b79}.image-prompt-button:hover{background:#fafbfd}#main-dialog h2{padding-right:20px}.revision-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);gap:15px}.revision-row strong{font-weight:550;font-size:14px;display:block}.revision-row small{font-size:12px;color:#626b79}.revision-row button{font-size:12px}
.auth-dialog{padding:0;width:min(850px,calc(100vw - 32px));max-height:95dvh;overflow:auto;display:grid;grid-template-columns:.85fr 1fr}.auth-dialog:not([open]){display:none}.auth-art{background:#f4f4f6;padding:44px 32px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #e5e5eb}.auth-orb{width:78px;height:53px;display:grid;place-items:center;color:#353943;margin-bottom:28px}.auth-orb svg{width:77px;height:50px}.auth-art h2{font-size:30px;line-height:1.35;font-weight:550;letter-spacing:-.9px;color:#5d6876}.auth-art>p{font-size:14px;line-height:1.9;color:#626b79;margin-top:18px;max-width:250px}.auth-form-wrap{padding:43px 36px}.auth-wordmark{font-size:24px;font-weight:650;letter-spacing:-.7px;color:#565f6b}.auth-wordmark span{font-size:13px;font-weight:400;color:#626b79;letter-spacing:0;margin-left:6px}.auth-form-wrap h1{font-size:27px;margin-top:31px;font-weight:550;letter-spacing:-.8px}.auth-form-wrap>p{font-size:14px;color:#626b79;margin-top:11px}#auth-form{display:flex;flex-direction:column;gap:17px;margin-top:24px}#auth-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#626b79}#auth-form input{width:100%;padding:11px 12px;background:#fcfcfe;border:1px solid #dfe5ed;border-radius:7px;font-size:14px;min-height:45px}#auth-form>.primary-button{margin-top:5px;width:100%;min-height:44px}.auth-note{font-size:12px!important;line-height:1.8;margin-top:22px!important;color:#626b79!important}.recording{color:#d88b50}.recording-dot{height:7px;width:7px;display:inline-block;background:#eda36b;border-radius:50%;margin-right:6px}#sidebar-open,#sidebar-close{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.app-shell{grid-template-columns:365px minmax(0,1fr)}.project-switch strong{max-width:270px}.agent-welcome{padding-top:45px}.workspace-header{padding:0 30px}.view-tabs{gap:26px}}
@media(max-width:1250px){.workspace-header{padding:0 20px}.workspace-heading>button:not(.icon-button){font-size:17px}#project-name{max-width:270px}.view-bar{padding:0 18px;gap:10px}.view-tabs{gap:17px}.workspace-health{display:none}.live-view{padding:26px}.live-grid{gap:18px}.voice-card,.vision-card{padding:19px}.header-actions .secondary-button{padding:9px}.header-actions{gap:8px}}
@media(max-width:1050px){.app-shell{grid-template-columns:310px minmax(0,1fr)}.project-switch strong{max-width:225px}.workspace-header{padding:0 17px}.workspace-heading{gap:8px}#project-name{max-width:210px}.workspace-heading>button:not(.icon-button){font-size:16px}.header-actions>.secondary-button span{display:none}.view-tabs{gap:12px}.view-tabs button{font-size:12px;gap:5px}.view-tabs button>.ui-icon{width:17px;height:17px}.live-grid{grid-template-columns:1fr}.brain-top{left:25px;right:25px}.brain-top h2{font-size:24px}.brain-top>.primary-button{font-size:12px;padding:9px}.canvas-starters{gap:7px}.canvas-starters button{font-size:11px;padding:9px}.canvas-empty{padding:30px 60px}.canvas-empty h1{font-size:23px}.composer-bottom>span{max-width:100px}.view-bar{padding:0 14px}}
@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(340px,91vw);transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 50px #25304621}.sidebar.open{transform:none}.sidebar.open:after{content:'';position:fixed;inset:0;left:100%;width:100vw;background:#2933402b;z-index:-1}#sidebar-open,#sidebar-close{display:inline-grid}.sidebar-brand{height:64px}.workspace-context{margin-bottom:9px}.project-switch{margin-bottom:13px}.sidebar-tabs{min-height:49px}.workspace-header{height:64px;padding:0 13px;gap:10px}.workspace-heading{gap:7px;flex:1}.workspace-heading>button:not(.icon-button){font-size:15px;gap:6px}#project-name{max-width:190px}.save-state{display:none}.header-actions{gap:7px}.header-actions>.secondary-button{width:36px;min-height:36px;padding:7px;border:0}.header-actions>.secondary-button span{display:none}.header-actions>.primary-button{font-size:12px;padding:8px 11px;min-height:36px;gap:6px}.header-actions>.primary-button>.ui-icon{width:16px;height:16px}.view-bar{min-height:53px;padding:0 14px}.view-tabs{height:53px;gap:20px;width:100%;overflow:auto;scrollbar-width:none}.view-tabs::-webkit-scrollbar{display:none}.view-tabs button{font-size:13px;gap:6px;min-height:44px}.view-tabs button>.ui-icon{width:18px;height:18px}.workspace-health{display:none}.canvas-tools{top:15px;left:10px;padding:5px;gap:3px}.canvas-tools button{width:30px;height:31px}.canvas-tools button>.ui-icon{width:18px;height:18px}.canvas-empty{padding:30px 52px}.canvas-empty h1{font-size:23px}.canvas-empty>p{font-size:13px}.canvas-empty-mark{width:51px;height:51px;margin-bottom:18px}.canvas-empty-mark>.ui-icon{width:25px;height:25px}.canvas-starters{max-width:240px;gap:7px;margin-top:20px}.canvas-starters button{font-size:12px;min-height:41px;padding:10px}.canvas-starters button>.ui-icon{width:16px;height:16px}.canvas-bottom{left:15px;right:15px;bottom:15px;gap:9px;font-size:10px}.canvas-bottom>span{max-width:155px;line-height:1.7}.zoom-controls button{min-width:29px;padding:5px}.zoom-controls button:nth-child(2){min-width:47px}.preview-toolbar{padding:9px 12px;gap:8px;flex-wrap:wrap;min-height:59px}.preview-toolbar select{max-width:calc(100% - 120px);font-size:12px;padding:8px}.preview-toolbar>.subtle-button{font-size:12px;gap:5px}.preview-toolbar>.subtle-button>.ui-icon{width:15px;height:15px}.preview-container{padding:13px;height:calc(100% - 59px)}.preview-container.mobile iframe{width:100%;height:852px}.code-toolbar{padding:10px 16px}.code-view textarea{padding:17px;font-size:12px}.code-toolbar>.primary-button{font-size:12px;padding:9px 10px}.brain-top{left:20px;right:20px;top:24px;flex-direction:column;gap:15px}.brain-top h2{font-size:25px}.brain-top p{font-size:12px}.brain-top .eyebrow{font-size:9px;letter-spacing:1.3px}.brain-top>.primary-button{font-size:12px;padding:9px 11px}.brain-legend{left:20px;right:20px;gap:12px;bottom:18px;font-size:10px}.brain-legend>span:last-child{margin-left:0;width:100%}.brain-empty h3{font-size:20px}.brain-empty p{font-size:12px}.memory-detail{right:15px;bottom:78px;width:270px;padding:20px}.live-view{padding:24px 20px}.live-intro h2{font-size:29px}.live-intro>p{font-size:13px}.live-grid{grid-template-columns:1fr;gap:20px;margin-top:24px}.voice-card,.vision-card{padding:20px}.camera-stage{height:205px}.camera-actions>button{font-size:12px;min-height:39px}.voice-orb{margin:26px auto 23px}.auth-dialog{grid-template-columns:1fr;width:min(440px,calc(100vw - 24px))}.auth-art{display:none}.auth-form-wrap{padding:31px 27px}.auth-form-wrap h1{margin-top:26px;font-size:26px}.auth-form-wrap>p{font-size:13px}dialog{padding:27px;max-height:88dvh}.dialog-heading h2{font-size:25px}.dialog-heading>p{font-size:13px}.toast{position:fixed;bottom:20px;width:90%;font-size:12px}.model-provider-tabs button{font-size:12px;padding:8px 10px}.models-list button{font-size:13px;gap:10px}.model-capabilities{font-size:10px}.provider-row{gap:10px;font-size:13px}.provider-row small{font-size:11px}.config-status{font-size:10px}.provider-row>.secondary-button{font-size:11px;padding:8px}.integration-url,.token-value{font-size:11px}.sidebar-footer{min-height:68px}}
@media(max-width:430px){#project-name{max-width:145px}.workspace-heading>button:not(.icon-button){font-size:14px}.workspace-heading>button:not(.icon-button)>.ui-icon{display:none}.header-actions>.primary-button{padding:8px 10px}.view-tabs{gap:18px}.view-tabs button{font-size:12px}.preview-toolbar .device-toggle{margin-left:auto}.preview-toolbar select{max-width:calc(100% - 90px)}.preview-toolbar>.subtle-button{width:100%;justify-content:flex-end;min-height:25px;font-size:11px}.preview-container{height:calc(100% - 88px)}.camera-actions{gap:7px}.camera-actions>.secondary-button{padding:7px 8px;font-size:11px}.vision-card .check-label{font-size:11px}.live-status{font-size:10px}.dialog-heading h2{font-size:23px}.provider-row{flex-wrap:wrap}.provider-row .config-status{margin-left:auto}.brain-empty{top:60%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Touch controls retain the compact desktop layout while providing 44 px targets. */
@media(max-width:800px){
 .icon-button,.composer-toolbar .icon-button,.send-button{min-width:44px;min-height:44px}
 .sidebar-tabs>.icon-button{min-width:33px;min-height:44px}
 .sidebar-footer>.icon-button{min-width:44px;min-height:44px}
 .header-actions>.secondary-button{width:44px;min-height:44px}
 .header-actions>.primary-button{min-height:44px}
 .canvas-tools button{width:40px;height:40px;min-width:40px;min-height:40px}
 .zoom-controls button{min-height:38px;min-width:35px}
 .view-tabs button{font-size:14px;min-height:44px}
 .device-toggle button{width:40px;height:40px}
 .camera-actions>button{min-height:44px}
 .dialog-close{width:44px;height:44px;right:8px;top:7px}
 #main-dialog h2{padding-right:30px}
}