.agent-steps{gap:6px;margin:0;padding:0;list-style:none;display:grid}.agent-steps[data-compact=true]{margin-block-start:10px}.agent-steps li{align-items:baseline;gap:9px;min-width:0;list-style:none;display:flex}.agent-step-icon{border:1px solid;border-radius:50%;flex:0 0 17px;align-self:center;place-items:center;width:17px;height:17px;font-size:11px;line-height:1;display:inline-grid}.agent-steps [data-state=completed] .agent-step-icon{color:var(--green,#168269)}.agent-steps [data-state=failed] .agent-step-icon{color:var(--rust,#c44954)}.agent-steps [data-state=running] .agent-step-icon{color:var(--cobalt);border-color:var(--line);border-inline-end-color:currentColor;animation:.95s linear infinite agent-step-spin}.agent-step-state{color:var(--ink-3);text-align:end;margin-inline-start:auto;font-size:.72rem}@keyframes agent-step-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.agent-steps [data-state=running] .agent-step-icon{animation:none}}
:root{--paper:#fafaf7;--paper-2:#f1f1ec;--surface:#fff;--ink:#0f1722;--ink-2:#3b4555;--ink-3:#6b7484;--line:#e2e2db;--cobalt:#2346f5;--cobalt-deep:#12207a;--error:#a52b36;--brand-filter:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0a0e25;--paper-2:#0d1428;--surface:#141d38;--ink:#edf0ff;--ink-2:#c1c9df;--ink-3:#929fbd;--line:#303b62;--cobalt:#5974ff;--cobalt-deep:#4362f2;--error:#ffa5ac;--brand-filter:brightness(0) invert(1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0a0e25;--paper-2:#0d1428;--surface:#141d38;--ink:#edf0ff;--ink-2:#c1c9df;--ink-3:#929fbd;--line:#303b62;--cobalt:#5974ff;--cobalt-deep:#4362f2;--error:#ffa5ac;--brand-filter:brightness(0) invert(1)}}:root{color:var(--ink);background:var(--paper);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}.shell{flex-direction:column;height:100dvh;display:flex}.header{border-bottom:1px solid var(--line);flex-shrink:0;padding:22px 28px}.header h1{letter-spacing:-1px;max-width:1440px;margin:0 auto;font-size:23px}.chat{flex-direction:column;flex:1;width:min(100%,808px);min-height:0;margin:0 auto;padding:32px 24px;display:flex;overflow-y:auto}.welcome{text-align:center;margin:auto 0;padding:64px 0}.welcome h2{letter-spacing:-1px;margin:0 0 14px;font-size:clamp(26px,5vw,36px);font-weight:500}.welcome p{color:var(--ink-2);margin:0}.messages{flex-direction:column;flex-shrink:0;gap:16px;display:flex}.message{background:var(--paper-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:20px 20px 5px;align-self:flex-end;max-width:85%;margin:0;padding:14px 19px;line-height:1.6}.message.assistant{background:var(--paper-2);border-radius:20px 20px 20px 5px;align-self:flex-start}.composer{background:var(--paper);padding:16px 24px max(16px, env(safe-area-inset-bottom));flex-shrink:0}.composer form{border:1px solid var(--line);background:#fff;border-radius:20px;align-items:flex-end;gap:12px;max-width:760px;margin:0 auto;padding:12px;display:flex}.composer form:focus-within{border-color:var(--cobalt);box-shadow:0 0 0 2px #45674915}textarea{resize:vertical;min-width:0;min-height:54px;max-height:200px;color:inherit;background:0 0;border:0;flex:1;padding:8px;line-height:1.5}textarea:focus{outline:none}textarea::placeholder{color:var(--ink-3)}button{background:var(--cobalt);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 18px}button:hover:enabled{background:var(--cobalt-deep)}button:disabled{color:#747e72;cursor:default;background:#e8ece5}button:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}.note{text-align:center;color:var(--ink-3);margin:12px 0 0;font-size:12px;line-height:1.5}.error{max-width:760px;color:var(--error);margin:0 auto 12px;font-size:14px;line-height:1.5}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:480px){.header{padding:18px 20px}.chat{padding:24px 16px}.composer{padding-inline:12px}.composer form{gap:4px}button{padding:12px 14px}}.workspace{flex:1;grid-template-columns:minmax(300px,.85fr) minmax(0,1.4fr);width:100%;max-width:1600px;min-height:0;margin:0 auto;display:grid}.conversation{flex-direction:column;min-width:0;min-height:0;display:flex}.site-preview{border-left:1px solid var(--line);flex-direction:column;gap:12px;min-width:0;min-height:0;padding:20px;display:flex}.site-preview h2{color:var(--ink-2);margin:0;font-size:15px;font-weight:500}.site-frame{border:1px solid var(--line);background:#fff;border-radius:12px;flex:1;width:100%;min-height:0;display:block}.preview-empty{text-align:center;color:var(--ink-3);margin:auto;padding:24px;line-height:1.6}.preview-notice{color:var(--ink-3);margin:0;font-size:14px;line-height:1.5}@media (max-width:800px){.workspace{flex-direction:column;display:flex;overflow-y:auto}.conversation{flex:none;height:64dvh;min-height:360px}.site-preview{border-left:0;border-top:1px solid var(--line);flex:none;height:78dvh;min-height:420px;padding:16px 12px}}.attach-file{max-width:100%;color:var(--ink-2);font-size:13px;display:block}.attach-file input{width:100%;max-width:230px;font-size:12px;display:block}.upload-list{overflow-wrap:anywhere;margin:0 0 8px;font-size:12px}.upload-list button{margin-left:6px;padding:3px 6px}.message-attachment{overflow-wrap:anywhere;color:inherit;margin-top:8px;text-decoration:underline;display:block}.composer form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.composer textarea{grid-column:1/-1;width:100%}.attach-file{min-width:0}.attach-file input{max-width:100%}.auth-page{background:radial-gradient(ellipse at 50% 0,#29206066,transparent 65%),var(--paper);min-height:100dvh;color:var(--ink);place-items:center;padding:48px 20px;display:grid}.auth-card{width:100%;max-width:440px}.auth-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.auth-header img{width:180px;height:auto;display:block}.auth-card h1{letter-spacing:-.04em;margin:44px 0 16px;font-size:clamp(30px,6vw,38px);line-height:1.2}.auth-lead{color:var(--ink-2);margin-bottom:30px;line-height:1.7}.language-control select{border:1px solid var(--line);max-width:115px;color:inherit;font:inherit;background:0 0;border-radius:10px;padding:9px;font-size:13px}.auth-form{gap:22px;margin-top:30px;display:grid}.auth-form>label{gap:9px;font-size:14px;font-weight:600;display:grid}.auth-form input:not([type=checkbox]){border:1px solid var(--line);background:var(--paper-2);color:#fff;width:100%;font:inherit;border-radius:12px;padding:14px;font-size:16px}.auth-form input:focus{outline:2px solid var(--cobalt);outline-offset:2px}.auth-form small{color:var(--ink-3);font-weight:400}.auth-primary,.auth-google{width:100%;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:15px;font-weight:650;display:block}.auth-primary{background:var(--cobalt);color:#fff}.auth-google{border:1px solid var(--line);color:inherit;background:0 0;margin-top:20px}.auth-page button:disabled{opacity:.55;cursor:wait}.auth-consent{color:var(--ink-2);font-size:13px;line-height:1.7}.auth-consent>label{align-items:flex-start;gap:12px;display:flex}.auth-consent input{accent-color:var(--cobalt);margin-top:6px}.auth-consent nav{flex-wrap:wrap;gap:12px;margin:14px 0 0 26px;display:flex}.auth-page a{color:var(--cobalt);text-decoration:none}.auth-links{gap:14px;margin-top:26px;font-size:14px;display:grid}.auth-error{color:var(--error);background:#331924;border:1px solid #9f4e5a;border-radius:12px;padding:14px;font-size:14px;line-height:1.6}.auth-status{border:1px solid #464174;border-radius:14px;margin-top:30px;padding:22px;line-height:1.7}.auth-trap{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.account-opening{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;display:flex}.header.account-header{justify-content:space-between;align-items:center;gap:18px;padding:16px 28px;display:flex}.account-brand{align-items:center;gap:20px;display:flex}.account-brand img{width:150px;height:auto}.account-actions{align-items:center;gap:15px;font-size:13px;display:flex}.account-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;padding:8px 12px}.account-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}@media (max-width:600px){.auth-page{padding:32px 20px}.auth-header img{width:155px}.header.account-header{gap:10px;padding:14px}.account-brand{gap:10px}.account-brand img{width:105px}.account-brand span,.account-name{display:none}.account-actions{gap:8px}.account-actions .language-control select{max-width:95px}.auth-card h1{margin-top:36px}}.header .account-team-title{letter-spacing:0;margin:0;font-size:15px;font-weight:500}.account-brand{flex-wrap:wrap}.account-actions button{color:inherit}.app-shell{background:var(--paper);height:100dvh;color:var(--ink);grid-template-columns:260px minmax(0,1fr);display:grid}.app-sidebar{border-right:1px solid var(--line);background:var(--paper-2);flex-direction:column;gap:22px;min-height:0;padding:20px 14px;display:flex}.sidebar-brand{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-brand img{max-width:160px;height:auto;display:block}.app-shell button{font:inherit}.sidebar-brand button,.sidebar-account button{border:1px solid var(--line);color:inherit;background:0 0;border-radius:9px;padding:7px 10px}.sidebar-links,.sidebar-projects nav{gap:5px;display:grid}.app-sidebar a{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;border-radius:9px;padding:10px 12px;text-decoration:none;display:block;overflow:hidden}.app-sidebar a:hover,.app-sidebar a[aria-current=page]{color:#fff;background:#262753}.sidebar-brand a{padding:0}.sidebar-projects{flex:1;min-height:0;overflow-y:auto}.sidebar-projects h2{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:0 12px;font-size:12px}.sidebar-projects p{color:var(--ink-3);padding:0 12px;font-size:13px;line-height:1.6}.sidebar-account{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;padding:18px 10px 0;display:flex}.sidebar-account-name{text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;font-size:14px;display:block;overflow:hidden}.app-content{min-width:0;min-height:0;overflow:auto}.project-page{max-width:1180px;margin:0 auto;padding:48px 36px}.project-page h1{letter-spacing:-.04em;margin:16px 0;font-size:34px}.project-page header>p,.project-back{color:var(--ink-2);font-size:15px;line-height:1.7}.project-eyebrow{letter-spacing:.15em;font-size:12px!important}.project-back{margin-bottom:12px;text-decoration:none;display:inline-block}.team-directory{grid-template-columns:repeat(auto-fit,minmax(240px,360px));gap:22px;margin-top:35px;display:grid}.team-product-card{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:20px;padding:28px;text-decoration:none;transition:border-color .15s;display:block}.team-product-card:hover{border-color:var(--cobalt)}.team-product-card h2{margin:24px 0 12px;font-size:22px}.team-product-card p{color:var(--ink-2);font-size:15px;line-height:1.7}.team-product-card span{color:var(--cobalt);margin-top:28px;display:block}.project-overview{grid-template-columns:minmax(0,1fr) 330px;gap:30px;margin-top:35px;display:grid}.project-overview h2{font-size:19px}.project-list{border:1px solid var(--line);border-radius:16px;margin:20px 0;padding:0;list-style:none;overflow:hidden}.project-list li+li{border-top:1px solid var(--line)}.project-list a{color:inherit;background:var(--paper-2);padding:23px;text-decoration:none;display:block}.project-list a:hover{background:var(--paper-2)}.project-list h3{overflow-wrap:anywhere;margin:0 0 12px;font-size:17px}.project-list time{color:var(--ink-3);font-size:13px;display:block}.project-list span{color:var(--cobalt);margin-top:15px;font-size:13px;display:block}.new-project-card{border:1px solid var(--line);background:var(--paper-2);border-radius:16px;align-self:start;padding:23px}.new-project-card>p,.project-empty p{color:var(--ink-2);font-size:14px;line-height:1.7}.new-project-form{gap:20px;margin-top:25px;display:grid}.new-project-form label{gap:9px;font-size:14px;display:grid}.new-project-form input,.project-heading input,.new-project-form textarea{font:inherit;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:9px;width:100%;max-width:100%;padding:12px}.new-project-form textarea{resize:vertical;min-height:90px}.new-project-form button[type=submit]{color:#fff;background:var(--cobalt);border:0;border-radius:10px;padding:13px}.app-shell button:disabled{opacity:.5;cursor:wait}.app-shell :focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}.project-empty{border:1px dashed var(--line);border-radius:16px;margin-top:20px;padding:27px}.project-empty h3{font-size:20px}.project-error{color:var(--error);font-size:14px;line-height:1.6}.project-workspace{flex-direction:column;height:100%;min-height:0;display:flex}.project-heading{border-bottom:1px solid var(--line);flex-shrink:0;padding:20px 28px}.project-heading>a{color:var(--ink-2);font-size:13px;text-decoration:none}.project-heading>div{align-items:center;gap:18px;margin-top:14px;display:flex}.project-heading h1{overflow-wrap:anywhere;margin:0;font-size:21px;line-height:1.4}.project-heading button{color:var(--ink);border:1px solid var(--line);background:0 0;padding:7px 11px;font-size:12px}.project-heading form{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.project-heading input{max-width:400px;padding:9px}.project-heading form p{flex-basis:100%;margin:0}.project-brief{color:var(--ink-3);white-space:pre-wrap;overflow-wrap:anywhere;max-height:60px;margin:12px 0 0;font-size:13px;line-height:1.5;overflow:auto}.project-workspace .shell{height:auto;min-height:0;color:var(--ink);background:var(--paper);flex:1}.is-collapsed{grid-template-columns:76px minmax(0,1fr)}.is-collapsed .sidebar-links,.is-collapsed .sidebar-projects,.is-collapsed .sidebar-account{display:none}.is-collapsed .app-sidebar{padding:16px 8px}.is-collapsed .sidebar-brand{flex-direction:column}.sidebar-close,.mobile-navigation,.drawer-shade{display:none}@media (max-width:1100px){.project-overview{grid-template-columns:minmax(0,1fr)}.new-project-card{max-width:560px}.project-page{padding:35px 28px}}@media (max-width:760px){.app-shell,.app-shell.is-collapsed{display:block}.app-sidebar{z-index:51;width:min(300px,85vw);position:fixed;inset:0 auto 0 0;transform:translate(-100%);padding:20px 14px!important}.drawer-open .app-sidebar{transform:translate(0)}.is-collapsed .sidebar-links,.is-collapsed .sidebar-projects{display:grid}.is-collapsed .sidebar-account{display:flex}.is-collapsed .sidebar-brand{flex-direction:row}.is-collapsed .sidebar-brand img{width:36px}.app-content{height:100%}.mobile-navigation{z-index:40;color:#fff;border:1px solid var(--line);background:#202744;border-radius:9px;padding:8px 12px;display:block;position:fixed;top:12px;left:12px}.drawer-shade{z-index:50;background:#0009;border:0;border-radius:0;display:block;position:fixed;inset:0}.sidebar-close{display:block}.sidebar-collapse{display:none}.project-page{padding:65px 20px 30px}.project-page h1{font-size:29px}.project-heading{padding:60px 18px 16px}.project-heading>div{flex-wrap:wrap}.project-heading h1{font-size:19px}.project-workspace .workspace{overflow-y:auto}.project-workspace .project-heading{max-height:220px;overflow-y:auto}.team-directory{grid-template-columns:minmax(0,1fr)}.project-overview{gap:24px}.app-sidebar{visibility:hidden}.drawer-open .app-sidebar{visibility:visible}}.billing-page{max-width:1080px;margin:0 auto;padding:64px 32px}.billing-page header{margin-bottom:32px}.billing-page h1{font-size:clamp(28px,4vw,44px)}.billing-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;display:grid}.billing-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:28px}.billing-price{margin:16px 0;font-size:38px;font-weight:700}.billing-price small{font-size:16px;font-weight:400}.billing-card dl{margin:24px 0}.billing-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.billing-card dd{font-variant-numeric:tabular-nums;margin:0}.billing-notice{border:1px solid var(--line);background:var(--paper-2);border-radius:16px;margin:20px 0;padding:20px}.billing-notice h2{font-size:20px}.billing-card p{line-height:1.65}.billing-card button{font:inherit;cursor:pointer}.billing-card button:disabled{opacity:.6;cursor:wait}@media (max-width:720px){.billing-page{padding:72px 20px 32px}.billing-card{padding:22px}}.billing-primary{color:#fff;background:var(--cobalt);border-radius:12px;padding:14px 20px;text-decoration:none;display:inline-block}.billing-notice a{color:var(--cobalt)}.billing-card p,.billing-card dt,.billing-page header>p{color:var(--ink-2)}.billing-card .billing-price{color:#fff}.billing-card h2{overflow-wrap:anywhere}.usage-access-notice{border:1px solid var(--line);background:var(--panel,#131a30);max-width:760px;color:var(--ink,#eef1fa);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 auto 16px;padding:14px 16px;font-size:14px;line-height:1.6;display:flex}.usage-access-notice p{flex:16rem;margin:0}.usage-access-notice a{color:#fff;background:#4546bd;border-radius:8px;align-items:center;min-height:40px;padding:6px 12px;font-weight:700;text-decoration:none;display:inline-flex}.usage-access-notice a:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.billing-choice{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.billing-choice h3{font-size:18px}.billing-choice p{font-size:14px;line-height:1.65}.guest-shell{flex-direction:column;min-width:0;display:flex}.guest-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:20px;padding:18px 24px;display:flex}.guest-header img{height:auto;display:block}.guest-header>span{color:var(--ink-2)}.guest-header nav{align-items:center;gap:18px;margin-left:auto;display:flex}.guest-header a{color:var(--ink);font-size:14px;text-decoration:none}.guest-save{background:var(--cobalt);border-radius:10px;padding:10px 14px}.guest-body{flex-direction:column;flex:1;min-height:0;display:flex}.guest-body>.shell{height:auto;min-height:0;color:var(--ink);background:var(--paper);flex:1}.guest-note{color:var(--ink-2);border-bottom:1px solid var(--line);margin:0;padding:10px 24px;font-size:12px;line-height:1.6}.guest-opening{max-width:650px;margin:auto;padding:50px 24px}.guest-opening p{color:var(--ink-2);line-height:1.8}.guest-opening a,.guest-opening button{color:inherit;margin:12px}.guest-shell .workspace{width:100%}@media (max-width:600px){.guest-header{flex-wrap:wrap;gap:10px;padding:14px}.guest-header img{width:105px}.guest-header>span{font-size:13px}.guest-header nav{flex-wrap:wrap;gap:10px;margin-left:0}.guest-note{padding:10px 14px}.guest-save{padding:8px 10px}}.project-heading .project-hosting-link{color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:7px 11px;font-size:12px;text-decoration:none}.hosting-page{max-width:920px;margin:0 auto;padding:48px 32px 72px}.hosting-page header{margin:16px 0 28px}.hosting-page h1{letter-spacing:-.035em;font-size:clamp(28px,4vw,40px)}.hosting-page header>p,.hosting-card>p{color:var(--ink-2);line-height:1.7}.hosting-page header .project-eyebrow{overflow-wrap:anywhere}.hosting-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;max-width:680px;padding:30px}.hosting-card .hosting-price{color:#fff;margin:8px 0;font-size:42px;font-weight:700;line-height:1.25}.hosting-price small{color:var(--ink-2);margin-top:8px;font-size:14px;font-weight:400;display:block}.hosting-tax{margin-bottom:28px;font-size:13px}.hosting-consent{grid-template-columns:20px minmax(0,1fr);gap:12px;margin:28px 0 20px;font-size:14px;line-height:1.65;display:grid}.hosting-consent input{width:18px;height:18px;accent-color:var(--cobalt);margin-top:4px}.hosting-card button{font:inherit;cursor:pointer;margin:0 12px 12px 0}.hosting-card button:disabled{cursor:not-allowed}.hosting-card a{color:var(--cobalt)}.hosting-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.hosting-confirmed{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;line-height:1.65}.hosting-confirmed h2{font-size:21px}.hosting-availability{border:1px solid var(--line);border-radius:12px;padding:14px;font-size:14px}.hosting-page :focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}@media (max-width:760px){.hosting-page{padding:72px 20px 32px}.hosting-card{padding:22px}.hosting-card .hosting-price{font-size:36px}.hosting-card .billing-primary{width:100%;margin-right:0}.hosting-consent{font-size:14px}}.publishing-page .hosting-card{max-width:none;margin:24px 0}.publishing-page h2{margin:0 0 18px;font-size:22px}.publishing-page label:not(.hosting-consent){margin:16px 0;display:block}.publishing-page select,.publishing-domain-input input{font:inherit;background:var(--paper-2);color:var(--ink);border:1px solid var(--line);border-radius:10px;width:100%;max-width:100%;margin-top:8px;padding:12px}.publishing-domain-input{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.publishing-domain-input input{flex:1;min-width:180px}.publishing-proof{border:1px solid var(--line);border-radius:12px;margin:24px 0;padding:16px;line-height:1.6}.publishing-proof dd{margin:4px 0 18px}.publishing-page code{overflow-wrap:anywhere;font-size:13px}.publishing-review iframe{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:460px;margin:20px 0;display:block}.publishing-history{padding:0;list-style:none}.publishing-history li{border-top:1px solid var(--line);overflow-wrap:anywhere;padding:16px 0}.publishing-version{overflow-wrap:anywhere;color:var(--ink-2)}@media (max-width:760px){.publishing-review iframe{height:360px}}.preview-studio{background:var(--paper-2);flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.preview-toolbar{background:var(--paper-2);color:var(--ink);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.preview-location{align-items:center;gap:10px;min-width:0;display:flex}.preview-location strong{font-size:13px}.preview-indicator{background:#64d3b3;border-radius:50%;width:8px;height:8px}.preview-location select{background:var(--paper-2);max-width:220px;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:13px}.preview-devices{flex-wrap:wrap;gap:4px;display:flex}.preview-devices button{border:1px solid var(--line);min-height:32px;color:var(--ink-2);background:0 0;border-radius:6px;padding:6px 9px;font-size:11px}.preview-devices button[aria-pressed=true]{color:#fff;border-color:var(--cobalt);background:#344263}.preview-canvas{flex:1;justify-content:center;align-items:stretch;min-height:560px;padding:20px;display:flex;overflow:auto}.preview-viewport{background:#fff;flex-direction:column;width:100%;min-height:560px;transition:width .15s;display:flex;box-shadow:0 6px 30px #16203425}.preview-canvas-mobile .preview-viewport{flex-shrink:0;width:390px;max-width:100%}.preview-canvas-tablet .preview-viewport{flex-shrink:0;width:768px;max-width:100%}.preview-studio .site-frame{border:0;border-radius:0;flex:1;width:100%;min-height:650px}.preview-caption{background:var(--paper-2);color:var(--ink-2);justify-content:space-between;padding:9px 18px;font-size:11px;display:flex}.preview-studio:fullscreen{width:100vw;height:100vh}.preview-studio:fullscreen .preview-canvas{height:calc(100vh - 110px)}.preview-studio .preview-notice{margin:0;padding:12px 18px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:700px){.preview-canvas{padding:8px}.preview-toolbar{gap:8px;padding:12px}.preview-devices button{padding:5px 7px;font-size:10px}.preview-location select{max-width:150px}.preview-studio .site-frame{min-height:620px}}@media (prefers-reduced-motion:reduce){.preview-viewport{transition:none}}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55}input,select,textarea,button{font:inherit}a{color:var(--cobalt)}.app-shell,.app-sidebar,.project-workspace .shell,.guest-body>.shell,.guest-shell,.composer,.preview-studio{color:var(--ink);background:var(--paper)}.app-sidebar{background:var(--paper-2)}.app-sidebar a:hover,.app-sidebar a[aria-current=page]{background:var(--surface);color:var(--ink)}.brand-wordmark{filter:var(--brand-filter)}.team-product-card,.new-project-card,.billing-card,.hosting-card{background:var(--surface)}.team-product-card h2{font-weight:600}.billing-card .billing-price,.hosting-card .hosting-price{color:var(--ink)}.auth-page{background:var(--paper);color:var(--ink)}.auth-header img{filter:brightness(0) var(--auth-logo-filter,none)}:root[data-theme=dark] .auth-header img{filter:brightness(0)invert()}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .auth-header img{filter:brightness(0)invert()}}.language-control option{background:var(--surface);color:var(--ink)}.auth-form input:not([type=checkbox]){color:var(--ink)}.composer form{background:var(--surface)}.mobile-navigation{background:var(--surface);color:var(--ink)}.sidebar-account{padding:12px 0 0;display:block;position:relative}.account-menu{width:100%;position:relative}.account-menu summary{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:14px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.account-avatar{border:1px solid var(--line);background:var(--surface);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.account-menu[open] summary{background:var(--surface)}.account-menu nav{z-index:55;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 12px 40px #0002}.account-menu nav button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:8px;padding:10px 12px;display:block}.account-menu nav button:hover{background:var(--paper-2)}.settings-dialog{border:1px solid var(--line);background:var(--paper);width:min(960px,100vw - 48px);max-width:none;height:min(740px,100dvh - 64px);max-height:none;color:var(--ink);border-radius:20px;padding:0;position:fixed;overflow:hidden;box-shadow:0 30px 100px #0004}.settings-dialog[open]{display:flex}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f17225c}.settings-close{background:var(--surface);border:1px solid var(--line);width:36px;height:36px;color:var(--ink);z-index:2;place-items:center;padding:0;font-size:24px;display:grid;position:absolute;top:12px;right:12px}.settings-close:hover:enabled{background:var(--paper-2)}.settings-navigation{background:var(--paper-2);border-right:1px solid var(--line);flex-shrink:0;width:240px;padding:24px 16px;overflow:auto}.settings-navigation h1{letter-spacing:-.03em;margin:0 8px 22px;font-size:22px;font-weight:600}.settings-navigation>input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:10px 12px;font-size:13px}.settings-navigation section{margin:22px 0}.settings-navigation h2{color:var(--ink-3);margin:0 12px 8px;font-size:11px;font-weight:500}.settings-navigation button{text-align:left;width:100%;color:var(--ink-2);background:0 0;border-radius:9px;padding:9px 12px;font-size:14px;display:block}.settings-navigation button:hover:enabled,.settings-navigation button[aria-current=page]{background:var(--surface);color:var(--ink)}.settings-navigation button[aria-current=page]{font-weight:600}.settings-navigation .settings-back{margin-top:24px;font-size:12px}.settings-body{flex:1;min-width:0;padding:48px 40px;overflow:auto}.settings-body>h2{letter-spacing:-.03em;margin:0 0 32px;font-size:24px;font-weight:600}.settings-body p{color:var(--ink-2);font-size:14px;line-height:1.7}.settings-details{overflow-wrap:anywhere;gap:12px;margin-top:28px;display:grid}.settings-details p{margin:0}.settings-field{justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.settings-field .language-control select{color:var(--ink);border-color:var(--line)}.theme-options{border:0;flex-wrap:wrap;gap:12px;margin:0;padding:0;display:flex}.theme-options legend{margin-bottom:20px;font-size:14px}.theme-options label{cursor:pointer;flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:90px;font-size:13px;display:flex}.theme-options input{accent-color:var(--cobalt)}.theme-swatch{border:1px solid var(--line);background:linear-gradient(90deg,#f1f1ec 30%,#fafaf7 30%);border-radius:12px;order:-1;width:100%;height:95px;box-shadow:inset 0 -12px #fff}.theme-dark{background:linear-gradient(90deg,#1a1d22 30%,#121418 30%);box-shadow:inset 0 -12px #20242a}.theme-system{box-shadow:none;background:linear-gradient(110deg,#fafaf7 50%,#1a1d22 50%)}.profile-form{gap:16px;display:grid}.profile-form label{gap:10px;font-size:14px;display:grid}.profile-form input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;width:100%;padding:12px}.profile-form button{background:var(--cobalt);justify-self:start}.profile-form p:empty{display:none}.usage-summary dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;display:flex}.usage-summary dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.usage-summary{margin-bottom:30px}@media (max-width:600px){.settings-dialog{border-radius:14px;flex-direction:column;width:calc(100vw - 16px);height:calc(100dvh - 16px)}.settings-navigation{border-right:0;border-bottom:1px solid var(--line);width:100%;max-height:42%;padding:18px 16px 12px}.settings-navigation h1{margin-bottom:16px;margin-right:40px}.settings-navigation section{margin:0;display:inline}.settings-navigation h2{display:none}.settings-navigation button{width:auto;margin:8px 3px 0;padding:8px 10px;display:inline-block}.settings-navigation .settings-back{display:none}.settings-body{padding:24px 20px}.settings-body>h2{margin-bottom:24px;font-size:22px}}.messages{gap:24px}.message-row{flex-direction:column;align-items:flex-start;max-width:100%;display:flex}.message-row.user{align-items:flex-end}.message{background:var(--paper-2);border-radius:18px;max-width:90%;padding:14px 18px;font-size:15px}.message.assistant{background:0 0;border-radius:0;max-width:100%;padding:4px 0;line-height:1.8}.message-heading{font-size:1.1em}.message strong{font-weight:650}.message code{background:var(--paper-2);border:1px solid var(--line);border-radius:5px;padding:2px 5px;font-size:.88em}.message pre{white-space:pre;background:var(--paper-2);border:1px solid var(--line);border-radius:10px;max-width:100%;padding:14px;overflow:auto}.message pre code{border:0;padding:0}.message a{color:var(--cobalt)}.message-copy{color:var(--ink-3);border:0;margin-top:8px;background:0 0!important;padding:3px 6px!important;font-size:11px!important}.message-copy:hover:enabled{color:var(--ink)}.composer-hint{text-align:center;color:var(--ink-3);margin:10px 0 0;font-size:11px}.composer .note{margin:4px 0 0;font-size:11px}.composer textarea{resize:none;max-height:200px;font-size:15px;overflow:auto}.upload-list{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin:0;display:flex}.upload-item{border:1px solid var(--line);background:var(--paper-2);border-radius:10px;align-items:center;gap:8px;max-width:100%;padding:8px;font-size:11px;display:flex}.upload-item img{object-fit:cover;border-radius:6px}.upload-item>div{min-width:0}.upload-item .upload-name{white-space:nowrap;text-overflow:ellipsis;max-width:150px;display:block;overflow:hidden}.upload-item button{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.attach-file{cursor:pointer;color:var(--ink-2);border-radius:8px;align-self:center;padding:7px 10px;font-size:12px;position:relative}.attach-file:hover{background:var(--paper-2)}.attach-file:focus-within{outline:2px solid var(--cobalt);outline-offset:2px}.attach-file:has(input:disabled){opacity:.5;cursor:default}.attach-file input{opacity:0;clip-path:none;width:100%;max-width:100%;height:100%;cursor:inherit;position:absolute;inset:0}.composer button[type=submit]{background:var(--cobalt);color:#fff;padding:10px 16px;font-size:13px}.composer button[type=submit]:disabled{background:var(--paper-2);color:var(--ink-3)}.project-search{position:relative}.project-search input{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:10px;padding:10px 12px;font-size:12px}.project-search-results{z-index:3;background:var(--surface);border:1px solid var(--line);border-radius:12px;width:260px;min-width:100%;max-height:50dvh;padding:8px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 12px 35px #0002}.project-search-results p{color:var(--ink-3);padding:0 8px;font-size:11px;line-height:1.6}.is-collapsed .project-search{display:none}.sidebar-account .account-menu button{font-size:13px}@media (max-width:760px){.is-collapsed .project-search{display:block}.project-search-results{width:100%}.chat{padding-top:24px}.composer{padding-top:8px}.message{max-width:95%}}.workspace{grid-template-columns:minmax(300px,1fr) minmax(0,var(--preview-width,60%))}.preview-toolbar,.preview-caption{background:var(--paper-2);color:var(--ink);border-color:var(--line)}.preview-location select{background:var(--surface);color:var(--ink);border-color:var(--line)}.preview-devices button{color:var(--ink-2);border-color:var(--line)}.preview-devices button:hover:enabled{background:var(--surface)}.preview-devices button[aria-pressed=true]{background:var(--surface);color:var(--ink);border-color:var(--ink-3)}.preview-close{color:var(--ink-2);background:0 0;border-radius:7px;order:3;padding:3px 8px;font-size:21px}.preview-close:hover:enabled{background:var(--surface)}.preview-location{flex:1}.preview-caption{color:var(--ink-3)}.preview-canvas{background:var(--paper-2)}.preview-resize{align-items:center;width:70px;display:flex}.preview-resize input{width:100%;accent-color:var(--cobalt)}.preview-expanded{z-index:45;border:1px solid var(--line);border-radius:16px;position:fixed;inset:12px;box-shadow:0 20px 80px #0005}.preview-expanded .preview-canvas{min-height:0}.preview-expanded .preview-viewport,.preview-expanded .site-frame{min-height:100%}.workspace:has(>.preview-is-closed){grid-template-columns:minmax(300px,1fr) 52px}.preview-is-closed{background:var(--paper-2);padding:10px 7px}.preview-is-closed button{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:8px 5px;font-size:15px}.preview-is-closed span{writing-mode:vertical-rl;margin-top:10px;font-size:12px;display:block}.site-preview{position:relative}.site-preview.preview-expanded{position:fixed}.preview-canvas{min-height:0}.preview-viewport,.preview-studio .site-frame{min-height:100%}.preview-studio .preview-notice,.preview-toolbar,.preview-caption{flex-shrink:0}@media (max-width:800px){.preview-resize{display:none}.preview-is-closed{border:0;height:auto;min-height:0;padding:12px}.preview-is-closed button{width:100%;padding:10px}.preview-is-closed span{writing-mode:horizontal-tb;margin:0 8px;display:inline}.preview-expanded{border-radius:0;height:100dvh;max-height:100dvh;inset:0}.site-preview.preview-expanded{height:100dvh}.preview-studio .site-frame{min-height:100%}}.settings-navigation button{border:0}.app-shell textarea:focus-visible{outline:none}@media (max-width:800px){.preview-toolbar .preview-location{flex:1 0 calc(100% - 42px)}.preview-toolbar .preview-close{order:1}.preview-toolbar .preview-devices{order:2;gap:6px;width:100%}.preview-location select{max-width:190px}}.agent-activity{color:var(--ink-2);margin-top:14px;font-size:.85rem}.agent-activity summary{cursor:pointer;line-height:1.6;list-style-position:inside}.budget-usage{gap:1rem;margin:1rem 0;display:grid}.budget-usage section{min-width:0}.budget-usage-label{justify-content:space-between;gap:.7rem;font-size:.875rem;display:flex}.budget-usage progress{accent-color:#6585ff;width:100%;height:.5rem}.budget-usage small{opacity:.75;display:block}.budget-warning{color:var(--text,#e0b76b);font-size:.85rem}.account-usage{border-bottom:1px solid var(--border,#343952);margin-bottom:.5rem;padding:.6rem .2rem}.account-usage .budget-usage{margin:.3rem 0}.account-usage a{font-size:.8rem}.budget-usage.compact .budget-usage-label{flex-wrap:wrap}.ai-disclosure{margin:.5rem 0 0;font-size:.75rem;line-height:1.45;display:block}.ai-disclosure a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.publishing-page .hosting-card a.billing-primary{color:#fff;background:#2347e4}.app-sidebar .account-usage-compact{text-align:center}.project-heading .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.credit-top-ups .credit-top-up-option:disabled{opacity:.55;cursor:not-allowed}
.app-shell{grid-template-columns:var(--sidebar-width,280px) minmax(0,1fr);overflow:hidden}.app-sidebar{background:var(--paper-2);gap:12px;padding:10px 12px 0;font-size:13px;position:relative}.sidebar-brand{gap:14px;min-height:48px;margin-bottom:2px}.sidebar-brand img.brand-wordmark{filter:none;width:185px;max-width:185px}.sidebar-brand a{min-width:0}.sidebar-brand .sidebar-collapse{color:var(--ink-3);border:0;padding:4px 8px;font-size:22px}.app-sidebar .sidebar-home,.app-sidebar .sidebar-new{flex-shrink:0;padding:9px 10px}.sidebar-new{align-items:center;gap:9px;font-weight:500;display:flex!important}.sidebar-new>span{font-size:20px;line-height:1}.project-search input{background:0 0;border:0;padding:8px 10px;font-size:13px}.sidebar-team-group{flex-shrink:0;padding:6px 0}.sidebar-team-group>summary{color:var(--ink-2);cursor:pointer;padding:8px 10px;font-size:13px}.sidebar-team-group .sidebar-links{padding:3px 0 0 10px}.sidebar-projects h2{letter-spacing:0;text-transform:none;margin:5px 0 10px;padding:0 10px;font-size:12px;font-weight:400}.sidebar-projects nav{gap:3px}.sidebar-projects nav a{border-left:2px solid #0000;border-radius:8px;padding:7px 10px;line-height:1.5}.sidebar-projects nav a[aria-current=page]{background:color-mix(in srgb,var(--cobalt) 19%,transparent);border-left-color:#35d9ff}.sidebar-projects nav a>span,.sidebar-projects nav a>small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-projects nav small{color:var(--ink-3);margin-top:1px;font-size:11px}.sidebar-account{border-top:1px solid var(--line);flex-shrink:0;margin:0 -12px;padding:9px 12px}.is-collapsed{grid-template-columns:64px minmax(0,1fr)}.is-collapsed .sidebar-home,.is-collapsed .sidebar-team-group,.is-collapsed .sidebar-new{display:none!important}.panel-resize-handle{z-index:20;cursor:col-resize;touch-action:none;outline-offset:-2px;flex-shrink:0;position:relative}.panel-resize-handle:after{content:"";background:0 0;transition:background .15s;position:absolute;inset:0 3px}.panel-resize-handle:hover:after,.panel-resize-handle:focus-visible:after{background:var(--cobalt)}.sidebar-resize{width:8px;position:absolute;inset:0 -4px 0 auto}.panel-dragging,.panel-dragging *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.panel-dragging iframe{pointer-events:none}.workspace{grid-template-columns:minmax(300px,1fr) 8px minmax(0,var(--preview-width,42%));gap:0;max-width:none}.workspace:has(>.preview-is-closed){grid-template-columns:minmax(0,1fr) 52px}:is(.workspace:has(>.preview-is-closed)>.preview-splitter,.workspace:has(>.preview-expanded)>.preview-splitter){display:none}.workspace:has(>.preview-expanded){grid-template-columns:minmax(0,1fr)}.conversation{background:radial-gradient(ellipse at 45% 0,color-mix(in srgb,var(--cobalt) 5%,transparent),transparent 70%),var(--paper)}.chat{overscroll-behavior:contain;width:100%;max-width:840px;padding:32px 32px 20px}.messages{gap:32px}.message-row.user{padding-left:8%}.message.user{border:1px solid color-mix(in srgb,var(--cobalt) 38%,var(--line));background:linear-gradient(115deg,color-mix(in srgb,#8947df 14%,var(--surface)),color-mix(in srgb,var(--cobalt) 13%,var(--surface)));border-radius:16px 16px 4px;max-width:90%;padding:14px 18px;font-size:15px;line-height:1.65}.message.assistant{padding:8px 0;font-size:16px;line-height:1.8}.message-copy{min-height:28px;color:var(--ink-3);align-items:center;gap:6px;display:flex}.composer{padding:12px 24px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper)}.composer form{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 38%,var(--paper));border-radius:17px;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;width:100%;max-width:780px;padding:10px 12px}.composer textarea{min-height:58px;padding:9px 7px;font-size:15px;line-height:1.6}.composer form:focus-within{border-color:color-mix(in srgb,var(--cobalt) 65%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--cobalt) 12%,transparent)}.composer .attach-file{text-align:center;min-width:36px;color:var(--ink-3);justify-self:start;padding:0 6px;font-size:27px;line-height:36px}.composer button[type=submit]{border-radius:12px;grid-column:2;justify-self:end;place-items:center;width:40px;height:40px;padding:0;display:grid}.composer-hint{margin-top:7px;font-size:10px}.composer .note{font-size:10px}.preview-studio{background:var(--paper-2);border-left:0}.preview-toolbar{background:var(--paper);gap:8px;min-height:58px;padding:10px 12px}.preview-location select{max-width:180px}.preview-devices{gap:5px}.preview-devices button{border-radius:8px;padding:6px 8px;font-size:11px}.preview-canvas{background:color-mix(in srgb,var(--cobalt) 9%,var(--paper-2));padding:12px}.preview-viewport{border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 8px 32px #0002}.preview-resize{display:none}.preview-caption{background:var(--paper);border-top:1px solid var(--line)}.project-heading{background:var(--paper);flex-wrap:wrap;align-items:center;gap:18px;min-height:64px;padding:10px 24px;display:flex}.project-heading>a{font-size:12px}.project-heading>div{flex:1;gap:12px;margin:0}.project-heading h1{margin-right:auto;font-size:15px}.project-heading .project-brief{display:none}.project-heading form{flex:1;margin:0}.project-heading button,.project-heading .project-hosting-link{border-radius:9px;font-size:12px}.guest-shell{height:100dvh;min-height:0}.guest-header{gap:12px;height:64px;min-height:64px;padding:10px 24px}.guest-header>span{font-size:15px;font-weight:600}.guest-note{border-bottom:1px solid var(--line);color:var(--ink-3);font-size:11px;margin:0!important;padding:7px 20px!important}@media (max-width:960px){.app-shell,.app-shell.is-collapsed{display:block}.app-sidebar{z-index:51;visibility:hidden;width:min(300px,85vw);position:fixed;inset:0 auto 0 0;transform:translate(-100%);padding:12px!important}.drawer-open .app-sidebar{visibility:visible;transform:translate(0)}.app-content{height:100%}.sidebar-resize,.sidebar-collapse{display:none}.sidebar-close{display:block}.mobile-navigation{z-index:40;padding:8px 12px;display:block;position:fixed;top:12px;left:12px}.drawer-shade{z-index:50;background:#0008;border:0;border-radius:0;display:block;position:fixed;inset:0}.is-collapsed .sidebar-home,.is-collapsed .sidebar-new,.is-collapsed .sidebar-team-group{display:block!important}.is-collapsed .sidebar-links,.is-collapsed .sidebar-projects{display:grid}.is-collapsed .sidebar-account{display:block}.is-collapsed .sidebar-brand{flex-direction:row}.project-heading,.guest-header{padding-left:60px}.sidebar-brand img.brand-wordmark{width:175px}}@media (max-width:800px){.workspace{flex-direction:column;display:flex}.preview-splitter{display:none}.chat{padding:24px 20px}.composer{padding:10px 14px}.message.user{max-width:100%}.preview-toolbar{padding:10px}.preview-canvas{padding:8px}.preview-studio{border-top:1px solid var(--line)}.guest-header{gap:8px;padding-right:12px}.guest-header nav{gap:10px}.guest-header>span{font-size:13px}.guest-header .guest-save{padding:7px;font-size:11px}.guest-note{padding-inline:16px!important}.project-heading>div{gap:8px}.project-heading h1{font-size:14px}}@media (prefers-reduced-motion:reduce){.panel-resize-handle:after{transition:none}}.sidebar-brand img.logo-for-dark{display:none}.sidebar-brand img.logo-for-light,:root[data-theme=dark] .sidebar-brand img.logo-for-dark{display:block}:root[data-theme=dark] .sidebar-brand img.logo-for-light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sidebar-brand img.logo-for-dark{display:block}:root:not([data-theme=light]) .sidebar-brand img.logo-for-light{display:none}}@media (max-width:800px){.project-heading{align-items:flex-start;gap:10px;padding:14px 16px 14px 60px}.project-heading>a{flex-basis:100%}.project-heading>div{flex-basis:100%;min-width:0;margin:0}.project-heading h1{overflow-wrap:anywhere;flex-basis:100%}.project-heading form{flex-wrap:wrap;min-width:0}.project-heading input{min-width:0;max-width:100%}.preview-location{min-width:0}.preview-location select{width:100%;min-width:0;max-width:100%}.preview-devices{flex-wrap:wrap}.preview-viewport{min-width:0}.preview-canvas-mobile .preview-viewport,.preview-canvas-tablet .preview-viewport{max-width:100%}.preview-is-closed span{writing-mode:horizontal-tb;margin:0 0 0 8px;display:inline}.hosting-card,.publishing-proof{overflow-wrap:anywhere;min-width:0}}.preview-studio{container:site-preview/inline-size}@container site-preview (max-width:580px){.preview-toolbar .preview-location{flex:1 0 calc(100% - 42px);min-width:0}.preview-location strong{flex-shrink:0}.preview-location select{flex:1;width:100%;min-width:0;max-width:100%}.preview-toolbar .preview-close{order:1}.preview-toolbar .preview-devices{flex-wrap:wrap;order:2;gap:6px;width:100%}}.app-assistant-trigger{width:100%;color:var(--ink);text-align:start;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:7px 6px;display:flex}.app-assistant-trigger>span,.app-info-hint summary{width:24px;min-height:28px;color:var(--ink-2);place-items:center;font-size:1rem;font-weight:600;display:inline-grid}.app-assistant-trigger>span{border:1px solid var(--line);border-radius:50%;min-height:24px}.is-collapsed .app-assistant-trigger{justify-content:center;padding-inline:0}.app-assistant-dialog{box-sizing:border-box;width:min(32rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.25rem;overflow:auto}.app-assistant-dialog::backdrop{background:#07091899}.app-assistant-dialog header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-assistant-dialog h2{margin:0;font-size:1.25rem}.app-assistant-dialog header button{padding:.25rem .65rem;font-size:1.25rem}.app-assistant-dialog form{gap:.6rem;margin-top:1rem;display:grid}.app-assistant-dialog textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:var(--paper);border-radius:8px;padding:.65rem;font-size:1rem}.app-shell .app-assistant-dialog textarea:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.app-assistant-dialog small{color:var(--ink-2)}.app-assistant-dialog form button{justify-self:start}.app-assistant-answer{line-height:1.5}.app-assistant-dialog>a{text-decoration:underline}.app-help-heading{align-items:center;gap:.5rem;display:flex;position:relative}.app-info-hint{flex-shrink:0}.app-info-hint summary{cursor:pointer;list-style:none}.app-info-hint summary::-webkit-details-marker{display:none}.app-info-hint p{z-index:8;width:min(16rem,66vw);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:0;padding:.7rem .85rem;font-size:.875rem;line-height:1.45;position:absolute;inset-block-start:100%;inset-inline-start:0;box-shadow:0 8px 22px #0002}.preview-toolbar:has(.app-info-hint){position:relative}.preview-location .app-info-hint p{inset-inline-start:.5rem}.agent-work-card{border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--cobalt) 9%,var(--surface)),var(--paper-2));border-radius:15px;gap:12px;padding:14px 16px;font-size:.875rem;line-height:1.5;display:grid}.agent-work-heading,.agent-work-current{align-items:center;gap:9px;display:flex}.agent-work-heading{flex-wrap:wrap}.agent-work-avatar{border:1px solid var(--line);background:color-mix(in srgb,var(--cobalt) 15%,var(--paper-2));border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.agent-work-duration{color:var(--ink-3);margin-inline-start:auto;font-size:.72rem}.agent-work-current{color:var(--ink-2);margin:0}.agent-spinner{width:17px;height:17px;color:var(--cobalt);border:1px solid;border-color:var(--line);border-inline-end-color:currentColor;border-radius:50%;flex:0 0 17px;place-items:center;font-size:11px;line-height:1;animation:.95s linear infinite agent-spin;display:inline-grid}@keyframes agent-spin{to{transform:rotate(360deg)}}.preview-studio .preview-toolbar{background:var(--paper-2);padding:12px 14px}.preview-studio .preview-location{gap:8px}.preview-studio .preview-location strong{font-size:.875rem}.preview-studio .preview-close{border-radius:9px;width:34px;height:34px}.preview-studio .preview-devices button[aria-pressed=true]{border-color:color-mix(in srgb,var(--cobalt) 75%,var(--line));background:color-mix(in srgb,var(--cobalt) 14%,var(--surface));color:var(--ink)}.preview-studio .preview-canvas{background:radial-gradient(circle,color-mix(in srgb,var(--cobalt) 35%,transparent) 1px,transparent 1.5px) 0 0 / 16px 16px, linear-gradient(145deg,color-mix(in srgb,var(--cobalt) 13%,var(--paper-2)),var(--paper-2));padding:clamp(8px,3cqi,20px)}.preview-studio .preview-viewport{border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 28px #0003}.preview-browser-bar{background:var(--surface);min-width:0;min-height:37px;color:var(--ink-2);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 9px;font-size:.72rem;display:flex}.preview-browser-dots{flex-shrink:0;gap:4px;display:inline-flex}.preview-browser-dots i{background:#ec8581;border-radius:50%;width:7px;height:7px}.preview-browser-dots i:nth-child(2){background:#e9b65f}.preview-browser-dots i:nth-child(3){background:#6abf9f}.preview-browser-address{white-space:nowrap;text-overflow:ellipsis;background:var(--paper);border-radius:20px;flex:1;min-width:0;padding:3px 8px;overflow:hidden}.preview-saved{color:var(--ink-2);flex-shrink:0;font-size:.67rem}.preview-studio .preview-notice{color:var(--ink-2);background:color-mix(in srgb,var(--cobalt) 9%,var(--paper-2));border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:9px 14px;font-size:.8rem;display:flex}.preview-studio .preview-viewport-empty{background:var(--paper);min-height:360px}.preview-placeholder{flex:1;align-content:center;gap:12px;padding:20px;display:grid}.preview-placeholder .preview-empty{padding:0;font-size:.875rem}.preview-skeleton{gap:12px;width:min(100%,340px);margin:0 auto;display:grid}.preview-skeleton span{background:linear-gradient(100deg,var(--surface) 20%,var(--line) 50%,var(--surface) 80%) 100% 0 / 220% 100%;border-radius:7px;height:12px;animation:2.4s ease-in-out infinite preview-shimmer}.preview-skeleton span:first-child{height:104px}.preview-skeleton span:last-child{width:65%}@keyframes preview-shimmer{to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.agent-spinner,.preview-skeleton span{animation:none}}