@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_8a75054f-module__scnvyW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_8a75054f-module__scnvyW__variable{--font-geist:"Geist", "Geist Fallback"}
:root{--ink:#0d0d0d;--sub:#5d5d5d;--line:#e7e7e7;--field:#d9d9d9;--soft:#f9f9f9;--active:#ededed;--canvas:#fff;--track:#ededed;--on-ink:#fff;--hover:#000;--underline:#b9b9b9;--idle-ring:#b9b9b9;--rail:#f0f0f0;--amber-dot:#d97706;--amber:#7a5d00;--amber-bg:#fffbed;--amber-line:#ffeeb8;--green:#00692a;--green-bg:#edfaf2;--green-line:#d9f4e4;--red-dot:#d92d20;--red:#ba2623;--red-bg:#fff0f0;--red-line:#ffd9d9;--shadow:#0000001f;--lift:0 0 0 1px #0000000d, 0 1px 2px -1px #00000014;--font:"PP Mori", var(--font-geist), ui-sans-serif, system-ui, sans-serif;--r-pill:999px;--r-field:12px;--r-card:16px;--r-row:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{background:var(--rail);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}a{color:var(--ink)}a:hover{color:var(--hover)}button{cursor:pointer;font-family:inherit}button:disabled{cursor:default}input,textarea,select{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--sub);opacity:1}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sr{opacity:0;white-space:nowrap;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.sub{color:var(--sub)}.small{font-size:12.5px}.nowrap{white-space:nowrap}.grow{flex:auto;min-width:0}.row-flex{align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:16px;min-width:0;display:flex}.stack-sm{flex-direction:column;gap:8px;min-width:0;display:flex}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.app-root{height:100vh;min-height:0;padding:0;display:flex}.sheet{min-width:0;box-shadow:0 0 0 1px var(--line);background:var(--canvas);border-radius:16px 0 0 16px;flex-direction:column;flex:auto;display:flex;overflow:hidden}.panel-frame{background:var(--soft);min-width:0;box-shadow:none;border-radius:0;flex:auto;display:flex;overflow:hidden}.panel-frame>.sheet{box-shadow:none;border-radius:0}.app-header{flex:none;justify-content:flex-end;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;position:relative}.app-header.split{justify-content:space-between}.brand-link{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;text-decoration:none;display:flex}.page{flex-direction:column;flex:auto;gap:24px;min-height:0;padding:28px 40px 32px;display:flex;overflow:auto}.page.center{align-items:center;padding-top:48px}.page.center>.page-inner{flex-direction:column;gap:32px;width:min(1120px,100%);display:flex}.page-body{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.with-side{flex:auto;min-height:0;display:flex}.app-footer{border-top:1px solid var(--line);background:var(--canvas);flex:none;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 40px;display:flex}.app-footer .note{color:var(--sub);font-size:13.5px}.app-footer .actions{align-items:center;gap:8px;display:flex}.steps{flex-direction:column;flex:none;width:240px;display:flex}.steps .logo{height:64px;color:var(--ink);letter-spacing:-.01em;flex:none;align-items:center;gap:10px;padding:0 22px;font-size:15px;text-decoration:none;display:flex}.steps .inner{flex-direction:column;gap:2px;min-height:0;padding:6px 12px 0;display:flex;overflow:auto}.steps .back{color:var(--sub);align-items:center;gap:6px;padding:0 10px;font-size:13px;text-decoration:none;display:inline-flex}.steps .title{letter-spacing:-.01em;overflow-wrap:anywhere;padding:10px 10px 16px;font-size:20px;font-weight:500;line-height:26px}.step-link{border-radius:var(--r-row);height:36px;color:var(--sub);align-items:center;gap:10px;padding:0 10px;font-size:14.5px;text-decoration:none;display:flex}.step-link.done,.step-link.current{color:var(--ink)}.step-link.current{background:var(--active)}.step-link .tick{color:var(--sub);margin-left:auto;display:flex}.step-link:hover{background:var(--active);color:var(--ink)}.sub-links{flex-direction:column;margin:2px 0 6px 28px;display:flex}.sub-link{height:30px;color:var(--sub);border-radius:8px;align-items:center;padding:0 10px;font-size:13.5px;text-decoration:none;display:flex}.sub-link.current{color:var(--ink);font-weight:500}.sub-link:hover{color:var(--ink)}.steps .foot{margin-top:auto;padding:12px}.connections-sidebar{width:100%}.chip.connections-sidebar-trigger{border-color:var(--line);background:var(--canvas);white-space:normal;text-align:left;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:7px;width:100%;height:auto;min-height:96px;padding:10px;display:flex}.connections-sidebar-heading{align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.connections-sidebar-state{color:var(--sub);align-items:center;gap:7px;font-size:11.5px;line-height:16px;display:flex}.connections-sidebar .connected-services{gap:6px;margin:0;display:flex}.connections-sidebar .connected-services>span{border:0!important}.connections-sidebar .connected-services .app-mark{width:20px!important;height:20px!important}.connected-services>span[data-active=false]{filter:grayscale();opacity:.48}.connection-service-mark{flex:none;display:inline-flex}.connection-service-mark[data-active=false]{filter:grayscale();opacity:.48}.chip.connections-sidebar-trigger:hover,.chip.connections-sidebar-trigger.open{background:var(--active)}.head{flex:none;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.head .eyebrow{color:var(--sub);font-size:13px}.head h1{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:400;line-height:38px}.head p{color:var(--sub);max-width:760px;margin:0;font-size:14.5px;line-height:1.5}.hello h1{letter-spacing:-.02em;margin:0;font-size:36px;font-weight:400;line-height:44px}.hello p{color:var(--sub);margin:6px 0 0;font-size:14.5px}h2{font-weight:500}.btn{border-radius:var(--r-pill);white-space:nowrap;border:1px solid var(--line);background:var(--canvas);height:36px;color:var(--ink);flex:none;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--soft);color:var(--ink)}.btn.primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.btn.primary:hover:not(:disabled){color:var(--on-ink);background:#262626}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--active)}.btn.danger{color:var(--red)}.btn.sm{height:30px;padding:0 12px;font-size:13px}.btn.pressed{background:var(--active)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.icon-btn{width:32px;height:32px;color:var(--ink);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--active)}.link{color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px}.link.sub{color:var(--sub)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.field>.label{color:var(--sub);font-size:13px}.input,.select,.textarea{border:1px solid var(--field);border-radius:var(--r-field);width:100%;height:40px;color:var(--ink);background:var(--canvas);outline:none;padding:0 12px;font-size:14px}.textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px;line-height:1.5}.textarea.grow{flex:1;min-height:0}.field-control-wrap{min-width:0;position:relative}.field-floating .field-control{border:1px solid var(--field);border-radius:var(--r-field);background:var(--canvas);width:100%;height:52px;color:var(--ink);outline:none;padding:22px 12px 6px;font-size:14px;line-height:20px;display:block}.field-floating textarea.field-control{resize:vertical;height:auto;min-height:104px;padding:24px 12px 10px;line-height:1.5}.field-control-wrap>label{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;cursor:text;font-size:14px;line-height:20px;transition:top .12s,font-size .12s,line-height .12s;position:absolute;top:16px;left:13px;right:13px;overflow:hidden}.field-floating .field-control:focus{border-color:var(--ink)}.field-control:focus+label,.field-control:not(:placeholder-shown)+label{font-size:11.5px;line-height:16px;top:6px}.field-control:autofill+label{font-size:11.5px;line-height:16px;top:6px}.field-floating .field-control::placeholder{opacity:0;transition:opacity .12s}.field-floating .field-control:focus::placeholder{opacity:1}.field-control:disabled+label{cursor:default;opacity:.65}@media (prefers-reduced-motion:reduce){.field-control-wrap>label,.field-floating .field-control::placeholder{transition:none}}.isi-pane{padding:16px}.isi-pane>.link{align-self:flex-start}.isi-places{border-top:1px solid var(--line)}.cards-fit{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));align-items:start;gap:16px;display:grid}.isi-text{background:var(--soft);border-radius:12px;flex-direction:column;gap:10px;max-height:480px;padding:18px 20px;display:flex;overflow-y:auto}.isi-text.full{max-height:none}.isi-text .isi-heading{font-size:13px;font-weight:500}.isi-text p{white-space:pre-wrap;max-width:80ch;margin:0;font-size:13.5px;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%235D5D5D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:34px}.help{color:var(--sub);font-size:12.5px}.error-text{color:var(--red);font-size:12.5px}.radios{flex-direction:column;gap:10px;display:flex}.radios .opts{flex-wrap:wrap;gap:24px;display:flex}.choice{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:inline-flex}.choice input{width:16px;height:16px;accent-color:var(--ink);margin:0}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{width:16px;height:16px;accent-color:var(--ink);flex:none;margin:2px 0 0}.check .t{flex-direction:column;gap:2px;display:flex}.tabs{background:var(--active);overscroll-behavior-x:contain;scrollbar-width:thin;border-radius:12px;flex:none;align-self:flex-start;gap:4px;min-width:0;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.tabs>button,.tab{min-width:max-content;min-height:36px;color:var(--sub);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:13px;line-height:20px;text-decoration:none;display:inline-flex}.tabs>button:hover,.tab:hover{color:var(--ink)}.tabs>button[aria-selected=true],.tab.on{background:var(--canvas);color:var(--ink);box-shadow:var(--lift)}.tabs>button:focus-visible,.tab:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.tabs .count{background:var(--soft);min-width:18px;height:18px;color:var(--ink);border-radius:5px;place-items:center;margin:0;padding:0 4px;font-size:10px;line-height:18px;display:grid}.badge{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--soft);height:22px;color:var(--sub);white-space:nowrap;flex:none;align-items:center;gap:5px;padding:0 8px 0 7px;font-size:12px;font-weight:500;line-height:14px;display:inline-flex}.badge.need{background:var(--amber-bg);border-color:var(--amber-line);color:var(--amber)}.badge.done{background:var(--green-bg);border-color:var(--green-line);color:var(--green)}.badge.error{background:var(--red-bg);border-color:var(--red-line);color:var(--red)}.badge .spin{border:1.5px solid var(--track);border-top-color:var(--ink);border-radius:999px;flex:none;width:10px;height:10px}.badge.tag{padding:0 8px}.dot{color:var(--sub);align-items:center;gap:7px;font-size:13px;display:inline-flex}.dot.need{color:var(--amber)}.dot.done{color:var(--green)}.dot.error{color:var(--red)}.progress{border-radius:var(--r-pill);background:var(--track);height:4px;display:block;overflow:hidden}.progress>span{background:var(--ink);height:100%;display:block}.stepbars{flex:none;gap:2px;display:inline-flex}.stepbars span{background:var(--line);width:3px;height:10px}.stepbars span.on{background:var(--ink)}.card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--canvas);flex-direction:column;min-width:0;display:flex}.card-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:16px;height:44px;padding:0 16px;display:flex}.card-head h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:400;overflow:hidden}.card-body{flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.card-body.flush{gap:0;padding:0}.rows>.row{justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.rows>.row+.row{border-top:1px solid var(--line)}.rows>.row.top{align-items:flex-start}.two{flex-direction:column;gap:2px;min-width:0;display:flex}.two>:first-child{text-overflow:ellipsis;font-size:14px;overflow:hidden}.two>:last-child:not(:first-child){color:var(--sub);text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.table{border:1px solid var(--line);border-radius:var(--r-field);background:var(--canvas);flex-direction:column;min-width:0;display:flex;overflow:auto hidden}.table.flush{border:0;border-radius:0}.tr{border-top:1px solid var(--line);min-height:52px;display:grid}.tr.th{border-top:0;min-height:40px}.tr.th>div{color:var(--sub);white-space:nowrap;font-size:12.5px}.tr>div{align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.tr.link{color:var(--ink);cursor:pointer;text-decoration:none}.tr.link:hover{background:var(--soft)}.needs .row .t{align-items:center;gap:12px;min-width:0;font-size:14px;display:flex}.needs .ring{border:1px solid var(--line);width:28px;height:28px;color:var(--amber-dot);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.nav-list{flex-direction:column;gap:2px;display:flex}.nav-item{border-radius:var(--r-row);min-height:34px;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:6px 10px;font-size:14px;text-decoration:none;display:flex}.nav-item .meta{color:var(--sub);white-space:nowrap;font-size:12.5px}.nav-item.on,.nav-item:hover{background:var(--active)}.thumb{background:var(--soft);color:var(--sub);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.thumb.small{border-radius:8px}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb.contain img{object-fit:contain}.tile{min-width:0;color:var(--ink);flex-direction:column;gap:8px;text-decoration:none;display:flex;position:relative}.tile .name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.tile .box{aspect-ratio:1;background:var(--soft);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.tile .box img,.tile .box svg{object-fit:contain;max-width:100%;max-height:100%;display:block}.tile .pick{width:16px;height:16px;accent-color:var(--ink);z-index:1;margin:0;position:absolute;top:8px;left:8px}.grid-tiles{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:24px 20px;display:grid}.avatar{background:var(--active);border:1px solid var(--line);width:32px;height:32px;color:var(--ink);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.app-mark{background:var(--soft);color:var(--ink);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-mark svg{display:block}.app-mark.claude{color:#bd4b2a;background:#fff0e8}.app-mark.chatgpt,.app-mark.grok{background:#f7f7f7}.app-mark.figma{box-shadow:inset 0 0 0 1px var(--line);background:#fff}.app-mark.volta{color:#8a5800;background:#fff1cc}.app-mark.audienceLab{color:#08745a;background:#e2f4ef}.app-mark.siMlr{color:#2e54c0;background:#e6ecff}.app-mark.knowledgeLake{color:#0d6884;background:#e1f1f7}.tile-icon{background:var(--soft);border:1px solid var(--line);border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.swatch{border:1px solid var(--line);height:64px}.stage{border:1px solid var(--line);background:var(--soft);border-radius:16px;justify-content:center;align-items:center;min-height:280px;padding:24px;display:flex;position:relative}.stage img{max-width:min(100%, var(--asset-width,100%));max-height:560px;display:block;box-shadow:0 1px 3px #0000001f}img[data-asset-preview],.stage img,.mtile .box img,.tile .box img,.zoom-port img{outline:1px solid var(--underline);outline-offset:-1px}[data-asset-preview]:not(img):after{content:"";border:1px solid var(--underline);z-index:1;pointer-events:none;position:absolute;inset:0}.zoomable{cursor:zoom-in;background:0 0;border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.zoom-chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--canvas);height:30px;color:var(--ink);box-shadow:var(--lift);pointer-events:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex;position:absolute;top:12px;right:12px}.zoomable:hover .zoom-chip{background:var(--soft)}.zoom-chip.icon{opacity:0;justify-content:center;width:30px;padding:0;transition:opacity .12s}.masonry{align-items:flex-start;display:flex}.masonry-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.mtile{flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.mtile .box{border:1px solid var(--line);background:var(--soft);width:100%;color:var(--sub);font:inherit;border-radius:14px;justify-content:center;align-items:center;padding:14px;display:flex;position:relative}.mtile button.box{cursor:zoom-in;transition:border-color .12s}.mtile button.box:hover{border-color:var(--underline)}.mtile.on .box{border-color:var(--ink)}.mtile .box img{background:var(--canvas);flex:none;display:block;box-shadow:0 1px 3px #0000001f}.mtile .box:hover .zoom-chip,.mtile .box:focus-visible .zoom-chip{opacity:1}.mtile .pick{z-index:1;width:16px;height:16px;accent-color:var(--ink);margin:0;position:absolute;top:10px;left:10px}.mtile .meta{min-width:0;color:var(--ink);flex-direction:column;gap:6px;padding:0 2px;text-decoration:none;display:flex}.mtile .meta .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mtile .meta:hover .name{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline)}.scrim{z-index:30;background:#0d0d0d4d;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.dialog{background:var(--canvas);max-width:100vw;height:100%;box-shadow:0 0 0 1px var(--line), -16px 0 40px -12px #00000040;border-radius:16px 0 0 16px;flex-direction:column;flex:none;display:flex;overflow:hidden}.dialog-head{flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 16px 8px 24px;display:flex}.dialog-head h2{margin:0;font-size:18px;font-weight:500;line-height:24px}.dialog-body{flex-direction:column;flex:auto;gap:18px;min-height:0;padding:12px 24px 16px;display:flex;overflow:auto}.dialog-foot{border-top:1px solid var(--line);flex:none;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.project-actions-trigger{color:var(--sub)}.project-actions-trigger[aria-expanded=true]{background:var(--active);color:var(--ink)}.project-actions-popover{background:var(--canvas);width:184px;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-field);box-shadow:0 8px 24px var(--shadow);margin:0;padding:5px;position:fixed;inset:auto}.project-actions-popover>button{width:100%;min-height:38px;color:var(--red);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.project-actions-popover>button:hover{background:var(--red-bg)}.project-delete-dialog{border:1px solid var(--line);background:var(--canvas);width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:16px;margin:auto;padding:24px;box-shadow:0 16px 48px #00000029}.project-delete-dialog::backdrop{background:#00000050}.project-delete-dialog h2{align-items:center;gap:10px;margin:0;font-size:19px;display:flex}.project-delete-dialog p{overflow-wrap:anywhere;margin:16px 0 0;line-height:1.6}.project-delete-dialog>.row-flex{justify-content:flex-end;gap:10px;margin-top:24px}.project-delete-dialog .btn.danger{color:#fff;background:var(--red);border-color:var(--red)}.project-delete-dialog .btn.danger:hover:not(:disabled){color:#fff;background:#a01f1d}.side{border-left:1px solid var(--line);background:var(--canvas);flex-direction:column;flex:none;width:420px;min-height:0;display:flex}.side-head{flex:none;align-items:center;gap:10px;min-height:64px;padding:10px 16px;display:flex}.side-head.close-only{justify-content:flex-end;min-height:40px;padding:8px 16px 0}.side-body{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:4px 16px 12px;display:flex;overflow:auto}.side-foot{padding:0 12px 14px}.ask-box{border:1px solid var(--line);background:var(--canvas);border-radius:22px;flex-direction:column;gap:10px;padding:10px;display:flex;box-shadow:0 4px 8px -2px #0000000f}.ask-box textarea{resize:none;border:0;outline:none;min-height:44px;padding:4px 8px;font-size:14px}.msg-user{justify-content:flex-end;display:flex}.msg-user>div{background:var(--active);border-radius:18px;max-width:330px;padding:10px 14px;font-size:14px;line-height:1.5}.msg-app{gap:10px;display:flex}.msg-app .body{flex-direction:column;flex:auto;gap:8px;min-width:0;font-size:14px;line-height:1.55;display:flex}.menu{z-index:20;background:var(--canvas);border:1px solid var(--line);border-radius:16px;width:420px;position:absolute;top:58px;right:24px;overflow:hidden;box-shadow:0 12px 32px #1212121a}.chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--canvas);height:32px;color:var(--ink);white-space:nowrap;align-items:center;gap:8px;padding:0 8px 0 12px;font-size:13px;display:inline-flex}.chip.open{background:var(--active)}.chip .lamp{background:var(--green);border-radius:999px;width:7px;height:7px}.chip .lamp.off{background:var(--amber-dot)}.zoom{z-index:50;color:#fff;background:#0d0d0df7;outline:none;flex-direction:column;display:flex;position:fixed;inset:0}.zoom :focus-visible{outline-color:#fff}.zoom-head{flex:none;align-items:center;gap:12px;min-height:64px;padding:10px 16px 10px 24px;display:flex}.zoom-head .two>:first-child{color:#fff;font-size:15px}.zoom-head .two .sub,.zoom-head .two>:last-child:not(:first-child){color:#fff9}.zoom-count{color:#fff9;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.zoom-btn{color:#fff;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.zoom-btn:hover:not(:disabled){color:#fff;background:#ffffff24}.zoom-btn:disabled{opacity:.3}.zoom-body{flex:auto;min-height:0;position:relative}.zoom-port{touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in;position:absolute;inset:0;overflow:hidden}.zoom-port.grab{cursor:grab}.zoom-port.grabbing{cursor:grabbing}.zoom-port img{background:#fff;max-width:none;display:block;position:absolute;top:0;left:0;box-shadow:0 12px 48px #00000080}.zoom-port img.glide{transition:width .2s,height .2s,transform .2s}.zoom-note{color:#ffffffb3;justify-content:center;align-items:center;gap:10px;font-size:13.5px;display:flex;position:absolute;inset:0}.zoom-note a{color:#fff}.zoom-note .spin{border:1.5px solid #ffffff40;border-top-color:#fff;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite spin}.zoom-nav{background:#ffffff1a;width:44px;height:44px;position:absolute;top:50%;transform:translateY(-50%)}.zoom-nav.prev{left:16px}.zoom-nav.next{right:16px}.zoom-tools{border-radius:var(--r-pill);background:var(--canvas);color:var(--ink);align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0006}.zoom-tools .icon-btn:disabled{opacity:.35}.zoom-tools .pct{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;font-size:13px}.zoom-tools .sep{background:var(--line);width:1px;height:20px;margin:0 4px}.zoom-hint{color:#ffffff80;pointer-events:none;font-size:12.5px;position:absolute;bottom:30px;left:24px}@media (max-width:1180px){.zoom-hint{display:none}}.toast{z-index:40;background:var(--ink);color:var(--on-ink);border-radius:12px;max-width:560px;padding:10px 16px;font-size:13.5px;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.toast.error{background:var(--red)}.callout{background:var(--soft);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.callout.placeholder{background:var(--amber-bg);border-color:var(--amber-line);color:var(--amber);flex-direction:row;flex:none;align-items:flex-start;padding:11px 14px;font-size:13.5px;line-height:1.45}.code{white-space:pre-wrap;word-break:break-word;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;display:block}.empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:56px 32px 60px;display:flex}.empty .ring{background:var(--soft);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.empty h2{margin:0;font-size:18px;line-height:24px}.empty p{max-width:440px;color:var(--sub);margin:0;font-size:14px;line-height:1.5}.loading{color:var(--sub);justify-content:center;align-items:center;gap:10px;padding:48px;font-size:13.5px;display:flex}.loading .spin{border:1.5px solid var(--track);border-top-color:var(--ink);border-radius:999px;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.signin{background:var(--canvas);width:380px;box-shadow:0 0 0 1px var(--line);border-radius:16px;flex-direction:column;gap:16px;margin:auto;padding:28px;display:flex}.format-family{flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.format-family+.format-family{border-top:1px solid var(--line)}.format-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.format-tile{border:1px solid var(--line);background:var(--canvas);color:var(--sub);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;transition:border-color .12s,background .12s,color .12s;display:flex;position:relative}.format-tile:hover{border-color:var(--sub)}.format-tile.on{border-color:var(--ink);background:var(--soft);color:var(--ink)}.format-tile:focus-within{outline:2px solid var(--ink);outline-offset:2px}.format-tile input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.format-stage{justify-content:center;align-items:center;height:56px;display:flex}.format-shape{opacity:.45;border:1.5px solid;border-radius:3px;display:block}.format-tile.on .format-shape{opacity:1}.format-name{font-size:13px;line-height:1.25}.format-meta{color:var(--sub);font-size:11.5px}.format-check{background:var(--ink);width:16px;height:16px;color:var(--on-ink);border-radius:999px;justify-content:center;align-items:center;display:none;position:absolute;top:6px;right:6px}.format-tile.on .format-check{display:flex}.matrix-head{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.3;display:-webkit-box;overflow:hidden}.connect-page{background:var(--rail)}.connect-card{width:440px}.connect-card h1{margin:0;font-size:22px;font-weight:500}.connect-card p{margin:0}.connect-warn{color:var(--amber)}.connect-actions{justify-content:flex-end;gap:8px}.creative{background:#dfdee4}.mobile-menu,.project-header{display:none}.connected-services{margin-left:2px;display:inline-flex}.project-header-status{gap:16px}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.assistant-select{max-width:160px;min-height:34px;font-size:13px}.connections-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start;gap:20px;display:grid}.project-tile{border:1px solid var(--line);background:var(--canvas);border-radius:14px;min-width:0;padding:10px;transition:border-color .16s,transform .16s,box-shadow .16s}.project-tile:hover,.project-tile:focus-within{border-color:var(--field);transform:translateY(-2px);box-shadow:0 8px 24px #00000012}.project-tile-link{outline-offset:4px;border-radius:8px;min-width:0}.project-preview{box-sizing:border-box;border:1px solid var(--line);background:var(--soft);width:100%;height:160px;padding:12px;transition:background-color .16s}.project-preview img{object-fit:contain;background:var(--soft);width:100%;max-width:100%;height:100%;max-height:100%;display:block}.project-preview-empty{flex-direction:column;gap:12px}.project-preview-empty>.sub{text-align:center;max-width:100%;font-size:13px}.project-tile-meta{gap:2px;padding:2px 2px 0}.project-tile-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.project-tile-step{font-size:13px}.project-tile-footer{min-height:32px;padding-inline:2px}.connections-page .card{background:0 0;border:0;border-radius:0}.connections-page .card-head{border:0;height:auto;min-height:44px;padding:0 0 10px}.connections-page .card-body{gap:16px;padding:8px 0 0}.connections-page .card-body.flush{padding:0}.connections-page .stack{gap:12px!important}.connections-page .stack>.stack,.connections-page .row-flex[style*=border-top]{border-top:0!important;padding-top:0!important}.connections-page .code{background:0 0;border:0;border-radius:0;padding:4px 0}.connections-page .rows>.row{padding:8px 0}.connections-page .rows>.row+.row{border-top:0}.connections-page .card-body>p{padding:0!important}.first-run-needs{grid-template-columns:repeat(3,minmax(0,1fr))}.first-run-steps{grid-template-columns:repeat(7,minmax(0,1fr))}.navigation-drawer{background:var(--soft);width:min(288px,100vw - 32px);max-width:none;height:100dvh;max-height:none;color:var(--ink);box-shadow:0 0 0 1px var(--line), 16px 0 40px -12px #00000040;border:0;border-radius:0 16px 16px 0;margin:0;padding:0}.navigation-drawer::backdrop{background:#0d0d0d4d}.navigation-drawer .steps{width:100%;height:100%}.navigation-drawer .logo{padding-right:48px}.navigation-close{position:absolute;top:16px;right:12px}@media (max-width:760px){.app-header{flex-wrap:wrap;gap:12px;height:auto;min-height:64px;padding-block:12px}.connections-grid,.npform{grid-template-columns:minmax(0,1fr)!important}.project-tile{padding:8px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}.project-preview{height:150px}.first-run-needs{grid-template-columns:minmax(0,1fr)}.first-run-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.connections-grid .card-head{flex-wrap:wrap;gap:8px;height:auto;min-height:44px;padding-block:12px}.connections-grid .card-head h2{white-space:normal;overflow:visible}.connections-grid .row-flex:has(>.code){flex-wrap:wrap}.connections-grid .row-flex>.code{flex-basis:100%!important}.desktop-steps{display:none}.mobile-menu{display:inline-flex}.panel-frame,.panel-frame>.sheet{border-radius:0}.panel-frame .page{padding:24px 16px}.panel-frame .head{flex-direction:column;align-items:flex-start;gap:16px}.panel-frame .head>.row-flex{flex-wrap:wrap;max-width:100%}.project-header{flex-wrap:wrap;justify-content:flex-start;gap:10px;height:auto;min-height:64px;padding:12px 16px;display:flex}.app-header .menu{width:min(420px,100vw - 32px);max-height:calc(100dvh - 140px);right:16px;overflow:auto}.app-header .menu .card-head{flex-wrap:wrap;gap:8px;height:auto;min-height:44px;padding-block:12px}}@media (max-width:560px){.projects-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:380px){.app-header .connected-services>span:not(:first-child){display:none!important}}
