/* Reference-led Bento: asymmetric color fields, translucent control layers. */
:root{--glass:#ffffffbd;--glass-border:#ffffffdd;--ease-out:cubic-bezier(.23,1,.32,1);--ease-drawer:cubic-bezier(.32,.72,0,1)}
body,.landing{background:#faf9f6}.nav{height:74px;max-width:1220px;margin:16px auto 0;border:1px solid #ffffff;border-radius:24px;background:#ffffffb5;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 8px 36px #37304706}.bento-intro{padding:42px 8px 32px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px 40px}.bento-intro .eyebrow{grid-column:1/-1;color:#77707f;margin:0}.bento-intro h1{font-size:clamp(2.7rem,4.8vw,4.2rem);margin:4px 0 0;line-height:1.06;letter-spacing:-.065em}.bento-intro h1 span{color:#8b8397}.bento-intro>p:last-child{max-width:250px;font-size:.9375rem;padding-bottom:5px;color:#797180}.landing-grid{grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:224px 240px 210px;gap:20px}.bento-card{border-radius:30px;border:1px solid #ffffff70;box-shadow:inset 0 1px 0 #fff8,0 6px 18px #38314105;position:relative;padding:28px;isolation:isolate;animation:bento-arrive 550ms var(--ease-out) both}.bento-card:nth-child(2){animation-delay:60ms}.bento-card:nth-child(3){animation-delay:120ms}.bento-card:nth-child(4){animation-delay:180ms}.bento-card:nth-child(5){animation-delay:240ms}.bento-card h2{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.045em}.bento-card p,.card-caption{color:#4f465a}.idea-card{grid-column:1;grid-row:1/3;background:linear-gradient(140deg,#d6c8f0,#c0ade1);padding:30px;overflow:visible;z-index:3}.idea-card h2{font-size:2.6rem;line-height:1.05;margin-top:26px}.idea-card .prompt-card{margin-top:auto;margin-right:-12px;margin-left:-12px;background:#ffffffc7;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid #fff;border-radius:18px;box-shadow:0 12px 30px #51466b18,inset 0 1px 0 #fff;padding:18px;transform:rotate(-1deg);transition:transform 220ms var(--ease-out),box-shadow 220ms ease}.idea-card .prompt-card:focus-within{transform:rotate(0);box-shadow:0 16px 34px #51466b24}.idea-card .prompt-card textarea{font-size:.9375rem;min-height:106px}.idea-card .prompt-bottom{gap:10px}.idea-card .prompt-bottom>span{font-size:.75rem;color:#6d627b}.dark-card{grid-column:2/4;grid-row:1;background:linear-gradient(110deg,#fbadbd,#fa87a7);color:#332435;display:grid;grid-template-columns:1fr 170px;grid-template-rows:auto 1fr;gap:10px}.dark-card .card-caption{grid-column:1;grid-row:1;color:#744655}.dark-card>div:last-child{grid-column:1;grid-row:2;align-self:end}.dark-card h2{font-size:2rem;margin:8px 0}.dark-card p{color:#68434e}.dark-card .bento-face{grid-column:2;grid-row:1/3;margin:auto;width:136px;height:136px;box-shadow:inset 0 1px 2px #fff,0 18px 32px #7c35432b;background:linear-gradient(140deg,#ffffffe0,#fff8);border:1px solid #fffd;backdrop-filter:blur(16px);transform:rotate(8deg);transition:transform 250ms var(--ease-out)}.bento-face i{background:#41313e;animation:blink 6s infinite}.preview-card{grid-column:2;grid-row:2;background:linear-gradient(145deg,#e2e8ad,#c5d58b);padding-top:20px}.preview-card .card-caption{display:none}.abstract-window{height:90px;margin:0 0 17px;padding:9px;background:#ffffffae;border-color:#fff9;border-radius:12px;box-shadow:0 9px 20px #58693420;transform:rotate(-4deg);transition:transform 250ms var(--ease-out)}.window-top{padding-bottom:6px;border-color:#89997025}.window-content{padding-top:6px;gap:5px}.window-content span{height:22px;background:#aab89170}.window-content span:first-child{height:10px;background:#899570}.preview-card h2{font-size:1.65rem;margin:12px 0 8px}.preview-card p{font-size:.8125rem;line-height:1.5;color:#4e5836}.files-card{grid-column:3;grid-row:2;background:linear-gradient(130deg,#ffe9a0,#ffda6f);display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 26px}.file-stack{align-self:flex-end;padding:0;margin-right:6px;min-width:100px}.file-stack span{width:57px;height:67px;background:#ffffffe0;border-color:#fff;border-radius:10px;box-shadow:0 6px 12px #8f6d2220;color:#69542f}.file-stack span+span{background:#ffffffa3;backdrop-filter:blur(12px)}.files-card h2{font-size:1.6rem;margin:0 0 8px}.files-card p{font-size:.8125rem;color:#6a562c}.continue-card{grid-column:1/4;grid-row:3;background:linear-gradient(110deg,#ffb078 0%,#ffc494 53%,#c2d6e6 100%);padding:28px 36px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.continue-card h2{font-size:2.7rem;line-height:1.06;margin:0}.continue-card h2 br:first-of-type{display:none}.continue-card h2 span{color:#8a5a47}.continue-card p{max-width:340px;justify-self:end;background:#ffffffa3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffffd4;box-shadow:0 12px 28px #62544312;border-radius:20px;padding:23px;font-size:.9375rem;color:#514b50;transform:rotate(2deg)}.bento-process{padding-top:68px;padding-bottom:60px}.bento-process h2{font-weight:550}.bento-process li:before{background:#e7e1ef}.landing-footer{height:90px}
/* The workspace remains a working surface; color belongs to the entry cards. */
#workspace{background:linear-gradient(120deg,#f2eff7,#f7f6f3 54%,#ecf1f5)}#workspace .sidebar{background:#ffffff8a;border:1px solid #ffffffc9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 28px #3e315005}#workspace .new-project{background:#353039;box-shadow:0 4px 10px #312c4014;border-radius:14px}#workspace .project-list a.active{background:#ffffffc9;box-shadow:0 3px 12px #51426808}#workspace .empty-conversation{margin:auto 0 20px}#workspace .empty-conversation h2{font-size:clamp(2.3rem,4vw,3.7rem)}#workspace .welcome-greeting{color:#797184}#workspace .welcome-subtitle{color:#7d7585;margin-bottom:23px}.creation-options{grid-template-columns:1.2fr 1fr;grid-template-rows:88px 88px;gap:12px}.creation-options button{min-height:0;border:1px solid #ffffff80;border-radius:22px;position:relative;padding:18px 22px;gap:6px;overflow:hidden;transition:transform 220ms var(--ease-out),box-shadow 220ms ease;background:linear-gradient(125deg,#f5b2c5,#f9c6d3);color:#493b50}.creation-options button:first-child{grid-row:1/3;background:linear-gradient(130deg,#d6c7f0,#c7b5e4);justify-content:flex-end;padding:25px}.creation-options button:nth-child(3){background:linear-gradient(130deg,#d4e2ec,#bfcedf)}.creation-options button svg{margin:0;width:20px;height:20px;position:absolute;right:18px;top:16px;color:#5c4b6e}.creation-options button:first-child svg{position:static;width:44px;height:44px;margin-bottom:auto;padding:10px;background:#ffffffa0;border:1px solid #fffc;border-radius:14px;box-shadow:0 5px 12px #4d36571a;transform:rotate(-7deg)}.creation-options strong{font-size:.9375rem;letter-spacing:-.03em;font-weight:600}.creation-options button:first-child strong{font-size:1.3rem}.creation-options span{display:block;color:#665771;font-size:.8125rem}.creation-options button:not(:first-child){justify-content:center;padding-right:45px}.creation-options button:nth-child(3) span{color:#566b80}#workspace .composer{position:relative;background:#ffffffb8;border:1px solid #fff;border-radius:25px;box-shadow:0 8px 35px #4d3e6509,inset 0 1px 0 #fff;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25)}#workspace .composer:focus-within{border-color:#c9bbd9;box-shadow:0 10px 38px #78638f12}#workspace .mode-switch{background:#e9e4ef80;border:1px solid #fff9}#workspace .send{background:#39323f;border-radius:14px}#workspace .activity-mascot{background:#e3d9ef9e;border:1px solid #fff9}#workspace .message.user{background:#e3d9ef94;border:1px solid #fff7}#workspace .editor{background:#ffffffb0;border-color:#fff;box-shadow:0 10px 36px #62577609;animation:panel-arrive 250ms var(--ease-out)}.editor-toolbar{background:#ffffff91;backdrop-filter:blur(20px)}.preview-panel{background:#e9e6ee80}
dialog,body:has(#workspace:not([hidden])) .settings-sheet{background:#f6f3f9eF;border:1px solid #fff;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 25px 90px #35233e26}.settings-sheet{transition:transform 280ms var(--ease-drawer)}dialog::backdrop{background:#3e304a30;backdrop-filter:blur(5px)}.settings-tabs{background:#e4ddeb9c;border:1px solid #fff9;backdrop-filter:blur(20px)}.settings-tabs button[aria-selected=true]{background:#ffffffe0;box-shadow:0 2px 10px #5b466412}.settings-section,.manage-form,.manage-item,.account-detail,.context-choice{background:#ffffffb5;border:1px solid #fff}.settings-section:nth-child(2){background:#f0eaf6d4}.manage-form input,.manage-form textarea{background:#f1edf5a8;border-color:#e4dcea}.attachment-chip{background:#e7deefb8;color:#62516f;animation:chip-arrive 180ms var(--ease-out)}
/* Native popover provides top-layer rendering, light dismissal and Escape. */
.attach-menu[popover]{position:fixed;inset:auto;margin:0;max-height:calc(100dvh - 100px);overflow:auto;background:#faf7fdE8;border:1px solid #fff;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 16px 50px #49355925,inset 0 1px 0 #fff;opacity:0;transform:translateY(6px) scale(.97);transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out),display 180ms allow-discrete,overlay 180ms allow-discrete;transform-origin:bottom left}.attach-menu[popover]:popover-open{opacity:1;transform:none}.attach-menu button:hover{background:#e5ddec90}.attach-menu>p{color:#887b92}.attach-menu small{color:#7b6e85}@starting-style{.attach-menu[popover]:popover-open{opacity:0;transform:translateY(6px) scale(.97)}}
@keyframes bento-arrive{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes panel-arrive{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@keyframes chip-arrive{from{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.bento-card:hover .abstract-window{transform:rotate(0) translateY(-3px)}.dark-card:hover .bento-face{transform:rotate(0) translateY(-4px)}.creation-options button:hover{transform:translateY(-3px);box-shadow:0 12px 22px #70578912;border-color:#fff}.creation-options button:first-child:hover{background:linear-gradient(130deg,#d6c7f0,#c7b5e4)}.creation-options button:nth-child(2):hover{background:linear-gradient(125deg,#f5b2c5,#f9c6d3)}.creation-options button:nth-child(3):hover{background:linear-gradient(130deg,#d4e2ec,#bfcedf)}}
@media(max-width:1000px){.nav{margin:12px 20px 0}.landing-grid{grid-template-columns:1fr 1fr;grid-template-rows:240px 240px 205px}.idea-card{grid-column:1;grid-row:1/3}.dark-card{grid-column:2;grid-row:1;grid-template-columns:1fr 90px;padding:24px}.dark-card .bento-face{width:82px;height:82px}.dark-card .bento-face i{width:8px;height:20px}.dark-card h2{font-size:1.6rem}.preview-card{grid-column:2;grid-row:2}.files-card{grid-column:1;grid-row:3;flex-direction:row;align-items:center;gap:20px}.files-card .file-stack{align-self:center;order:2}.continue-card{grid-column:2;grid-row:3;padding:26px;display:block}.continue-card h2{font-size:1.9rem}.continue-card p{padding:12px;font-size:.75rem;margin:16px 0 0;border-radius:12px;transform:none}.bento-intro>p:last-child{max-width:200px}.creation-options button{padding:15px}.creation-options button:first-child{padding:20px}.creation-options span{font-size:.75rem}.creation-options button:first-child strong{font-size:1.1rem}}
@media(max-width:650px){.nav{margin:10px 14px 0;height:62px;border-radius:20px;padding:0 17px}.bento-landing{padding:0 16px}.bento-intro{display:block;padding:30px 4px}.bento-intro .eyebrow{font-size:.6875rem}.bento-intro h1{font-size:2.9rem;margin:14px 0}.bento-intro>p:last-child{max-width:100%;font-size:.875rem;padding:0}.landing-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.idea-card{grid-column:1/3;grid-row:auto;min-height:340px;overflow:hidden;padding:25px}.idea-card h2{font-size:2.2rem;margin:18px 0}.idea-card h2 br{display:none}.idea-card .prompt-card{margin:8px 0 0;transform:rotate(0);padding:16px}.idea-card .prompt-card textarea{min-height:75px}.dark-card{grid-column:1/3;grid-row:auto;grid-template-columns:1fr 95px;min-height:190px;padding:24px}.dark-card .bento-face{width:92px;height:92px}.preview-card{grid-column:1;grid-row:auto;padding:18px;min-height:238px}.files-card{grid-column:2;grid-row:auto;flex-direction:column;align-items:flex-start;gap:14px;padding:18px}.files-card .file-stack{order:0;align-self:center;min-width:75px}.file-stack span{width:46px;height:58px;font-size:.75rem}.preview-card h2,.files-card h2{font-size:1.35rem}.preview-card p,.files-card p{font-size:.75rem}.abstract-window{height:80px;margin-bottom:17px}.continue-card{grid-column:1/3;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:24px}.continue-card h2{font-size:1.9rem}.continue-card p{margin:0;padding:14px;font-size:.8125rem}.bento-process{padding:48px 4px 30px}.bento-card{border-radius:25px}.creation-options{grid-template-columns:1fr 1fr;grid-template-rows:75px 75px;gap:9px}.creation-options button{display:flex;flex-direction:column;align-items:flex-start;border-radius:17px;padding:12px!important;justify-content:center!important;gap:5px}.creation-options button:first-child{justify-content:flex-end!important}.creation-options button:first-child svg{width:32px;height:32px;padding:7px;border-radius:10px;margin-bottom:auto}.creation-options button:not(:first-child) svg{display:none}.creation-options button:first-child strong,.creation-options strong{font-size:.8125rem}.creation-options span{font-size:.6875rem;line-height:1.35}.creation-options button:first-child span{display:none}#workspace .empty-conversation h2{font-size:2.25rem}#workspace .welcome-subtitle{margin-bottom:18px}#workspace .composer{border-radius:22px}#workspace .workspace-header{height:46px}.attach-menu[popover]{width:min(270px,calc(100vw - 24px))}.settings-sheet{border-radius:0}}
@media(max-height:750px) and (min-width:801px){.creation-options{grid-template-rows:70px 70px}#workspace .empty-conversation h2{font-size:2.8rem}.creation-options button:first-child svg{width:32px;height:32px;padding:7px}.creation-options span{font-size:.75rem}#workspace .welcome-subtitle{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.bento-card,.editor,.attachment-chip,.bento-face i{animation:none!important}.attach-menu[popover],.creation-options button,.abstract-window,.bento-face{transition:none!important}}body.reduce-motion *,body.keyboard-input *{animation:none!important;transition:none!important}@media(hover:none){.creation-options button:hover{transform:none}.idea-card .prompt-card{transform:none}}
@supports not (backdrop-filter:blur(1px)){.attach-menu[popover],dialog,.settings-tabs{background:#f8f5fa}#workspace .composer,.nav{background:#fff}}
.continue-card h2 br:first-of-type{display:initial}

/* Creation-to-preview motion and publishing */
#workspace .editor.editor-reveal{animation:editor-unfold 620ms cubic-bezier(.16,1,.3,1) both;transform-origin:right center}
#workspace .preview-panel.preview-reveal iframe{animation:preview-focus 680ms cubic-bezier(.16,1,.3,1) both}
.editor-publish{min-height:34px;padding:0 14px;border:1px solid #302b34;border-radius:11px;background:#332e37;color:#fff;font-size:.75rem;font-weight:650;box-shadow:0 5px 14px #3b304716;transition:transform 180ms var(--ease-out),box-shadow 180ms ease,opacity 180ms ease}
.editor-publish:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #3b304724}.editor-publish:disabled{opacity:.38;cursor:not-allowed}
.file-bar{height:44px;padding-left:8px;gap:12px}.file-tabs{display:flex;align-self:stretch;gap:2px;min-width:0;overflow-x:auto}.file-tabs button{position:relative;flex:0 0 auto;padding:0 11px;background:transparent;color:#747985;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem}.file-tabs button::before{content:"";position:absolute;left:9px;right:9px;bottom:0;height:2px;border-radius:2px;background:transparent}.file-tabs button[aria-selected=true]{color:#e7e5ea}.file-tabs button[aria-selected=true]::before{background:#8d78b3}.file-tabs button:focus-visible{outline-offset:-3px}
.publish-form{display:grid;gap:12px;margin-top:25px}.publish-form>label{font-size:.75rem;font-weight:650;color:#625b68}.domain-field{display:flex;align-items:center;border:1px solid #d9d2de;border-radius:14px;background:#ffffffe0;box-shadow:inset 0 1px 0 #fff;overflow:hidden;transition:border-color 180ms,box-shadow 180ms}.domain-field:focus-within{border-color:#9d8aaf;box-shadow:0 0 0 4px #9d8aaf16}.domain-field input{min-width:0;flex:1;padding:14px;border:0;background:transparent;color:#262229;outline:0;font:inherit}.domain-field span{padding:0 14px;color:#77707d;font-size:.8125rem;border-left:1px solid #e4dee7}.domain-status{min-height:20px;margin:0!important;color:#77707e!important;font-size:.75rem!important}.domain-status.available{color:#39724d!important}.domain-status.unavailable{color:#a14b57!important}.publish-result{margin-top:20px;padding:16px;border:1px solid #fff;border-radius:16px;background:#e9f1e9}.publish-result span{display:block;margin-bottom:5px;color:#5f7866;text-transform:uppercase;letter-spacing:.1em;font-size:.625rem;font-weight:700}.publish-result-result a,.publish-result a{color:#25432d;font-weight:650;overflow-wrap:anywhere}
@keyframes editor-unfold{0%{opacity:0;clip-path:inset(0 0 0 94% round 26px);transform:translateX(22px) scale(.985);filter:blur(7px)}55%{opacity:1;filter:blur(0)}100%{clip-path:inset(0 round 0);transform:none}}
@keyframes preview-focus{0%{opacity:.35;transform:scale(.975);filter:blur(5px)}55%{opacity:1;transform:scale(1.006);filter:blur(0)}100%{transform:none}}
@media(max-width:650px){.editor-publish{padding:0 10px}.file-tabs button{padding:0 8px}.domain-field span{padding:0 10px}.editor-actions{gap:1px}}

/* The live activity belongs to the assistant turn that triggered it. */
.message.assistant.active-turn{grid-template-columns:58px minmax(0,1fr);padding-left:2px;align-items:start}
.message.assistant.active-turn>.assistant-avatar{display:none}
.message.assistant.active-turn>.activity-mascot{grid-column:1;grid-row:1;width:58px;height:58px;margin-top:2px}
.message.assistant.active-turn>.message-body{grid-column:2;grid-row:1;min-width:0}
.message-content:empty{display:none}
.message.assistant.active-turn .activity-copy{position:relative;margin-top:10px;padding:10px 12px 10px 24px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(82,109,255,.035));overflow:hidden}
.message.assistant.active-turn .activity-copy::before{content:"";position:absolute;left:11px;top:15px;width:5px;height:5px;border-radius:50%;background:#7086ff;box-shadow:0 0 0 5px rgba(82,109,255,.08),0 0 14px rgba(82,109,255,.5);animation:statusPulse 1.5s ease-in-out infinite}
.message.assistant.active-turn .activity-copy>span{display:block;color:#e5e7ed;font-size:.79rem;font-weight:620;line-height:1.35}
.message.assistant.active-turn .activity-copy>small{display:block;margin-top:3px;color:#777f90;font-size:.69rem;line-height:1.4}
.message.assistant.active-turn.is-error .activity-copy{border-color:rgba(210,93,108,.25);background:rgba(116,31,43,.1)}
.message.assistant.active-turn.is-error .activity-copy::before{background:#d46a78;box-shadow:0 0 0 5px rgba(212,106,120,.08)}
.turn-repair{display:inline-flex;align-items:center;margin-top:10px;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);color:#eef0f6;font-size:.72rem;font-weight:620;transition:transform .2s var(--ease),background .2s,border-color .2s}
.turn-repair:hover{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:rgba(112,134,255,.55)}
.activity.activity-dock{display:none!important}

.repair-card{margin-top:17px;padding:15px;border:1px solid rgba(211,93,109,.25);border-radius:15px;background:linear-gradient(145deg,rgba(117,33,46,.18),rgba(255,255,255,.025));animation:repairIn .4s var(--ease) both}
.repair-card strong{display:block;font-size:.82rem}
.repair-card p{margin:6px 0 13px;color:#9298a5;font-size:.73rem;line-height:1.5;overflow-wrap:anywhere}
.repair-card button{width:100%;min-height:40px;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.07);color:#f2f3f7;font-size:.75rem;font-weight:650;transition:background .2s,transform .2s}
.repair-card button:hover{background:rgba(255,255,255,.11);transform:translateY(-1px)}
@keyframes statusPulse{50%{opacity:.45;transform:scale(.72)}}
@keyframes repairIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:800px){.message.assistant.active-turn{grid-template-columns:52px minmax(0,1fr)}.message.assistant.active-turn>.activity-mascot{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.message.assistant.active-turn .activity-copy::before,.repair-card{animation:none}}
body.reduce-motion .message.assistant.active-turn .activity-copy::before,body.reduce-motion .repair-card{animation:none}
.message.assistant.active-turn .activity-copy{background:rgba(122,132,160,.08);border:1px solid rgba(122,132,160,.16);border-radius:16px;transition:background .25s ease,border-color .25s ease;animation:activityReveal .3s ease both}
.message.assistant.active-turn .activity-copy>span{color:inherit;font-size:.86rem;line-height:1.5}
.message.assistant.active-turn .activity-copy>small{color:inherit;opacity:.62;font-size:.76rem;line-height:1.5}
.message.assistant.active-turn.is-error .activity-copy::before,.message.assistant.active-turn.is-paused .activity-copy::before{animation:none;box-shadow:none}
.message.assistant.active-turn.is-paused .activity-copy::before{background:#9298a6}
.message-content:empty{display:none}
.message{animation:activityReveal .28s ease both}
#messages{scroll-behavior:smooth;overscroll-behavior:contain}
#resume-build{border:1px solid rgba(122,132,160,.25);border-radius:12px;padding:9px 13px}
@keyframes activityReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.message,.message.assistant.active-turn .activity-copy{animation:none}#messages{scroll-behavior:auto}}
body.reduce-motion .message,body.reduce-motion .message.assistant.active-turn .activity-copy{animation:none}
@media(prefers-reduced-motion:reduce){#workspace .editor.editor-reveal,#workspace .preview-panel.preview-reveal iframe{animation:none!important}}

/* Mobile landing navigation: all primary routes remain discoverable on phones. */
.landing-menu-button{display:none;width:40px;height:40px;padding:0;border:1px solid #e3dfe6;border-radius:13px;background:#ffffffa8;color:#302a34;place-items:center}.landing-menu-button svg{width:19px;height:19px}
@media(max-width:800px){.nav{z-index:70}.landing-menu-button{display:grid;margin-left:auto}.nav nav{position:absolute;top:calc(100% + 8px);right:0;width:min(310px,calc(100vw - 28px));padding:10px;display:flex;align-items:stretch;flex-direction:column;gap:3px;border:1px solid #fff;border-radius:20px;background:#faf8fbea;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 20px 55px #40344824;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.975);transform-origin:top right;transition:opacity 180ms var(--ease-out),transform 220ms var(--ease-out),visibility 180ms}.nav.menu-open nav{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav nav>a,.nav .text-button,.nav .nav-cta{display:flex;width:100%;min-height:46px;padding:0 14px;align-items:center;justify-content:flex-start;border-radius:13px;color:#37313c}.nav nav>a:hover,.nav .text-button:hover{background:#ebe5ef;color:#26212a}.nav .nav-cta{margin-top:3px;justify-content:space-between;color:#fff;background:#302a34;border-color:#302a34}.nav .nav-cta:hover{background:#3a3340;transform:none}}
@media(max-width:650px){.nav{padding-right:12px}.nav nav{right:0}}
@media(prefers-reduced-motion:reduce){.nav nav{transition:none!important}}