:root{--ink:#252720;--muted:#85867d;--line:#e9e7df;--paper:#f7f5f0;--cream:#fbfaf7;--accent:#d97851;--green:#68775b;--serif:'Playfair Display','Noto Sans SC',serif;--sans:'DM Sans','Noto Sans SC',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:13px}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;flex:0 0 246px;background:#f1efe8;border-right:1px solid #e7e4dc;display:flex;flex-direction:column;padding:24px 15px 15px}.brand{height:38px;display:flex;align-items:center;gap:10px;padding-left:8px;text-decoration:none;color:var(--ink);font-weight:700;font-size:16px;letter-spacing:.02em}.brand small{display:block;color:#8e8c81;font-size:8px;letter-spacing:.19em;margin-top:1px}.brand-mark{width:29px;height:29px;background:#6a755e;color:#fff;display:grid;place-items:center;border-radius:9px;font-family:'Noto Sans SC';font-size:15px}.new-project{margin:29px 1px 28px;height:42px;border:1px solid #dedbd1;background:#faf9f6;border-radius:8px;color:#33352e;font:600 12px var(--sans);cursor:pointer;text-align:left;padding:0 13px;box-shadow:0 1px 2px #29281608}.new-project span{font-size:19px;vertical-align:-2px;margin-right:8px;color:#6b765d}.side-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:#a09d91;padding:0 10px 10px;text-transform:uppercase}.nav-list{display:grid;gap:3px}.nav-item{height:39px;padding:0 10px;border-radius:7px;display:flex;align-items:center;gap:11px;text-decoration:none;color:#696a62;font-size:12px}.nav-item.active{color:#485340;background:#e6e8df;font-weight:600}.nav-icon{font-size:16px;width:18px;text-align:center;color:#85877b}.active .nav-icon{color:#65725a}.count{margin-left:auto;background:#f8f7f3;color:#898a81;padding:2px 7px;border-radius:8px;font-size:10px}.recent-label{margin-top:31px;display:flex;justify-content:space-between;align-items:center}.recent-label button{border:0;background:transparent;color:#99978c;font-size:17px;line-height:10px}.project-list{display:grid;gap:4px}.project-row{border:0;background:transparent;border-radius:7px;padding:8px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;color:#474940}.project-row.selected{background:#e9e7de}.project-row b,.profile b{font-size:11px;font-weight:600;display:block}.project-row small,.profile small{display:block;color:#99978c;font-size:10px;margin-top:4px}.project-thumb{width:30px;height:34px;border-radius:4px;display:block;box-shadow:0 2px 4px #28271b10}.thumb-peach{background:linear-gradient(150deg,#e6b786 0 47%,#73806c 48% 100%)}.thumb-blue{background:linear-gradient(150deg,#d4d8d5 0 47%,#80929a 48% 100%)}.thumb-green{background:linear-gradient(150deg,#e4dbb8 0 47%,#7c8b62 48% 100%)}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #e2dfd5;background:#f7f6f1;border-radius:9px;padding:13px 12px 12px;margin:0 2px 18px}.help-icon{color:#77836a;font-size:14px;float:right}.help-card b{font-size:11px}.help-card p{color:#8d8b82;font-size:10px;line-height:1.6;margin:7px 0 9px}.help-card a{font-size:10px;color:#647256;text-decoration:none;font-weight:600}.help-card a span{margin-left:4px}.profile{border:0;border-top:1px solid #e3e0d7;background:transparent;width:100%;display:flex;align-items:center;gap:9px;padding:14px 6px 0;text-align:left;color:#41433b}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d9c4a8;color:#6f5140;font-size:12px}.profile .more{margin-left:auto;color:#99978c;font-size:18px}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:65px;border-bottom:1px solid #e7e4dc;background:rgba(251,250,247,.85);display:flex;align-items:center;justify-content:space-between;padding:0 29px}.breadcrumb{font-size:11px;color:#96958c;display:flex;gap:10px;align-items:center}.breadcrumb span{color:#c4c1b7}.breadcrumb b{font-weight:600;color:#4d4e46}.edit-title{border:0;background:transparent;color:#9c9a90;font-size:12px;padding:3px;cursor:pointer}.top-actions{display:flex;align-items:center;gap:11px}.autosave{font-size:10px;color:#898a81;margin-right:7px}.autosave i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8c9b79;margin-right:5px;vertical-align:1px}.share-btn,.export-btn{height:32px;border-radius:6px;font:500 11px var(--sans);cursor:pointer;padding:0 11px}.share-btn{border:1px solid #e2dfd6;background:transparent;color:#62635b}.share-btn span{margin-left:4px}.export-btn{background:#68765d;color:white;border:1px solid #68765d;padding:0 13px}.export-btn span{margin-left:7px;opacity:.75}.workspace{display:grid;grid-template-columns:minmax(400px,1fr) minmax(400px,47%);flex:1;min-height:calc(100vh - 65px)}.chat-panel{min-width:0;display:flex;flex-direction:column;background:#fbfaf7;border-right:1px solid #e7e4dc}.chat-scroll{width:min(100%,690px);padding:29px 43px 25px;margin:0 auto;flex:1;overflow:auto}.conversation-date{display:flex;align-items:center;justify-content:center;gap:11px;color:#aba99f;font-size:9px;margin:3px 0 29px}.conversation-date span{height:1px;background:#efede6;flex:1}.assistant-intro{display:flex;align-items:flex-start;gap:10px;margin-bottom:23px}.assistant-avatar{height:27px;width:27px;flex:0 0 27px;border-radius:8px;background:#6e7a61;color:#fff;display:grid;place-items:center;font-family:'Noto Sans SC';font-size:12px}.message-meta{height:21px;display:flex;align-items:flex-start;gap:9px;font-size:9px;color:#aaa89f}.message-meta b{font-size:10px;color:#56574e;font-weight:600}.bubble{font-size:11px;line-height:1.8;border-radius:0 9px 9px 9px;padding:12px 14px}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.assistant-bubble{background:#f1f0e9;color:#66675f;max-width:445px}.assistant-bubble strong{color:#45483d;font-weight:600}.user-message{margin:0 0 23px 44px;display:flex;align-items:flex-end;flex-direction:column}.user-message .message-meta{width:100%;justify-content:flex-end}.user-bubble{background:#e8e9df;color:#4c5144;max-width:390px;border-radius:9px 0 9px 9px}.inline-proposals{display:flex;gap:8px;margin:12px 0 6px}.mini-proposal{width:185px;border:1px solid #e5e3d9;background:#faf9f5;border-radius:7px;padding:6px;display:flex;align-items:center;gap:8px;text-align:left;position:relative;cursor:pointer;color:#4f5048}.mini-proposal.chosen{border-color:#a6ae98;box-shadow:0 0 0 1px #a6ae9840}.mini-art{width:38px;height:42px;border-radius:4px;display:block;background:linear-gradient(145deg,#e9c49f 0 50%,#7d8472 51% 100%);position:relative;overflow:hidden}.mini-art:after{content:'山';font-family:serif;font-size:18px;color:#f8ecda;position:absolute;bottom:1px;right:6px}.art-b{background:linear-gradient(145deg,#dad6b7 0 50%,#738367 51% 100%)}.mini-proposal b{font-size:10px;display:block;font-weight:600}.mini-proposal small{font-size:8px;color:#99968a;display:block;margin-top:4px}.mini-proposal i{font-style:normal;display:none;position:absolute;right:6px;top:5px;background:#718065;color:#fff;font-size:8px;width:13px;height:13px;border-radius:50%;text-align:center;line-height:13px}.mini-proposal.chosen i{display:block}.reaction-row{display:flex;gap:13px;margin:8px 0 0 1px}.reaction-row button{border:0;background:none;padding:0;color:#8b8b80;font:10px var(--sans);cursor:pointer}.reaction-row button span{margin-left:4px}.composer-wrap{border-top:1px solid #efede7;padding:13px max(27px,calc((100% - 610px)/2)) 12px}.suggestions{display:flex;gap:6px;overflow:auto;padding-bottom:10px;white-space:nowrap}.suggestions button{border:1px solid #e9e7df;background:#fbfaf7;color:#77786e;border-radius:14px;padding:6px 10px;font:9px var(--sans);cursor:pointer}.suggestions button:hover{border-color:#bbc1b1;color:#56634b}.composer{min-height:49px;border:1px solid #e4e2d9;background:#fff;border-radius:9px;display:flex;align-items:flex-end;padding:7px 8px;gap:8px;box-shadow:0 2px 7px #403e2c08}.attach{width:28px;height:28px;border:0;background:#f2f1eb;border-radius:6px;font-size:19px;color:#87887e;cursor:pointer}.composer textarea{flex:1;resize:none;border:0;outline:0;background:transparent;min-height:27px;max-height:95px;padding:6px 0;font:11px var(--sans);color:#4b4d45}.composer textarea::placeholder{color:#aaa99f}.send-btn{height:29px;width:29px;border:0;border-radius:7px;background:#6f7c61;color:white;font-size:19px;line-height:1;cursor:pointer}.send-btn:hover{background:#56634b}.composer-foot{display:flex;justify-content:space-between;color:#b1afa5;font-size:8px;padding:7px 2px 0}.preview-panel{padding:28px 30px 17px;background:#f7f5f0;min-width:0;display:flex;flex-direction:column}.preview-heading{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:9px;letter-spacing:.11em;color:#9a998e;text-transform:uppercase}.sparkle{font-size:12px;color:#748269;margin-right:5px}.live-dot{width:5px;height:5px;margin-left:4px;background:#b2b999}.preview-heading h1{font:600 21px var(--serif);letter-spacing:.01em;margin:7px 0 2px;color:#34362f}.version{font:600 8px var(--sans);letter-spacing:.04em;color:#92948a;background:#eae8e0;padding:4px 6px;border-radius:4px;vertical-align:3px;margin-left:4px}.preview-heading p{font-size:10px;color:#96958a;margin:0}.more-button{border:1px solid #e3e0d8;background:#f9f8f4;color:#77786f;border-radius:6px;width:30px;height:29px;font-size:17px;line-height:13px;cursor:pointer}.preview-tabs{margin-top:18px;border-bottom:1px solid #e6e3dc;display:flex;gap:21px}.preview-tabs button{border:0;background:none;padding:0 0 10px;font:10px var(--sans);color:#9a998f;cursor:pointer;position:relative}.preview-tabs button.active{color:#4d5347;font-weight:600}.preview-tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#76836a;border-radius:2px}.preview-stage{margin-top:13px;border:1px solid #e7e4dc;background:#efede6;border-radius:8px;overflow:hidden}.stage-topline{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#a09e93;font-size:8px;letter-spacing:.04em}.stage-topline button{border:0;background:transparent;color:#8d8e84;font:9px var(--sans);cursor:pointer}.mockup-scene{height:300px;background:radial-gradient(ellipse at 52% 78%,#eee0c9 0,#efe9dd 38%,#e8e7df 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background .3s}.mockup-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffffff22,transparent 47%,#bcbcae1c)}.sun-orb{position:absolute;width:130px;height:130px;border-radius:50%;background:#efd4ae;opacity:.34;top:29px;right:56px;filter:blur(1px)}.shadow-ground{position:absolute;bottom:49px;left:18%;right:15%;height:24px;border-radius:50%;background:#73706426;filter:blur(11px)}.coffee-pack{position:absolute;box-shadow:8px 13px 18px #655d4928;overflow:hidden}.pack-front{z-index:2;width:153px;height:223px;left:calc(50% - 92px);top:32px;transform:rotate(-3deg);background:linear-gradient(108deg,#d9b890,#ead2b0 20%,#d9bb94 66%,#c7a780);clip-path:polygon(0 2%,5% 0,95% 0,100% 2%,98% 99%,2% 100%)}.pack-front:after,.pack-back:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#fff2 0%,transparent 18%,#6b4b2714 55%,transparent 85%);pointer-events:none}.pack-seal{height:13px;position:absolute;top:0;left:0;right:0;border-bottom:1px solid #9f805d55;background:repeating-linear-gradient(0deg,#c8a77f,#c8a77f 1px,#dfc29e 1px,#dfc29e 2px)}.pack-brand{position:absolute;top:25px;left:13px;font:700 9px var(--sans);letter-spacing:.17em;color:#45483b}.pack-brand span{display:block;font:9px 'Noto Sans SC';letter-spacing:.08em;margin-top:4px}.pack-title{position:absolute;top:62px;left:17px;font:600 26px/1.17 'Noto Sans SC',sans-serif;letter-spacing:.1em;color:#48503f}.mountain-lines{position:absolute;left:0;right:0;top:89px;height:94px;opacity:.83}.mountain-lines svg{width:100%;height:100%;fill:none;stroke:#6e7760;stroke-width:1.4}.pack-bottom{position:absolute;bottom:13px;left:13px;right:12px;display:flex;justify-content:space-between;align-items:flex-end;color:#545646;font-size:7px}.pack-bottom b{text-align:right;font-weight:500;line-height:1.6}.pack-stamp{position:absolute;right:13px;top:30px;border:1px solid #6c725b88;color:#647056;width:25px;height:31px;text-align:center;font:11px/1.3 'Noto Sans SC';padding-top:2px;transform:rotate(4deg)}.pack-stamp small{font-size:5px;white-space:nowrap}.pack-back{width:131px;height:201px;left:calc(50% + 27px);top:48px;transform:rotate(7deg);z-index:1;background:linear-gradient(100deg,#bcb69f,#d0c9ad 45%,#aaa68f);opacity:.89}.pack-back .pack-seal{height:10px}.back-logo{position:absolute;top:23px;left:12px;color:#4f5145;font-size:7px;letter-spacing:.16em;font-weight:700}.back-copy{position:absolute;top:50px;left:12px;color:#55574a;font:12px/1.65 'Noto Sans SC'}.back-lines{position:absolute;left:9px;right:9px;top:95px;height:54px;background:repeating-linear-gradient(0deg,transparent,transparent 9px,#77786644 10px,#77786644 11px)}.back-info{position:absolute;bottom:11px;left:12px;color:#56584d;font-size:6px;line-height:1.8}.single-sachet{position:absolute;z-index:3;width:52px;height:134px;left:calc(50% - 139px);top:125px;background:linear-gradient(100deg,#ece0c5,#f3e9d3 48%,#d9c8a7);box-shadow:4px 7px 10px #655d4923;transform:rotate(-8deg);clip-path:polygon(0 2%,5% 0,95% 0,100% 2%,97% 98%,3% 100%);text-align:center;color:#65705a;padding-top:14px}.sachet-top{position:absolute;top:0;left:0;right:0;height:7px;background:repeating-linear-gradient(0deg,#d4c09c,#d4c09c 1px,#eadbbd 1px,#eadbbd 2px)}.single-sachet small{display:block;font-size:5px;letter-spacing:.1em}.single-sachet b{display:block;font:600 13px/1.3 'Noto Sans SC';margin-top:12px;letter-spacing:2px}.sachet-mountain{height:25px;font-size:24px;line-height:19px;border-bottom:1px solid #7a826d8a;margin:0 5px}.single-sachet span{font-size:6px;display:block;margin-top:6px}.stage-caption{position:absolute;left:15px;bottom:13px;display:flex;align-items:center;gap:6px;color:#8b8b7e;font-size:7px}.stage-caption i{height:1px;width:21px;background:#b8b5a8}.stage-controls{height:34px;display:flex;align-items:center;justify-content:center;gap:11px;position:relative}.stage-controls>button{border:0;background:none;color:#898a80;font-size:19px;cursor:pointer;padding:0 3px}.slide-dots{display:flex;gap:4px}.slide-dots button{height:5px;width:5px;border:0;border-radius:50%;padding:0;background:#cfcdc3;cursor:pointer}.slide-dots button.active{background:#77836b;width:13px;border-radius:4px}.stage-count{position:absolute;right:12px;color:#aaa89d;font-size:8px}.design-details{padding:17px 2px 0}.detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.detail-heading b{font-size:10px;font-weight:600;color:#55574e}.detail-heading button{border:0;background:none;color:#929288;font:9px var(--sans);cursor:pointer}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.tag-list span{border:1px solid #e3e1d8;border-radius:12px;padding:5px 9px;color:#73756a;font-size:8px;background:#faf9f5}.detail-divider{height:1px;background:#e7e4dc;margin:14px 0}.spec-row{display:flex;justify-content:space-between;padding:6px 0;font-size:9px;color:#98968c}.spec-row b{color:#5b5d54;font-weight:500}.spec-cta{width:100%;margin-top:9px;height:33px;border:1px solid #dadfd3;background:#eef0e9;border-radius:6px;text-align:left;padding:0 10px;color:#647158;font:600 9px var(--sans);cursor:pointer}.spec-cta span{float:right;font-size:12px}.preview-footer{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;color:#aaa89e;font-size:8px}.preview-footer button{border:0;background:none;color:#88897e;font:9px var(--sans);cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#30332c;color:#fff;border-radius:7px;padding:10px 15px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:10;box-shadow:0 6px 18px #1113}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#22251f66;display:none;align-items:center;justify-content:center;z-index:20;padding:20px}.modal-backdrop.open{display:flex}.modal-card{background:#fbfaf7;border-radius:12px;padding:28px;width:min(440px,100%);position:relative;box-shadow:0 20px 60px #20201835}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:23px;color:#898a80;cursor:pointer}.modal-icon{height:32px;width:32px;display:grid;place-items:center;background:#e8ebe1;color:#68765d;border-radius:9px}.modal-card h2{font:600 19px var(--serif);margin:14px 0 9px}.modal-card p{font-size:11px;line-height:1.8;color:#74756b}.modal-card ul{font-size:11px;line-height:2;color:#686a60;padding-left:18px}.zoomed .mockup-scene{height:390px}.zoomed .pack-front{transform:scale(1.2) rotate(-3deg);transform-origin:center}.zoomed .pack-back{transform:scale(1.2) rotate(7deg);transform-origin:center}.zoomed .single-sachet{transform:scale(1.2) rotate(-8deg);transform-origin:center}.flat-mode .mockup-scene{background:#f7f5f0}.flat-mode .coffee-pack{transform:none;clip-path:none;border:1px solid #c9c1ae;box-shadow:none}.flat-mode .pack-front{left:calc(50% - 77px);top:26px}.flat-mode .pack-back,.flat-mode .single-sachet{display:none}.details-mode .mockup-scene{background:#e7e8df}.details-mode .coffee-pack{filter:saturate(.6)}.variant-b .pack-front{background:linear-gradient(108deg,#c9c7a6,#e0ddc1 20%,#d0d1b3 66%,#b6bb9d)}.variant-b .pack-title,.variant-b .pack-brand,.variant-b .pack-stamp{color:#475340}.variant-b .mountain-lines svg{stroke:#66765d}.variant-b .single-sachet{background:linear-gradient(100deg,#d9ddc4,#eef0dd 48%,#c7cfad)}
@media(max-width:1050px){.sidebar{width:210px;flex-basis:210px}.workspace{grid-template-columns:minmax(360px,1fr) minmax(350px,45%)}.chat-scroll{padding-left:27px;padding-right:27px}.preview-panel{padding-left:22px;padding-right:22px}.mockup-scene{height:270px}}
@media(max-width:800px){.sidebar{width:62px;flex-basis:62px;padding:18px 8px}.brand{padding:0;justify-content:center}.brand>span:last-child,.new-project:not(span),.side-label,.nav-item:not(.active),.nav-item.active{font-size:0}.new-project{margin:24px 0;height:40px;padding:0;text-align:center;font-size:0}.new-project span{font-size:20px;margin:0}.nav-list{margin-top:8px}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:17px}.project-list,.help-card,.profile>span:not(.avatar){display:none}.recent-label{display:none}.profile{justify-content:center;padding:14px 0 0}.workspace{grid-template-columns:minmax(300px,1fr) minmax(315px,45%)}.topbar{padding:0 17px}.autosave{display:none}}
@media(max-width:650px){.sidebar{display:none}.topbar{height:55px;padding:0 14px}.breadcrumb{font-size:10px;gap:6px}.top-actions{gap:6px}.share-btn{display:none}.export-btn{height:29px;font-size:10px;padding:0 8px}.workspace{display:flex;flex-direction:column;min-height:calc(100vh - 55px)}.chat-panel{order:2;min-height:540px;border-right:0}.preview-panel{order:1;padding:19px 16px 15px}.preview-heading h1{font-size:19px}.preview-tabs{margin-top:14px}.mockup-scene{height:260px}.design-details{display:none}.preview-footer{margin-top:10px}.chat-scroll{padding:24px 16px}.assistant-bubble{max-width:calc(100vw - 90px)}.user-bubble{max-width:calc(100vw - 85px)}.composer-wrap{padding:11px 13px}.composer-foot span:last-child{display:none}.suggestions button{font-size:8px}.inline-proposals{flex-wrap:wrap}.mini-proposal{width:calc(50% - 4px)}.conversation-date{margin-bottom:23px}}
.brand img.brand-mark{display:block;object-fit:contain;background:transparent;border-radius:0}.profile{text-decoration:none;cursor:pointer}.generated-image[hidden]{display:none}.mockup-scene .generated-image{width:100%;height:100%;object-fit:contain;position:relative;z-index:4}.has-generated .mockup-scene{background:#eaece6}.has-generated .mockup-scene>:not(.generated-image){display:none}.has-generated .stage-controls{display:none}.has-generated .mockup-scene:before{display:none}.send-btn:disabled{opacity:.55;cursor:wait}.chat-panel .bubble{overflow-wrap:anywhere}.preview-heading p{overflow-wrap:anywhere}
.has-generated .stage-controls{display:flex}.chat-panel .bubble{white-space:pre-wrap}.stage-controls .slide-dots button{cursor:pointer}

/* AI 回复的 Markdown 排版（2026-11 新增） */
.bubble.markdown-body p{margin:0 0 8px}
.bubble.markdown-body p:last-child{margin-bottom:0}
.bubble.markdown-body h3,.bubble.markdown-body h4,.bubble.markdown-body h5{margin:12px 0 6px;font-size:14px;font-weight:600;line-height:1.5}
.bubble.markdown-body ul{margin:6px 0 8px;padding-left:18px}
.bubble.markdown-body li{margin:3px 0;line-height:1.65}
.bubble.markdown-body strong{font-weight:600}
.bubble.markdown-body hr{border:0;border-top:1px solid rgba(23,55,46,.12);margin:12px 0}
.bubble.markdown-body code{background:rgba(23,55,46,.07);border-radius:4px;padding:1px 5px;font-size:12px}

/* Conversational workspace: give the chat room to breathe and reveal preview on demand. */
body{font-size:14px}
.workspace{display:flex;min-height:calc(100vh - 65px)}
.chat-panel{flex:1;border-right:0}
.chat-scroll{width:min(100%,920px);padding:29px 40px 25px}
.conversation-date{font-size:10px}
.message-meta{font-size:10px}
.message-meta b{font-size:11px}
.bubble{font-size:13px;line-height:1.85}
.assistant-bubble{max-width:620px}
.user-bubble{max-width:520px}
.composer-wrap{padding:13px max(26px,calc((100% - 820px)/2)) 14px}
.suggestions button{font-size:10px}
.composer{min-height:68px;padding:10px 10px;gap:9px}
.attach{width:34px;height:34px;flex:0 0 34px}
.composer textarea{min-height:42px;padding:9px 0;font-size:14px;line-height:1.55}
.send-btn{width:36px;height:36px;flex:0 0 36px}
.composer-foot{font-size:9px}
.nav-item{font-size:13px}
.project-row b,.profile b{font-size:12px}
.project-row small,.profile small,.help-card p,.help-card a{font-size:11px}
.side-label{font-size:11px}
.preview-toggle{height:34px;display:inline-flex;align-items:center;gap:7px;border:1px solid #dcded4;background:#eef0e9;border-radius:7px;padding:0 11px;color:#59664e;font:600 12px var(--sans);cursor:pointer;white-space:nowrap}
.preview-toggle:hover{background:#e4e8dc;border-color:#c9d0bf}
.preview-toggle:focus-visible,.preview-close:focus-visible{outline:3px solid #a9b398;outline-offset:2px}
.preview-panel{position:fixed;inset:65px 0 0 auto;width:min(500px,calc(100vw - 246px));max-height:calc(100vh - 65px);z-index:40;overflow-y:auto;border-left:1px solid #e2dfd6;visibility:hidden;opacity:0;transform:translateX(18px);pointer-events:none;box-shadow:-18px 0 42px rgba(35,38,31,.14);transition:transform .2s ease-out,opacity .2s ease-out,visibility .2s}
.app-shell.preview-open .preview-panel{visibility:visible;opacity:1;transform:translateX(0);pointer-events:auto}
.preview-panel-actions{display:flex;align-items:center;gap:8px}
.preview-close{width:32px;height:30px;border:1px solid #e3e0d8;background:#f9f8f4;border-radius:6px;color:#77786f;font:22px/1 var(--sans);cursor:pointer}
.preview-close:hover{background:#eeece5;color:#42453c}
.preview-heading h1{font-size:22px}
.preview-heading p{font-size:11px}
.preview-tabs button{font-size:11px}
.stage-topline{font-size:9px}
.detail-heading b{font-size:11px}
.tag-list span,.spec-row{font-size:10px}
.spec-cta{font-size:10px}
.preview-footer,.preview-footer button{font-size:9px}

@media(max-width:800px){
  .chat-scroll{padding-left:24px;padding-right:24px}
  .composer-wrap{padding-left:22px;padding-right:22px}
  .preview-panel{width:min(500px,calc(100vw - 62px))}
}
@media(max-width:650px){
  .topbar{height:55px}
  .top-actions{gap:6px}
  .preview-toggle{height:31px;padding:0 8px;font-size:11px}
  .preview-panel{inset:63px 10px 10px;width:auto;max-height:none;border:1px solid #e2dfd6;border-radius:10px;padding:18px 16px 15px;box-shadow:0 14px 38px rgba(35,38,31,.2)}
  .chat-scroll{padding:24px 16px}
  .composer-wrap{padding:11px 13px 13px}
  .composer{min-height:64px}
  .composer textarea{min-height:40px;font-size:14px}
  .assistant-bubble{max-width:calc(100vw - 84px)}
  .user-bubble{max-width:calc(100vw - 76px)}
}