:root{color-scheme:light;--bg: #f3efe6;--surface: rgba(255, 252, 245, .88);--surface-strong: #fffdf8;--surface-muted: #f7f0e4;--line: rgba(58, 48, 37, .14);--line-strong: rgba(58, 48, 37, .22);--ink: #202621;--muted: #66706a;--soft: #8a928b;--brand: #ce5f3e;--brand-dark: #9e4129;--brand-soft: #ffe6d8;--green: #28624b;--danger: #b33b32;--shadow: 0 28px 90px rgba(56, 46, 31, .15);--shadow-soft: 0 14px 44px rgba(56, 46, 31, .11);--radius-xl: 30px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;color:var(--ink);font-family:Manrope,Noto Sans SC,sans-serif;background:radial-gradient(circle at 13% 12%,#ffdbb9e6 0,#ffdbb900 28%),radial-gradient(circle at 86% 18%,#b1d3c6b8 0,#b1d3c600 25%),linear-gradient(135deg,#f9f1e2,#eef3e8 46%,#f7efe3)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(rgba(63,52,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(63,52,39,.035) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,#000000d9,#0000001f);mask-image:linear-gradient(to bottom,#000000d9,#0000001f)}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.workspace{width:min(1480px,calc(100vw - 32px));min-height:calc(100vh - 32px);margin:16px auto;display:grid;grid-template-columns:minmax(620px,1.16fr) minmax(380px,.84fr);gap:18px}.chat-panel,.gallery-panel{min-height:calc(100vh - 32px);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.chat-panel{padding:20px;display:grid;grid-template-rows:auto auto minmax(160px,1fr) auto;gap:14px;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-head h1,.panel-head h2,.panel-head p{margin:0}.eyebrow{margin:0 0 6px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.panel-head h1{font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.055em}.panel-head h2{font-size:24px;letter-spacing:-.04em}.head-copy{max-width:520px;margin-top:10px!important;color:var(--muted);font-size:14px;line-height:1.65}.settings-link,.ghost-btn,.primary-btn{border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.settings-link{flex:0 0 auto;height:42px;padding:0 16px;background:#ffffffa8;color:#46514a;font-size:13px;font-weight:700}.settings-link:hover,.tool-pill:hover,.ghost-btn:hover{transform:translateY(-1px);border-color:#ce5f3e6b;background:#fff8f1}.context-bar{display:flex;flex-wrap:wrap;gap:8px}.context-bar span{min-height:32px;display:inline-flex;align-items:center;border:1px solid rgba(40,98,75,.12);border-radius:999px;padding:0 12px;background:#dcece294;color:var(--green);font-size:12px;font-weight:700}.chat-stream{min-height:0;padding:8px 8px 8px 0;overflow:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}.bubble{width:fit-content;max-width:min(86%,640px);border-radius:20px;padding:13px 14px 11px;display:grid;gap:7px;animation:fade-up .24s ease-out both}.bubble p,.bubble span{margin:0}.bubble p{font-size:14px;line-height:1.55}.bubble span{font-size:11px;opacity:.68}.bubble.user{margin-left:auto;border-bottom-right-radius:8px;background:linear-gradient(135deg,#21372f,#10231d);color:#fffaf2;box-shadow:0 12px 32px #12231d33}.bubble.assistant,.bubble.system{border:1px solid rgba(43,66,58,.12);border-bottom-left-radius:8px;background:#ffffff9e}.bubble.system{background:#dcece294}.composer{display:grid;gap:10px}.composer-card{position:relative;border:1px solid rgba(58,48,37,.2);border-radius:28px;background:linear-gradient(180deg,#fffefafa,#fffaf2f5),var(--surface-strong);box-shadow:0 18px 42px #4a38221f,inset 0 1px #ffffffbf;padding:14px;display:grid;gap:10px}.composer-card:focus-within{border-color:#ce5f3e75;box-shadow:0 24px 60px #4a382229,0 0 0 4px #ce5f3e1a}.inline-ref-area{display:flex;align-items:center;justify-content:space-between;gap:12px}.inline-ref-strip{min-width:0;display:flex;gap:9px;overflow-x:auto;padding:2px 0;scrollbar-width:thin}.inline-ref{position:relative;flex:0 0 auto;width:68px;height:68px;border:1px solid var(--line-strong);border-radius:16px;overflow:hidden;background:var(--surface-muted);box-shadow:0 10px 20px #2f281e1a}.inline-ref img{width:100%;height:100%;object-fit:cover;display:block}.inline-ref button{position:absolute;top:5px;right:5px;width:22px;height:22px;border:0;border-radius:50%;background:#0c110eb8;color:#fff;cursor:pointer;line-height:1}.inline-add-ref{flex:0 0 auto;width:68px;height:68px;border:1px dashed rgba(206,95,62,.52);border-radius:16px;background:#ffe6d880;color:var(--brand-dark);cursor:pointer;font-size:28px;font-weight:600}.clear-ref-btn{flex:0 0 auto;height:34px;border:1px solid var(--line);border-radius:999px;background:#ffffffa3;color:var(--muted);cursor:pointer;padding:0 12px;font-size:12px;font-weight:700}.composer-card textarea{width:100%;min-height:188px;border:0;outline:none;resize:vertical;background:transparent;color:#272d28;padding:8px 4px 12px;font-size:clamp(20px,2.3vw,28px);line-height:1.46;letter-spacing:-.025em}.composer-card textarea::placeholder{color:#50483e73}.composer-toolbar{border-top:1px solid rgba(58,48,37,.1);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.composer-tools{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hidden-file-input{display:none}.tool-pill{min-height:38px;border:1px solid rgba(58,48,37,.15);border-radius:999px;background:#f7f0e4d6;color:#3e4942;padding:0 13px;cursor:pointer;font-size:13px;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.upload-pill{background:#dcece2cc;color:var(--green)}.tool-pill[aria-expanded=true]{border-color:#ce5f3e85;background:var(--brand-soft);color:var(--brand-dark)}.tool-popover-wrap{position:relative}.tool-popover{position:absolute;left:0;bottom:calc(100% + 12px);z-index:20;width:min(280px,calc(100vw - 44px));border:1px solid rgba(58,48,37,.15);border-radius:20px;background:#fffdf8fa;box-shadow:0 24px 70px #2f261b33;padding:8px;display:grid;gap:5px;animation:pop-up .16s ease-out both}.wide-popover{width:min(330px,calc(100vw - 44px))}.popover-title{padding:7px 10px 5px;color:var(--soft);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tool-popover button{border:1px solid transparent;border-radius:14px;background:transparent;color:#2e3731;padding:10px 11px;text-align:left;cursor:pointer;display:grid;gap:3px}.tool-popover button span{font-size:13px;font-weight:900}.tool-popover button small{color:var(--muted);font-size:12px;line-height:1.35}.tool-popover button:hover,.tool-popover button.active{border-color:#ce5f3e3d;background:#ffe6d894;color:var(--brand-dark)}.send-btn{flex:0 0 auto;min-width:122px;height:54px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fffaf2;cursor:pointer;font-size:18px;font-weight:900;box-shadow:0 16px 30px #ce5f3e40;transition:transform .18s ease,filter .18s ease,opacity .18s ease}.send-btn:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.08)}.send-btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.composer-footnote{display:flex;justify-content:space-between;gap:12px;color:var(--soft);font-size:12px;line-height:1.45}.composer-footnote span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-box{border:1px solid rgba(179,59,50,.22);border-radius:16px;background:#ffebe6e6;color:var(--danger);padding:10px 12px;font-size:13px;font-weight:700;line-height:1.45}.gallery-panel{padding:18px;display:grid;grid-template-rows:auto 1fr;gap:14px;overflow:hidden}.panel-head.side{align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.panel-head.side span{min-height:34px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 12px;background:#ffffff85;color:var(--muted);font-size:13px;font-weight:800}.gallery-list{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px;scrollbar-width:thin}.empty-card,.img-card{border:1px solid rgba(58,48,37,.15);border-radius:22px;background:#fffdf8d1;box-shadow:var(--shadow-soft)}.empty-card{min-height:330px;padding:24px;display:grid;align-content:center;justify-items:center;gap:12px;text-align:center}.empty-art{width:140px;height:140px;border-radius:38px;background:linear-gradient(135deg,#ce5f3e33,#28624b33),repeating-linear-gradient(135deg,#ffffffdb 0,#ffffffdb 10px,#ffffff5c 10px,#ffffff5c 20px);box-shadow:inset 0 0 0 1px #3a30251a}.empty-card h3,.empty-card p{margin:0}.empty-card h3{font-size:20px;letter-spacing:-.03em}.empty-card p{max-width:280px;color:var(--muted);font-size:14px;line-height:1.7}.img-card{overflow:hidden;animation:fade-up .28s ease-out both}.image-link{display:block;background:#ede6da}.img-card img{width:100%;height:min(52vh,360px);min-height:250px;object-fit:cover;display:block;transition:transform .32s ease}.img-card:hover img{transform:scale(1.02)}.img-meta{padding:14px 14px 10px;display:grid;gap:10px}.img-meta p,.img-meta small{margin:0}.img-meta p{color:#2f3832;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.meta-row{display:flex;justify-content:space-between;gap:10px}.meta-row small{color:var(--muted);font-size:12px}.img-actions{border-top:1px solid rgba(58,48,37,.1);display:grid;grid-template-columns:1fr 1fr}.img-actions a,.img-actions button{min-height:42px;border:0;background:transparent;color:var(--brand-dark);text-decoration:none;cursor:pointer;font-size:13px;font-weight:900;display:grid;place-items:center}.img-actions button{border-left:1px solid rgba(58,48,37,.1)}.img-actions a:hover,.img-actions button:hover{background:var(--brand-soft)}.settings-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 0%,rgba(255,230,216,.34),transparent 32%),#1e262057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .18s ease both}.settings-dialog{width:min(520px,94vw);border:1px solid rgba(58,48,37,.18);border-radius:28px;background:#fffdf8;box-shadow:0 30px 100px #1e191247;padding:22px;display:grid;gap:16px}.settings-dialog h2,.settings-dialog p{margin:0}.settings-dialog h2{font-size:30px;letter-spacing:-.05em}.settings-note{margin-top:8px!important;color:var(--muted);font-size:14px;line-height:1.6}.settings-dialog label{display:grid;gap:8px}.settings-dialog label span{color:#344139;font-size:13px;font-weight:900}.settings-dialog input{width:100%;height:48px;border:1px solid rgba(58,48,37,.18);border-radius:16px;outline:none;background:#fffaf2;color:var(--ink);padding:0 14px}.settings-dialog input:focus{border-color:#ce5f3e94;box-shadow:0 0 0 4px #ce5f3e1a}.settings-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.ghost-btn,.primary-btn{min-height:44px;padding:0 16px;font-weight:900}.ghost-btn{background:#fffaf2;color:var(--muted)}.primary-btn{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:0 14px 28px #ce5f3e38}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-up{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1180px){.workspace{grid-template-columns:1fr}.chat-panel,.gallery-panel{min-height:auto}.gallery-panel{max-height:none}.gallery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.empty-card{grid-column:1 / -1}}@media (max-width: 760px){.workspace{width:min(100vw - 20px,640px);min-height:calc(100vh - 20px);margin:10px auto;gap:12px}.chat-panel,.gallery-panel{border-radius:24px}.chat-panel{padding:14px;grid-template-rows:auto auto minmax(120px,1fr) auto}.panel-head{align-items:flex-start;flex-direction:column}.settings-link{height:38px}.head-copy{font-size:13px}.context-bar{gap:6px}.context-bar span{min-height:28px;padding:0 9px;font-size:11px}.bubble{max-width:94%}.composer-card{border-radius:22px;padding:11px}.composer-card textarea{min-height:138px;font-size:18px}.composer-toolbar{align-items:stretch;flex-direction:column}.composer-tools{gap:6px}.tool-pill{min-height:36px;padding:0 10px;font-size:12px}.tool-popover{position:fixed;left:10px;right:10px;bottom:92px;width:auto}.send-btn{width:100%;height:48px}.composer-footnote{flex-direction:column;gap:4px}.gallery-list{display:flex}.img-card img{height:min(58vh,320px);min-height:220px}.settings-dialog{border-radius:22px;padding:18px}.settings-actions{flex-direction:column-reverse}.ghost-btn,.primary-btn{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}