@font-face{font-family:'DM Sans';src:url('./assets/dmsans-var.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text-primary);font-size:14px;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#353535;--muted:#797979;--line:rgba(50,52,46,.09);--sidebar-width:270px;--ease:cubic-bezier(.2,.75,.25,1);--glass-shadow:var(--shadow-control);--text-primary:#3e3e3e;--text-secondary:#717171;--text-tertiary:#7b7b7b;--canvas:#f3f3f3;--rim:rgba(255,255,255,.94);--shadow-sheet:0 1px 2px #35353508,0 12px 32px -8px #37373713,0 32px 50px -30px #3c3c3c23;--shadow-control:0 2px 3px #3434340b,0 5px 10px -5px #3434341a,inset 0 1px 1px #ffffff,inset 0 -1px 1px #7979791c;}
*{box-sizing:border-box}body{margin:0;background:#e7e7e7;}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:default}a{color:inherit}button,input,textarea{outline:none}button:focus-visible,a:focus-visible{outline:2px solid #8c8c8c;outline-offset:4px}input:focus-visible,textarea:focus-visible{outline:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button{touch-action:manipulation}::selection{background:#dedede}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.skip-link{position:fixed;top:-60px;left:20px;z-index:1000;padding:12px 18px;background:#ffffff;border-radius:8px}.skip-link:focus{top:12px}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 5%,#ffffffb3,transparent 66%),linear-gradient(135deg,#e7e7e7,#eeeeee 55%,#e3e3e3);z-index:-1;}.app-shell{display:flex;min-height:0;height:calc(100dvh - 24px);margin:12px;border-radius:22px;overflow:hidden;border:1px solid #ffffffde;background:var(--canvas);box-shadow:0 0 0 1px #88888821,0 10px 35px -12px #46464629,inset 0 1px 0 #ffffff;}.sidebar{width:var(--sidebar-width);flex-shrink:0;height:100%;position:relative;top:0;display:flex;flex-direction:column;border-right:1px solid #d6d6d699;background:linear-gradient(115deg,#ffffffad,#f3f3f3e8 70%,#efefefdc);box-shadow:inset -1px 0 0 #ffffffbd;padding:25px 15px 12px;transition:width .28s var(--ease),transform .28s var(--ease);z-index:20;backdrop-filter:blur(30px) saturate(1.05);}.brand-row{height:35px;margin:0 5px 27px;display:flex;align-items:center;gap:10px;}.brand-wordmark{font-size:20px;font-weight:550;letter-spacing:-.85px;white-space:nowrap;color:#353535;}.brand-icon{width:31px;height:31px;flex-shrink:0}.brand-row .icon-button{margin-left:auto;color:#717171;width:28px;height:28px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;transition:background .18s,box-shadow .18s}.icon-button:hover{background:#5757570b}.icon-button .icon{width:18px;height:18px}.new-button{width:100%;display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid #ffffffeb;background:linear-gradient(130deg,#ffffffe6,#ffffff61);box-shadow:var(--shadow-control);border-radius:14px;text-align:left;font-size:14px;padding:0 13px;margin-bottom:19px;transition:box-shadow .2s,transform .2s;height:48px;}.new-button:hover{box-shadow:0 5px 14px #3636360c,inset 0 1px 0 #ffffff;transform:translateY(-1px)}.new-button .chevron{margin-left:auto;width:14px;height:14px;color:#717171}.nav-group{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:41px;border-radius:10px;padding:0 12px;text-align:left;font-size:13px;color:#686868;white-space:nowrap;transition:background .18s,color .18s;}.nav-item>.icon{width:19px;height:19px;color:#717171}.nav-item:hover{background:#6e6e6e0c;color:#393939}.nav-item.active{color:#383838;background:linear-gradient(115deg,#dededeba,#e2e2e2e6);box-shadow:inset 0 1px 2px #6c6c6c10,inset 0 -1px 0 #ffffffbc;}.nav-item.active>.icon{color:#5c5c5c}.key-hint{margin-left:auto;display:flex;align-items:center;gap:2px;color:#717171;font-size:11px;letter-spacing:.2px}.key-hint .icon{width:12px;height:12px}.sidebar-divider{border:0;border-top:1px solid var(--line);margin:23px 7px 18px}.section-label{display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;letter-spacing:1.3px;color:#717171;text-transform:uppercase;font-weight:500;margin-bottom:9px}.section-label button{width:20px;height:20px}.section-label .icon{width:13px;height:13px}.project-item{margin-top:2px;color:#676767}.project-item.selected{color:#474747}.project-item .folder-mark{width:24px;height:24px;flex-shrink:0;}.project-item .chevron{width:13px;height:13px;margin-left:auto;color:#717171}.project-children{margin:5px 0 12px;padding-left:0;display:flex;flex-direction:column;gap:3px}.project-children .nav-item{padding-left:15px;gap:12px;min-height:38px;font-size:13px;}.all-projects{margin-top:8px;color:#717171}.all-projects .icon{width:18px}.sidebar-scroll{overflow-y:auto;scrollbar-width:thin;flex:1;min-height:0}.sidebar-bottom{padding-top:20px}.sidebar-note{margin:0 8px 16px;padding:12px 12px 11px;border:1px solid #ffffffbf;border-radius:12px;background:linear-gradient(130deg,#ffffff61,#ffffff27);box-shadow:inset 0 1px 0 #ffffff88;display:none;}.sidebar-note .note-title{font-size:11px;font-weight:500;display:flex;align-items:center;gap:7px;color:#707070}.sidebar-note .icon{width:14px;height:14px}.sidebar-note p{font-size:10px;line-height:1.55;color:#717171;padding-top:5px}.user-button{padding:9px 8px;display:flex;align-items:center;width:100%;text-align:left;gap:10px;border-radius:10px}.user-button:hover{background:#8080800c}.avatar{height:32px;width:32px;display:grid;place-items:center;flex-shrink:0;border:1px solid #f5f5f5;background:linear-gradient(145deg,#e6e6e6,#d4d4d4);border-radius:50%;box-shadow:0 2px 4px #5050500b,inset 0 1px 1px #ffffffc4;font-size:10px;color:#707070;font-weight:500;border-color:#f7f7f7;}.user-info strong{font-size:12px;font-weight:500;display:block}.user-info small{display:block;font-size:10px;color:#717171;margin-top:2px}.user-button>.icon{margin-left:auto;width:17px;color:#717171}.workspace{min-width:0;flex:1;display:flex;flex-direction:column;height:100%;background:radial-gradient(ellipse at 42% 15%,#ffffffb5,transparent 80%),linear-gradient(135deg,#f5f5f5,#f0f0f0);}.topbar{height:76px;flex-shrink:0;padding:0 32px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #ffffff63;}.space-name{font-size:12px;display:flex;align-items:center;gap:9px;color:#6b6b6b;white-space:nowrap;}.space-name .folder-mark{height:21px;width:21px}.space-name .icon{height:12px;width:12px;color:#717171}.space-name span span{color:#717171;margin-left:4px}.topbar-tools{display:flex;align-items:center;gap:14px;margin-left:auto}.search-trigger{display:flex;align-items:center;gap:9px;border-radius:30px;background:linear-gradient(145deg,#e8e8e883,#e8e8e859);box-shadow:inset 0 1px 2px #79797911,0 1px 1px #ffffff;color:#808080;font-size:12px;padding:10px 13px;width:240px;border:1px solid #dfdfdf45;}.search-trigger>.icon{width:16px;height:16px}.search-trigger .key-hint{font-size:9px}.topbar-divider{height:21px;width:1px;background:var(--line)}.topbar .avatar{width:28px;height:28px;font-size:9px}.topbar .icon-button{color:#717171}.mobile-menu,.expand-sidebar{display:none}#main-content{flex:1;outline:none;padding:0 36px;min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cecece transparent;scroll-behavior:smooth;}.home{max-width:780px;margin:clamp(42px,8vh,92px) auto 38px;animation:enter .45s var(--ease) both;}.welcome-meta{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--text-secondary);font-size:11px;margin-bottom:28px;}.hero-mark{height:46px;width:46px;display:grid;place-items:center;background:linear-gradient(135deg,#fffffffa,#f1f1f1e0);border:1px solid #ffffff;border-radius:13px;box-shadow:0 1px 1px #49494926,0 5px 9px -3px #4d4d4d25,inset 0 1px 2px #ffffff;transform:rotate(-4deg);}.hero-mark .brand-icon{height:33px;width:33px;}.meta-divider{height:14px;width:1px;background:#dbdbdb}.privacy-pill{display:flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid #ffffffd9;border-radius:20px;color:#717171;font-size:11px;background:linear-gradient(145deg,#ffffff99,#f1f1f19c);box-shadow:var(--shadow-control);}.privacy-pill .icon{width:11px;height:11px}.updated{display:flex;align-items:center;gap:6px;color:#7b7b7b;}.updated .icon{width:12px;height:12px}.welcome h1{text-align:center;line-height:1.24;letter-spacing:-1.6px;font-size:39px;font-weight:400;color:#353535;}.welcome h1 span{color:#8c8c8c;display:block;font-weight:400;}.welcome-subtitle{text-align:center;font-size:12px;color:#7c7c7c;letter-spacing:.05px;margin-top:16px;}.composer{margin-top:33px;padding:25px 25px 18px;position:relative;min-height:188px;border-radius:28px;background:linear-gradient(125deg,#ffffffdf 0%,#ffffff94 47%,#f9f9f9a1 100%);border:1px solid #ffffff;box-shadow:var(--shadow-sheet),inset 0 1px 2px #ffffff,inset 0 -1px 2px #afafaf3b;backdrop-filter:blur(28px) saturate(1.12);transition:box-shadow .25s,border-color .25s;}.composer::before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1px #b6b6b626,inset 0 -3px 5px -4px #aaaaaa;pointer-events:none;}.composer:focus-within{box-shadow:0 3px 7px #4e4e4e0b,0 18px 40px -16px #4a4a4a33,inset 0 1px 2px #ffffff,inset 0 -1px 2px #afafaf3b;border-color:#ffffff;}.composer.drag-over{outline:2px dashed #a2a2a2;outline-offset:5px}.composer textarea{border:0;background:none;resize:none;display:block;width:100%;min-height:70px;max-height:200px;color:#4a4a4a;padding:0;font-size:18px;font-weight:400;line-height:1.6;letter-spacing:-.25px;}.composer textarea::placeholder{color:#898989;}.composer-bottom{display:flex;align-items:center;gap:10px;margin-top:18px;}.glass-button{border:1px solid #ffffffe6;box-shadow:var(--shadow-control);background:linear-gradient(145deg,#ffffffbd,#f6f6f68c);transition:background 180ms var(--ease),box-shadow 180ms var(--ease),transform 180ms var(--ease);}.glass-button:hover{background:linear-gradient(145deg,#ffffff,#fafafa);transform:translateY(-1px);box-shadow:0 2px 4px #3c3c3c15,0 7px 14px -8px #3d3d3d38,inset 0 1px 1px #ffffff;}.circle-button{border-radius:50%;height:38px;width:38px;display:inline-flex;align-items:center;justify-content:center;color:#797979;}.circle-button .icon{height:17px;width:17px}.circle-button.is-on{color:#6f6f6f;background:#e4e4e4}.create-button{display:flex;align-items:center;gap:7px;border-radius:20px;font-size:12px;height:38px;padding:0 15px;color:#626262;}.create-button .icon{width:15px;height:15px}.composer-right{display:flex;align-items:center;gap:15px;margin-left:auto}.context-button{font-size:10px;display:flex;align-items:center;gap:6px;color:#828282;}.context-button .icon{width:12px;height:12px}.context-button .context-dot{height:4px;width:4px;border-radius:100%;background:#b4b4b4}.send-button{height:36px;width:36px;background:linear-gradient(150deg,#6b6b6b,#4b4b4b);border:1px solid #646464;border-radius:50%;color:#ffffff;box-shadow:0 3px 5px #3f3f3f22,inset 0 1px 1px #d3d3d379;display:grid;place-items:center;transition:opacity .2s,transform .2s;border-color:#5f5f5f;}.send-button:disabled{background:linear-gradient(145deg,#d6d6d6,#c0c0c0);border-color:#cacaca;box-shadow:0 2px 3px #5d5d5d10,inset 0 1px 0 #f6f6f6;color:#ffffff;}.send-button:not(:disabled):hover{transform:translateY(-1px);}.send-button .icon{width:18px;height:18px}.attachments{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.attachment-chip{font-size:10px;display:flex;gap:5px;align-items:center;background:#ebebeb82;border:1px solid #e3e3e3;border-radius:7px;padding:5px 7px;max-width:100%}.attachment-chip span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip .icon{width:12px;height:12px}.attachment-chip button{padding:0 0 0 4px}.suggestions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:22px}.suggestion{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;border:1px solid #e3e3e377;background:linear-gradient(135deg,#ffffff66,#ffffff16);color:#797979;font-size:11px;transition:background .2s,transform .2s;}.suggestion .icon{height:13px;width:13px}.suggestion:hover{background:#ffffffc9;transform:none;color:#5b5b5b;}.recent{margin-top:49px;}.recent-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding:0 2px}.recent-heading h2{font-size:12px;font-weight:400;color:#6f6f6f;}.text-button{font-size:11px;display:flex;align-items:center;gap:6px;color:#858585;padding:5px 0;}.text-button .icon{width:12px;height:12px}.text-button:hover{color:#626262}.activity-list{border-top:1px solid #dcdcdc8c}.activity-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 4px;border-bottom:1px solid #dcdcdc80;text-align:left;color:#717171;transition:background .2s;min-height:60px;}.activity-row:hover{background:#ffffff50}.activity-icon{width:33px;height:33px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffffe8,#f2f2f2de);border:1px solid #ffffff99;border-radius:9px;color:#717171;box-shadow:var(--shadow-control);}.activity-icon .icon{width:14px;height:14px}.activity-title{font-size:12px;color:#5e5e5e;}.activity-detail{font-size:10px;color:#7e7e7e;margin-top:3px;}.activity-date{margin-left:auto;font-size:10px;color:#838383;}.activity-arrow{width:13px;height:13px;opacity:0;transition:opacity .2s}.activity-row:hover .activity-arrow{opacity:1}.workspace-footer{padding:10px 28px 13px;display:flex;align-items:center;gap:16px;font-size:9px;color:#878787;flex-shrink:0;}.workspace-footer>span:first-child{display:flex;align-items:center;gap:6px}.workspace-footer>span:nth-child(2){margin-left:auto}.workspace-footer button{width:20px;height:20px;display:grid;place-items:center;margin-left:7px;color:#717171}.workspace-footer .icon{width:15px;height:15px}.status-dot{display:inline-block;height:4px;width:4px;border-radius:50%;background:#a5a5a5;box-shadow:0 0 0 2px #cfcfcf27}.sidebar-scrim{display:none}.popover{position:fixed;z-index:80;width:222px;background:linear-gradient(130deg,#fcfcfcf0,#f4f4f4f5);border:1px solid #ffffff;border-radius:17px;box-shadow:0 0 0 1px #b2b2b238,0 15px 40px #3838381c,inset 0 1px 1px #ffffff;backdrop-filter:blur(35px) saturate(1.15);padding:6px;animation:enter .16s var(--ease);}.popover-label{font-size:9px;letter-spacing:.8px;color:#717171;padding:9px 10px 6px;text-transform:uppercase}.menu-item{display:flex;align-items:center;gap:10px;width:100%;border-radius:8px;padding:11px 10px;text-align:left;font-size:12px;color:#676767;}.menu-item:hover{background:#e9e9e9}.menu-item>.icon{width:16px;height:16px}.menu-item span small{font-size:9px;color:#717171;display:block;margin-top:3px}.menu-separator{height:1px;background:var(--line);margin:5px}.modal{width:min(560px,calc(100vw - 32px));border:1px solid #ffffff;border-radius:25px;background:linear-gradient(140deg,#fcfcfcf0,#f6f6f6ed);padding:0;box-shadow:0 0 0 1px #b1b1b140,0 25px 80px #3434342e,inset 0 1px 1px #ffffff;color:var(--ink);max-height:85dvh;overflow:auto;backdrop-filter:blur(40px) saturate(1.1);}.modal::backdrop{background:#35353526;backdrop-filter:blur(7px);}.modal[open]{animation:modal-in 280ms var(--ease);}.modal-head{display:flex;align-items:center;gap:12px;padding:24px 25px 16px}.modal-head h2{font-size:18px;letter-spacing:-.5px}.modal-head .icon-button{margin-left:auto}.modal-body{padding:0 26px 26px;font-size:12px;line-height:1.7;color:#717171}.modal-body>p{margin-bottom:16px}.form-label{display:block;font-size:11px;color:#717171;margin:17px 0 7px}.form-input{display:block;width:100%;border:1px solid #e0e0e0;border-radius:10px;padding:12px;background:#ffffff99;color:#555555;font-size:12px}.form-input:focus{border-color:#acacac;box-shadow:0 0 0 3px #b2b2b218}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.button{padding:10px 17px;border-radius:9px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button .icon{height:15px;width:15px}.button-primary{background:#5e5e5e;color:#ffffff;box-shadow:inset 0 1px 1px #ffffff30,0 3px 8px #5b5b5b14}.button-primary:hover{background:#525252}.button-secondary{background:#eaeaea;color:#717171}.search-modal .modal-head{border-bottom:1px solid var(--line);padding:17px 21px;gap:12px}.search-modal .modal-head .icon{color:#717171}.search-input{width:100%;border:0;background:none;font-size:15px;color:#666666}.search-input::placeholder{color:#717171}.escape-hint{font-size:8px;padding:4px 5px;border:1px solid #dfdfdf;border-radius:4px;color:#717171}.search-results{padding:12px;max-height:400px;overflow:auto}.search-result{width:100%;display:flex;align-items:center;gap:11px;padding:12px;border-radius:10px;text-align:left;color:#717171;font-size:12px}.search-result:hover,.search-result:focus{background:#e8e8e8}.search-result>.icon{width:17px;height:17px}.search-result span small{font-size:10px;color:#717171;display:block;margin-top:4px}.search-result>.icon:last-child{margin-left:auto;width:14px;height:14px;color:#717171}.search-footer{padding:12px 22px;border-top:1px solid var(--line);font-size:9px;color:#717171}.empty-state{padding:40px 10px;text-align:center;color:#717171;font-size:12px}.toast{position:fixed;bottom:28px;left:calc(50% + 110px);transform:translate(-50%,15px);border:1px solid #ffffff;background:#f9f9f9f5;backdrop-filter:blur(20px);box-shadow:0 10px 35px #3a3a3a1c;border-radius:12px;z-index:150;padding:12px 18px;color:#717171;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.conversation{max-width:756px;margin:25px auto 35px;display:flex;flex-direction:column;min-height:calc(100dvh - 170px);animation:enter .35s var(--ease)}.conversation-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0 18px}.conversation-heading h1{font-size:15px;font-weight:500;letter-spacing:-.3px}.conversation-heading small{display:block;font-size:10px;color:#717171;margin-top:5px}.messages{flex:1;padding:24px 0}.message{margin-bottom:25px;animation:enter .3s var(--ease)}.message-user{margin-left:16%;padding:17px 20px;border-radius:16px 16px 4px 16px;background:#eaeaea99;border:1px solid #e1e1e175;font-size:13px;line-height:1.7;white-space:pre-wrap;color:#626262}.message-agent{font-size:13px;line-height:1.85;color:#717171}.message-agent .agent-label{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#595959;font-size:12px;font-weight:500}.agent-label .brand-icon{height:24px;width:24px}.demo-badge{font-size:8px;text-transform:uppercase;letter-spacing:.6px;font-weight:400;border:1px solid #dedede;color:#717171;padding:2px 5px;border-radius:4px}.message-agent p+p{margin-top:12px}.message-agent ul{padding-left:19px}.message-agent li{padding:3px 0}.message-agent strong{color:#717171;font-weight:500}.message-actions{display:flex;gap:8px;margin-top:11px}.message-actions .icon-button{color:#717171;width:27px;height:27px}.message-actions .icon{height:14px;width:14px}.conversation .composer{position:sticky;bottom:16px;margin-top:15px;background:linear-gradient(120deg,#fcfcfced,#f9f9f9dc)}.conversation .suggestions{margin-top:13px}.typing{display:flex;gap:5px;padding:15px}.typing i{width:5px;height:5px;background:#b1b1b1;border-radius:50%;animation:pulse 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.section-page{max-width:900px;margin:46px auto 44px;animation:enter .35s var(--ease);}.page-eyebrow{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#717171;margin-bottom:15px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:34px}.page-heading h1{font-size:30px;font-weight:400;letter-spacing:-1px}.page-heading p{font-size:12px;color:#717171;margin-top:9px;line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.feature-card{border:1px solid #ffffff;border-radius:22px;background:linear-gradient(125deg,#ffffffb9,#ffffff59);box-shadow:var(--shadow-sheet),inset 0 1px 1px #ffffff;padding:25px;display:flex;flex-direction:column;align-items:flex-start;}.feature-card>.icon{height:24px;width:24px;color:#717171;margin-bottom:22px}.feature-card h2{font-size:16px;color:#5d5d5d;margin-bottom:8px;}.feature-card p{font-size:12px;color:#838383;line-height:1.8;margin-bottom:19px;}.feature-card .text-button{margin-top:auto;color:#717171}.count-badge{font-size:9px;color:#717171;border-radius:20px;padding:4px 8px;background:#eaeaea;margin-left:auto}.list-panel{border:1px solid #ffffff;border-radius:21px;background:linear-gradient(120deg,#ffffffa1,#ffffff49);overflow:hidden;box-shadow:var(--shadow-sheet),inset 0 1px 1px #ffffff;}.file-row{padding:16px 19px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.file-row:last-child{border-bottom:0}.file-row>.icon{color:#717171}.file-row strong{display:block;font-size:12px;color:#717171;font-weight:400;overflow-wrap:anywhere}.file-row small{display:block;font-size:9px;color:#717171;margin-top:4px}.file-row .file-actions{display:flex;gap:3px;margin-left:auto}.file-actions .icon-button{height:29px;width:29px;color:#717171}.file-actions .icon{height:15px;width:15px}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #d4d4d4;border-radius:15px;padding:38px;margin-top:20px;color:#717171;font-size:12px;width:100%;background:#ffffff24}.drop-zone .icon{height:24px;width:24px}.drop-zone small{font-size:10px;color:#717171}.data-table{border-collapse:collapse;width:100%;font-size:11px;color:#717171}.data-table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#717171;font-weight:500;padding:16px;border-bottom:1px solid var(--line)}.data-table td{padding:16px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.status-pill{font-size:9px;border-radius:20px;background:#e9e9e9;padding:4px 7px;color:#717171;white-space:nowrap}.status-pill.pending{background:#e8e8e8;color:#717171}.shortcuts{display:flex;flex-direction:column;gap:12px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:11px;font-size:11px}.shortcut-row kbd{background:#ebebeb;border:1px solid #e1e1e1;border-radius:5px;padding:3px 7px;font:10px 'DM Sans',sans-serif;color:#717171}.preview-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:330px;overflow:auto;border-radius:10px;padding:15px;background:#ffffff77;font-size:11px;line-height:1.8}.scope-chip{display:flex;align-items:center;gap:6px;font-size:10px;border:1px solid #e1e1e1;padding:7px 10px;border-radius:7px;margin-top:12px;width:max-content}.scope-chip .icon{height:13px;width:13px}
/* Compact navigation and responsive workspace. */
.app-shell.collapsed{--sidebar-width:76px}.collapsed .sidebar{padding-inline:12px}.collapsed .brand-row{margin-inline:8px;justify-content:center}.collapsed .brand-row .icon-button,.collapsed .brand-wordmark,.collapsed .nav-text,.collapsed .key-hint,.collapsed .chevron,.collapsed .section-label,.collapsed .sidebar-note,.collapsed .user-info,.collapsed .user-button>.icon{display:none}.collapsed .brand-row{margin-bottom:30px}.collapsed .new-button{justify-content:center;padding:0}.collapsed .nav-item,.collapsed .project-children .nav-item{justify-content:center;padding:0;gap:0}.collapsed .sidebar-divider{margin:20px 0 14px}.collapsed .user-button{justify-content:center;padding-inline:0}.collapsed .project-children{padding-left:0}.collapsed .expand-sidebar{display:inline-flex}.collapsed .project-item:not(.selected){display:none}.collapsed .topbar{padding-left:27px}
@media(min-width:1500px){.home{margin-top:clamp(110px,15vh,180px);max-width:810px}.welcome h1{font-size:42px}.composer{min-height:184px;padding-top:25px}.composer textarea{min-height:67px}.recent{margin-top:78px}}
@media(max-width:1150px){:root{--sidebar-width:236px}.sidebar{padding-inline:13px}.topbar{padding-inline:27px}#main-content{padding-inline:36px}.home{margin-top:82px}.welcome h1{font-size:33px}.welcome-meta{margin-bottom:27px}.search-trigger{width:190px}.context-button{font-size:8px}.sidebar-note{margin-inline:3px}.workspace-footer{padding-inline:27px}}
@media(max-width:900px){:root{--sidebar-width:216px}.sidebar{padding-inline:11px}.brand-wordmark{font-size:18px}.nav-item{font-size:12px;gap:10px}.project-children .nav-item{font-size:11.5px}.topbar{padding-inline:22px}.search-trigger{width:165px}.topbar-tools{gap:8px}.topbar-divider{display:none}.search-trigger .key-hint{display:none}#main-content{padding-inline:25px}.home{margin-top:66px}.welcome h1{font-size:29px;letter-spacing:-1.2px}.welcome-subtitle{font-size:10px}.composer{padding:19px 19px 15px;margin-top:29px}.context-button{display:none}.suggestion{font-size:9px;padding:7px;gap:5px}.recent{margin-top:48px}.workspace-footer>span:nth-child(2){display:none}.workspace-footer button{margin-left:auto}.card-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{position:fixed;left:0;top:0;width:265px;height:100dvh;transform:translateX(-100%);background:#f5f5f5ed;padding:23px 17px 16px;box-shadow:10px 0 40px #33333313}.sidebar .brand-wordmark{font-size:20px}.sidebar .nav-item{font-size:13px}.sidebar .project-children .nav-item{font-size:12.5px}.app-shell.mobile-open .sidebar{transform:translateX(0)}.app-shell.mobile-open .sidebar-scrim{position:fixed;inset:0;display:block;background:#3a3a3a26;backdrop-filter:blur(3px);z-index:19}.mobile-menu{display:inline-flex}.topbar{height:73px;padding:0 17px;gap:8px}.topbar .space-name{font-size:11px}.topbar .space-name span span{display:none}.topbar-tools{gap:6px}.search-trigger{width:31px;height:31px;padding:7px;justify-content:center;background:none;border:0;box-shadow:none}.search-trigger>span{display:none}.topbar .header-more{display:none}#main-content{padding:0 22px}.home{margin-top:66px;margin-bottom:32px}.welcome-meta{gap:11px;margin-bottom:24px}.welcome h1{font-size:29px;letter-spacing:-1.05px}.welcome h1 span{max-width:330px;margin:auto}.welcome-subtitle{font-size:10px;margin-top:13px}.composer{margin-top:28px;min-height:172px;padding:20px 18px 15px;border-radius:20px}.composer textarea{font-size:15px}.composer-bottom{gap:8px}.composer-right{gap:0}.suggestions{gap:7px;margin-top:18px}.suggestion{font-size:9px;padding:8px}.suggestion:last-child{display:none}.recent{margin-top:47px}.activity-row{padding:12px 0;gap:10px}.activity-title{font-size:10px}.activity-date{font-size:8px}.activity-arrow{display:none}.workspace-footer{padding:16px 22px 21px;font-size:8px}.toast{left:50%;width:max-content}.section-page{margin-top:34px}.page-heading{flex-wrap:wrap;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.conversation{min-height:calc(100dvh - 145px);margin-top:12px}.conversation .composer{bottom:8px}.data-table th,.data-table td{padding:12px 9px;font-size:10px}.modal-body{padding:0 21px 23px}.modal-head{padding:21px 20px 13px}}
@media(max-height:790px) and (min-width:701px){.home{margin-top:58px}.recent{margin-top:43px}.sidebar-note{display:none}.sidebar-bottom{padding-top:10px}.sidebar{padding-top:23px}.brand-row{margin-bottom:24px}.sidebar-divider{margin-top:18px;margin-bottom:14px}.nav-item{min-height:37px}.project-children .nav-item{min-height:35px}.sidebar-scroll{scrollbar-width:none}.home{margin-bottom:30px}}
@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes pulse{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Object-like surfaces, pressed states, and the organization overview. */
.brand-home{display:flex;align-items:center;gap:9px;padding:0;text-align:left;border-radius:8px}.brand-home:hover .brand-icon{filter:drop-shadow(0 2px 2px #35353520)}
.glass-button:active,.new-button:active,.send-button:not(:disabled):active{transform:translateY(1px) scale(.98);box-shadow:inset 0 1px 3px #35353514,0 1px 2px #3535350c}
.nav-item:active,.activity-row:active,.directory-row:active{background-color:#e1e1e055}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.workspace-overview{max-width:1080px;margin:16px auto 40px;animation:enter 380ms var(--ease) both}
.overview-cover{height:200px;position:relative;border-radius:20px;overflow:hidden;background:#cac9c7;border:1px solid #ffffff;box-shadow:0 1px 3px #3333321c,inset 0 1px 0 #ffffff}
.overview-cover img{width:100%;height:100%;object-fit:cover;object-position:center 90%;display:block}
.overview-cover::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 2px #ffffff66,inset 0 0 0 1px #ffffff36;pointer-events:none}
.overview-identity{position:relative;padding:40px 7px 29px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.organization-mark{width:54px;height:54px;border-radius:15px;background:linear-gradient(130deg,#fbfbfa,#e1e1de);border:1px solid #ffffffc9;box-shadow:0 2px 3px #706f6b14,0 8px 18px -12px #6e6d6833,inset 0 1px 1px #ffffff;position:absolute;left:13px;top:-29px;display:grid;place-items:center}
.organization-mark .brand-icon{height:37px;width:37px}.overview-identity h1{font-size:28px;letter-spacing:-.9px;font-weight:400;color:#373737}.overview-identity p{font-size:12px;color:#7c7c7b;margin-top:9px}.overview-actions{display:flex;gap:8px;padding-bottom:4px}.overview-actions .button{border-radius:30px;font-size:11px;padding:9px 12px;color:#646463}
.directory-grid{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:13px;align-items:stretch}.directory-panel{min-width:0;border:1px solid #ffffffdb;border-radius:22px;padding:18px 9px 8px;background:linear-gradient(125deg,#ffffff99,#ffffff45);box-shadow:0 0 0 1px #b7b7b520,0 10px 24px -14px #45454322,inset 0 1px 1px #ffffff;display:flex;flex-direction:column}.directory-heading{font-size:10px;font-weight:400;letter-spacing:1.1px;text-transform:uppercase;color:#80807f;padding:1px 12px 13px;display:flex;justify-content:space-between;align-items:center}.directory-heading button{padding:0;display:grid;place-items:center;width:22px;height:22px;color:#8a8b89}.directory-heading .icon{height:13px;width:13px}
.directory-items{flex:1}.directory-row{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:12px 9px;border-radius:12px;transition:background 180ms var(--ease),box-shadow 180ms var(--ease);min-height:75px}.directory-row:hover{background:#dddddc55}.directory-row.selected{background:linear-gradient(125deg,#e4e4e3ce,#e5e5e4d4);box-shadow:inset 0 1px 2px #b8b9b61e,inset 0 -1px 0 #ffffff77}.directory-row .object-icon{width:36px;height:40px;flex-shrink:0;filter:drop-shadow(0 2px 2px #55555312)}.directory-row .row-copy{min-width:0}.directory-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;color:#4c4c4a;letter-spacing:-.12px}.directory-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#828381;margin-top:6px}.directory-link{display:flex;align-items:center;justify-content:center;gap:7px;padding:14px 8px;font-size:11px;color:#6e706c;border-top:1px solid #dcdcda7d;margin:16px 9px 0}.directory-link:hover{color:#444642}.directory-link .icon{height:13px;width:13px}.overview-footnote{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#848583;margin-top:24px}.overview-footnote .icon{height:12px;width:12px}
@media(min-width:1500px){.home{margin-top:clamp(60px,9vh,130px);max-width:810px}.welcome h1{font-size:42px}.recent{margin-top:55px}.overview-cover{height:230px}.directory-row{min-height:80px}}
@media(max-height:790px) and (min-width:701px){.home{margin-top:30px}.recent{margin-top:34px}.welcome-meta{margin-bottom:22px}.composer{margin-top:26px;min-height:173px;padding-top:21px}.composer textarea{min-height:59px}.welcome h1{font-size:34px}.sidebar{padding-top:21px}.sidebar .nav-item{min-height:37px}.sidebar .project-children .nav-item{min-height:35px}.brand-row{margin-bottom:22px}.sidebar .new-button{margin-bottom:14px}.overview-cover{height:165px}.overview-identity{padding-bottom:22px}}
@media(max-width:1150px){.directory-grid{grid-template-columns:1fr 1fr}.directory-panel:last-child{grid-column:1/-1}.directory-panel:last-child .directory-items{display:grid;grid-template-columns:1fr 1fr}.directory-row strong{font-size:12px}.topbar{padding-inline:24px}}
@media(max-width:900px){.app-shell{margin:8px;height:calc(100dvh - 16px);border-radius:18px}.sidebar{padding-inline:11px}.home{margin-top:55px}.welcome h1{font-size:31px}.welcome-subtitle{font-size:11px}.context-button{display:none}.search-trigger{width:185px}.suggestion{font-size:10px;padding:8px 9px}.overview-actions .button{font-size:10px}.overview-identity h1{font-size:24px}.directory-grid{grid-template-columns:1fr}.directory-panel:last-child{grid-column:auto}.directory-panel:last-child .directory-items{display:block}.overview-cover{height:180px}}
@media(max-width:700px){body{background:var(--canvas)}.app-shell{margin:0;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.sidebar{position:fixed;left:0;top:0;height:100dvh;z-index:20;border-radius:0 20px 20px 0;width:265px;padding:24px 17px 14px;background:#f7f7f6f5;box-shadow:12px 0 35px #3838361a}.workspace{height:100%}.topbar{height:68px;padding:0 16px}.search-trigger{width:32px;background:none;box-shadow:none;padding:7px}.space-name{font-size:11px}#main-content{padding:0 20px}.home{margin-top:46px;margin-bottom:25px}.welcome h1{font-size:29px;letter-spacing:-1.1px}.welcome h1 span{max-width:330px}.welcome-meta{font-size:9px;gap:10px}.privacy-pill{font-size:10px}.welcome-subtitle{font-size:10px}.composer{padding:20px 17px 16px;border-radius:24px;min-height:172px;margin-top:27px}.composer textarea{font-size:16px;min-height:62px}.composer-bottom{gap:8px}.circle-button{height:36px;width:36px}.create-button{height:36px;font-size:11px}.suggestion{font-size:10px;padding:8px}.recent{margin-top:37px}.activity-title{font-size:11px}.activity-detail,.activity-date{font-size:9px}.workspace-footer{padding:11px 21px;font-size:8px}.workspace-overview{margin-top:12px}.overview-cover{height:165px;border-radius:17px}.overview-identity{padding:36px 2px 24px;align-items:flex-start;flex-direction:column;gap:15px}.overview-identity h1{font-size:25px}.overview-identity p{font-size:11px}.overview-actions{gap:8px}.organization-mark{left:12px}.directory-grid{grid-template-columns:1fr;gap:15px}.directory-panel{padding-top:17px}.directory-row{min-height:71px}.directory-row strong{font-size:13px}.directory-row small{font-size:11px}.directory-heading{font-size:11px}.directory-panel:last-child .directory-items{display:block}.overview-footnote{font-size:9px}.conversation{min-height:calc(100dvh - 155px)}.conversation .composer{bottom:6px}}