@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(../media/400bf8aa837fcb7e-s.19g-lkcx7iw64.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f7aa21714c1c53f8-s.p.0-95eo-012xnf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(../media/400bf8aa837fcb7e-s.19g-lkcx7iw64.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(../media/f7aa21714c1c53f8-s.p.0-95eo-012xnf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}.UtwRgG_className{font-family:Figtree,Figtree Fallback;font-style:normal}.UtwRgG_variable{--font-figtree:"Figtree", "Figtree Fallback"}
:root{--red:#d7102d;--red-hover:#b90d26;--red-deep:#8e0b1f;--red-wash:#fcedef;--deep:#243f5c;--deep-hover:#1b3049;--deep-wash:#eaeef2;--ink:#202024;--muted:#666a70;--line:#dfe1e4;--light:#f5f6f7;--white:#fff;--highlight:#ff4259;--ok:#1f7a4d;--ok-wash:#e8f4ee;--warn:#c98a12;--canvas:var(--light);--canvas-hover:#ffffffb3;--panel:var(--white);--scrim:#243f5c73;--font:var(--font-figtree), Arial, Helvetica, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--sidebar-w:272px;--thread-w:780px;--control-h:38px;--input-h:40px;--panel-inset:10px;--radius-xs:4px;--radius-s:6px;--radius-m:10px;--radius-l:14px;--radius-xl:20px;--radius-full:999px;--shadow-panel:0 1px 2px #243f5c0f, 0 0 0 1px #243f5c0d;--shadow-raised:0 1px 3px #243f5c1f;--shadow-composer:0 2px 10px #243f5c0f;--shadow-menu:0 12px 32px #243f5c29;--shadow-dialog:0 24px 64px #20202447}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--deep);outline-offset:2px}svg.lucide{stroke-width:1.75px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{height:var(--control-h);border-radius:var(--radius-m);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn-red{background:var(--red);color:var(--white)}.btn-red:hover:not(:disabled){background:var(--red-hover)}.btn-secondary{background:var(--white);color:var(--red);border-color:var(--line);box-shadow:var(--shadow-raised)}.btn-secondary:hover:not(:disabled){background:var(--red-wash);border-color:var(--red-wash)}.btn-ghost{background:var(--white);color:var(--deep);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--deep)}.btn:disabled{opacity:.5}.icon-btn{border-radius:var(--radius-m);width:34px;height:34px;color:var(--muted);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--light);color:var(--ink)}.icon-btn:disabled{opacity:.4}.skill-chip{border-radius:var(--radius-m);background:var(--deep-wash);width:32px;height:32px;color:var(--deep);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.skill-chip-red{background:var(--red-wash);color:var(--red)}.skill-chip-neutral{background:var(--light);color:var(--muted)}.skill-chip-sm{border-radius:var(--radius-s);width:24px;height:24px}.skill-chip-lg{width:40px;height:40px}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);background:var(--canvas);height:100dvh;display:grid;overflow:hidden}.scrim{display:none}.sidebar{flex-direction:column;gap:14px;min-height:0;padding:20px 12px 12px;display:flex}.sidebar-head{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.logo{width:150px;height:auto;display:block}.sidebar-close{display:none}.product-name{color:var(--deep);letter-spacing:.02em;margin:-6px 8px 4px;font-size:13px;font-weight:600}.new-chat{width:100%}.history{flex:1;min-height:0;margin:0 -4px;padding:0 4px;position:relative;overflow-y:auto}.history-label{color:var(--muted);margin:6px 10px;font-size:12px;font-weight:600}.history-empty{color:var(--muted);margin:6px 10px;font-size:13px}.history ul{flex-direction:column;gap:2px;display:flex}.history-item{border-radius:var(--radius-m);align-items:center;height:36px;transition:background-color .12s,box-shadow .12s;display:flex}.history-item:hover{background:var(--canvas-hover)}.history-item.is-active{background:var(--white);box-shadow:var(--shadow-raised)}.history-item.is-active .history-open{font-weight:600}.history-open{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;height:100%;padding:0 6px 0 10px;font-size:14px;display:flex}.history-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.history-skill{color:var(--deep);flex-shrink:0;display:inline-flex}.history-skill-red{color:var(--red)}.history-skill-neutral{color:var(--muted)}.history-delete{opacity:0;width:28px;height:28px;margin-right:4px}.history-delete:hover:not(:disabled){background:var(--red-wash);color:var(--red)}.history-item:hover .history-delete,.history-item.is-active .history-delete,.history-delete:focus-visible{opacity:1}@media (hover:none){.history-delete{opacity:1}}.model-card{border-radius:var(--radius-l);background:var(--white);width:100%;box-shadow:var(--shadow-raised);text-align:left;color:var(--muted);border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s;display:flex}.model-card:hover{border-color:var(--deep)}.model-card.is-off,.model-card.is-off:hover{border-color:var(--red)}.model-text{flex-direction:column;flex:1;min-width:0;font-size:12px;line-height:16px;display:flex}.model-text strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.model-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dot{border-radius:var(--radius-full);background:var(--red);flex-shrink:0;width:8px;height:8px}.dot-on{background:var(--ok)}.main{min-width:0;min-height:0;margin:var(--panel-inset) var(--panel-inset) var(--panel-inset) 0;background:var(--panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);flex-direction:column;display:flex;position:relative}.topbar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:14px;height:60px;padding:0 20px;display:flex}.menu-btn{display:none}.topbar-title{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;overflow:hidden}.skill-picker{position:relative}.skill-button{height:var(--control-h);border-radius:var(--radius-m);background:var(--deep);color:var(--white);border:0;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:15px;font-weight:600;transition:background-color .12s;display:inline-flex}.skill-button:hover,.skill-button[aria-expanded=true]{background:var(--deep-hover)}.skill-button .chevron{opacity:.8}.skill-menu{z-index:30;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-l);width:min(380px,100vw - 32px);box-shadow:var(--shadow-menu);padding:6px;position:absolute;top:calc(100% + 6px);left:0}.skill-option{border-radius:var(--radius-m);text-align:left;background:0 0;border:0;align-items:flex-start;gap:12px;width:100%;padding:10px;transition:background-color .12s;display:flex}.skill-option:hover:not(:disabled),.skill-option.is-selected{background:var(--light)}.skill-option:disabled{opacity:.55}.skill-option-check{color:var(--red);flex-shrink:0;margin-top:2px}.skill-option-text{flex-direction:column;flex:1;gap:2px;display:flex}.skill-option-text strong{align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:20px;display:flex}.skill-option-text span{color:var(--muted);font-size:13px;line-height:18px}.badge{border-radius:var(--radius-full);background:var(--light);border:1px solid var(--line);color:var(--muted);letter-spacing:.03em;padding:2px 8px;font-size:11px;font-weight:600;line-height:14px}.thread{scroll-behavior:smooth;flex:1;min-height:0;position:relative;overflow-y:auto}.thread-inner{max-width:var(--thread-w);flex-direction:column;gap:24px;margin:0 auto;padding:28px 24px 12px;display:flex}.notice{border-radius:var(--radius-m);padding:10px 12px;font-size:14px}.notice-error{background:var(--red-wash);color:var(--red-deep)}.empty{max-width:640px;padding:7vh 0 24px}.empty-title{color:var(--deep);letter-spacing:-.01em;margin-top:16px;font-size:34px;font-weight:600;line-height:40px}.empty-lead{color:var(--ink);margin-top:10px;font-size:18px;line-height:26px}.empty-files{color:var(--muted);margin-top:8px;font-size:15px;line-height:22px}.connect-panel{border-radius:var(--radius-l);background:var(--light);flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;padding:14px 16px;font-size:14px;line-height:20px;display:flex}.connect-text{flex:1;min-width:200px}.examples{margin-top:32px}.examples-label{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600}.examples ul{flex-direction:column;gap:8px;display:flex}.example{border-radius:var(--radius-m);background:var(--light);text-align:left;width:100%;color:var(--ink);border:1px solid #0000;align-items:center;gap:12px;padding:12px 14px;font-size:15px;line-height:22px;transition:background-color .12s,border-color .12s;display:flex}.example span{flex:1}.example svg{color:var(--muted);flex-shrink:0}.example:hover{background:var(--white);border-color:var(--deep)}.example:hover svg{color:var(--deep)}.msg{flex-direction:column;gap:8px;display:flex}.msg-user{align-self:flex-end;align-items:flex-end;max-width:82%}.msg-user-text{background:var(--light);border-radius:var(--radius-l) var(--radius-l) var(--radius-xs) var(--radius-l);white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 14px}.msg-files{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.msg-bot{align-self:stretch}.msg-who{color:var(--deep);align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:18px;display:flex}.msg-who.has-joy{margin-top:16px}.joy-desk{flex-shrink:0;line-height:0;display:inline-block;position:relative}.joy-desk-btn{border-radius:var(--radius-s);background:0 0;border:0;padding:0;transition:transform .12s;display:block}.joy-desk-btn:hover{transform:translateY(-1px)}.joy-say{z-index:1;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-l) var(--radius-l) var(--radius-l) var(--radius-xs);box-shadow:var(--shadow-raised);color:var(--ink);white-space:nowrap;padding:5px 10px;font-size:12px;font-weight:600;line-height:16px;position:absolute;top:-26px;left:44px}.joy-say[hidden]{display:none}.joy-cloud{z-index:1;pointer-events:none;width:84px;height:48px;position:absolute;top:-38px;left:38px}.joy-cloud em{width:84px;height:22px;color:var(--deep);justify-content:center;align-items:center;font-size:11px;font-style:normal;font-weight:600;line-height:1;display:flex;position:absolute;top:7px;left:0}.joy-cloud b{text-align:left;width:12px;font-weight:600;display:inline-block}.msg-status{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.progress{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--white);flex-direction:column;gap:10px;max-width:520px;padding:12px 14px;display:flex}.progress-head{color:var(--deep);align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:18px;display:flex}.progress-time{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:400}.progress-bar{border-radius:var(--radius-full);background:var(--deep-wash);height:4px;overflow:hidden}.progress-bar span{border-radius:var(--radius-full);background:var(--deep);height:100%;transition:width .4s;display:block}.progress-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.progress-step{color:var(--muted);grid-template-columns:18px minmax(0,1fr);column-gap:10px;font-size:14px;line-height:18px;display:grid}.progress-step.is-done{color:var(--ink)}.progress-step.is-now{color:var(--ink);font-weight:600}.progress-mark{border-radius:var(--radius-full);justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.is-done .progress-mark{background:var(--ok-wash);color:var(--ok)}.is-now .progress-mark{border:2px solid var(--red-wash);border-top-color:var(--red);width:14px;height:14px;margin:2px;animation:.8s linear infinite progress-spin}.is-todo .progress-mark{border:1.5px solid var(--line);width:13px;height:13px;margin:2.5px}.progress-detail{color:var(--muted);grid-column:2;margin-top:2px;font-size:13px;font-weight:400}.progress-thought{border-radius:var(--radius-m);background:var(--light);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:2;margin-top:4px;padding:6px 10px;font-size:12px;font-style:italic;font-weight:400;line-height:16px;overflow:hidden}@keyframes progress-spin{to{transform:rotate(360deg)}}.progress-done{color:var(--ok);align-items:center;gap:8px;font-size:13px;display:flex}.progress-done strong{font-weight:600}.progress-done span{color:var(--muted)}.pulse{border-radius:var(--radius-full);background:var(--red);width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.msg-error{background:var(--red-wash);border-radius:var(--radius-m);color:var(--red-deep);align-items:flex-start;gap:8px;padding:10px 12px;font-size:14px;display:flex}.msg-error svg{flex-shrink:0;margin-top:2px}.reasoning{color:var(--muted);font-size:13px}.reasoning summary{cursor:pointer;width:fit-content}.reasoning p{background:var(--light);border-radius:var(--radius-m);white-space:pre-wrap;max-height:220px;margin-top:6px;padding:8px 12px;overflow-y:auto}.prose{overflow-wrap:anywhere}.prose>*+*{margin-top:.7em}.prose h1,.prose h2,.prose h3{color:var(--deep);font-weight:600}.prose h1{font-size:22px;line-height:28px}.prose h2{font-size:19px;line-height:26px}.prose h3{margin-top:1.2em;font-size:16px;line-height:22px}.prose ul,.prose ol{padding-left:1.3em}.prose ul{list-style:outside}.prose li+li{margin-top:.25em}.prose a{color:var(--deep)}.prose strong{color:var(--ink);font-weight:600}.prose code{background:var(--light);border-radius:var(--radius-xs);font-family:var(--mono);padding:1px 5px;font-size:13px}.prose pre{background:var(--light);border-radius:var(--radius-m);padding:12px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:6px 10px}.prose th{color:var(--deep);font-weight:600}.prose blockquote{border-left:3px solid var(--line);color:var(--muted);margin-left:0;padding-left:12px}.result-card{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--white);align-items:center;gap:14px;max-width:520px;padding:12px;display:flex}.result-thumb{border-radius:var(--radius-s);background:linear-gradient(var(--red), var(--red)) 7px 7px / 18px 3px no-repeat, var(--deep);flex-shrink:0;width:64px;height:40px}.result-text{min-width:0;color:var(--muted);flex-direction:column;flex:1;font-size:13px;line-height:18px;display:flex}.result{flex-direction:column;gap:8px;display:flex}.result-page .result-card{flex-wrap:wrap;max-width:none}.result-preview{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--light);width:100%;height:min(560px,65dvh)}.result-preview-note{color:var(--muted);padding:10px 0;font-size:13px}.result-thumb-page{background:linear-gradient(var(--red), var(--red)) 7px 6px / 14px 3px no-repeat, linear-gradient(var(--deep), var(--deep)) 7px 24px / 10px 9px no-repeat, linear-gradient(var(--deep), var(--deep)) 21px 18px / 10px 15px no-repeat, linear-gradient(var(--deep), var(--deep)) 35px 14px / 10px 19px no-repeat, var(--light);box-shadow:inset 0 0 0 1px var(--line)}.result-text strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.result-poster .result-card{flex-wrap:wrap;max-width:560px}.poster-preview{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--white);width:100%;max-width:380px;height:auto;display:block;box-shadow:0 6px 20px #243f5c1f}.result-thumb-poster{background:linear-gradient(135deg, transparent 62%, var(--red) 62%) top right / 14px 14px no-repeat, linear-gradient(var(--red), var(--red)) bottom / 100% 6px no-repeat, var(--white);width:28px;height:40px;box-shadow:inset 0 0 0 1px var(--line)}.chip{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--white);align-items:center;gap:8px;max-width:100%;padding:5px 10px 5px 6px;font-size:13px;display:inline-flex}.chip:has(.chip-remove){padding-right:4px}.chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip-size,.chip-note{color:var(--muted);white-space:nowrap}.chip-note{color:var(--red)}.chip-remove{border-radius:var(--radius-s);width:24px;height:24px}.file-badge{border-radius:var(--radius-xs);min-width:36px;height:20px;color:var(--white);letter-spacing:.03em;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;display:inline-flex}.file-badge-spreadsheet{background:#1d6f42}.file-badge-document{background:#2b579a}.file-badge-pdf{background:var(--red)}.file-badge-presentation{background:#c43e1c}.file-badge-text{background:var(--muted)}.file-badge-image{background:var(--deep)}.chip-thumb{object-fit:cover;border-radius:var(--radius-xs);background:var(--line);width:36px;height:24px}.composer-wrap{padding:8px 24px 14px}.context-meter{max-width:var(--thread-w);width:calc(100% - 48px);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:6px auto 0;font-size:13px;display:flex}.context-bar{border-radius:var(--radius-full);background:var(--line);flex:0 0 120px;height:6px;overflow:hidden}.context-bar span{border-radius:var(--radius-full);background:var(--deep);height:100%;transition:width .3s;display:block}.context-warn .context-bar span{background:var(--warn)}.context-full .context-bar span{background:var(--red)}.context-text{flex:1;min-width:0}.context-text strong{color:var(--ink);font-weight:600}.context-full .context-text strong{color:var(--red)}.context-continue{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--white);font:inherit;color:var(--deep);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.context-continue:hover{border-color:var(--deep)}.context-full .context-continue{border-color:var(--red);color:var(--red)}.context-full .context-continue:hover{background:var(--red-wash)}.context-continue:disabled{opacity:.5;cursor:default}@media (max-width:640px){.context-meter{width:calc(100% - 32px)}}.composer-box{max-width:var(--thread-w);margin:0 auto;position:relative}.composer{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--white);box-shadow:var(--shadow-composer);transition:border-color .12s}.composer:focus-within{border-color:var(--deep)}.chips{flex-wrap:wrap;gap:6px;padding:10px 10px 0;display:flex}.composer-row{align-items:flex-end;gap:6px;padding:8px;display:flex}.composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-width:0;max-height:min(220px,30dvh);padding:7px 4px;font-size:15px;line-height:22px}.composer textarea::placeholder,.attach{color:var(--muted)}.send-btn{border-radius:var(--radius-full);background:var(--red);width:36px;height:36px;color:var(--white);border:0;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s;display:inline-flex}.send-btn:hover:not(:disabled){background:var(--red-hover)}.send-btn:disabled{background:var(--line);color:var(--muted)}.send-btn.is-stop{background:var(--deep)}.send-btn.is-stop:hover{background:var(--deep-hover)}.composer-foot{max-width:var(--thread-w);color:var(--muted);text-align:center;margin:6px auto 0;padding:0 4px;font-size:12px;line-height:16px}.joy-edit{z-index:2;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--white);width:20px;height:20px;box-shadow:var(--shadow-raised);color:var(--muted);justify-content:center;align-items:center;padding:0;transition:border-color .12s,color .12s;animation:.14s ease-out joy-pop;display:inline-flex;position:absolute;bottom:-12px;right:-4px}.joy-edit:hover,.joy-edit[aria-expanded=true]{border-color:var(--deep);color:var(--deep)}@keyframes joy-pop{0%{opacity:0;transform:scale(.5)}}.joy-pop{z-index:30;width:min(340px,100vw - 32px);color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-menu);flex-direction:column;gap:14px;padding:16px;font-size:15px;font-weight:400;line-height:1.5;display:flex;position:absolute;top:calc(100% + 18px);left:0}.joy-pop-title{color:var(--deep);font-size:16px;font-weight:600;line-height:22px}.joy-looks{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.joy-look{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--light);justify-content:center;align-items:center;height:52px;padding:0;transition:border-color .12s,background-color .12s;display:flex;overflow:hidden}.joy-look:hover{border-color:var(--deep)}.joy-look[aria-pressed=true]{border-color:var(--deep);background:var(--white);box-shadow:0 0 0 2px var(--deep-wash)}.joy-pop-foot{justify-content:flex-end;gap:8px;display:flex}.drop-overlay{z-index:20;border:2px dashed var(--deep);border-radius:var(--radius-l);color:var(--deep);pointer-events:none;background:#f5f6f7eb;justify-content:center;align-items:center;margin:12px;font-size:18px;font-weight:600;display:flex;position:absolute;inset:60px 0 0}.dialog{border-radius:var(--radius-xl);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--shadow-dialog);border:0;padding:0}.dialog::backdrop{background:var(--scrim)}.dialog-body{flex-direction:column;gap:16px;padding:24px;display:flex}.dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-head h2{color:var(--deep);font-size:22px;font-weight:600;line-height:28px}.dialog-lead{color:var(--muted);margin-top:-6px;font-size:14px;line-height:20px}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-size:13px;font-weight:600;line-height:18px}.field-hint{color:var(--muted);font-size:12px;line-height:16px}.field input,.field select{width:100%;height:var(--input-h);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--white);padding:0 12px}.field input:focus,.field select:focus{border-color:var(--deep);box-shadow:0 0 0 3px var(--deep-wash);outline:none}.key-row{align-items:center;gap:8px;display:flex}.key-row input{flex:1;min-width:0}.form-msg{border-radius:var(--radius-m);align-items:flex-start;gap:8px;padding:10px 12px;font-size:14px;display:flex}.form-msg-ok{background:var(--ok-wash);color:var(--ok)}.form-msg-error{background:var(--red-wash);color:var(--red-deep)}.dialog-foot{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@media (max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.main{box-shadow:none;border-radius:0;margin:0}.sidebar{z-index:50;width:min(var(--sidebar-w), 86vw);background:var(--canvas);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 40px #20202433}.sidebar-is-open .sidebar{transform:none}.sidebar-close{display:inline-flex}.sidebar-is-open .scrim{z-index:40;background:var(--scrim);display:block;position:fixed;inset:0}.menu-btn{margin-left:-8px;display:inline-flex}.topbar{gap:10px;padding:0 16px}.topbar-title{display:none}.thread-inner{padding:20px 16px 8px}.composer-wrap{padding:6px 16px 12px}.empty{padding-top:4vh}.empty-title{font-size:28px;line-height:34px}.msg-user{max-width:92%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}