.generation-settings{margin:8px 0 12px;max-width:100%}.generation-settings[hidden],.pattern-extent[hidden],.extend-attach[hidden]{display:none}
.generation-summary{display:inline-flex;align-items:center;gap:13px;max-width:100%;height:38px;padding:0 14px;border:1px solid #dce3dd;border-radius:24px;background:linear-gradient(135deg,#f5f8f4d9,#f0f3f1b3);color:var(--ink);font-size:12px;line-height:20px;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}
.generation-summary:hover,.generation-summary[aria-expanded=true]{border-color:#b1c2ab;box-shadow:0 0 0 1px #b1c2ab22}.generation-summary:active{background:#e9eee7}.generation-summary:focus-visible{outline:2px solid #819776;outline-offset:3px}
.generation-model{display:flex;align-items:center;gap:8px;min-width:0}.generation-model>svg{width:18px;height:18px;flex:none}.generation-model>span{overflow:hidden;text-overflow:ellipsis;max-width:230px}.generation-divider{width:1px;height:16px;background:#dfe5e1;flex:none}.generation-ratio{display:flex;align-items:center;gap:8px}.generation-ratio>i{display:block;border:1.4px solid currentColor;border-radius:1px;flex:none}.generation-expand{display:flex;align-items:center}.generation-expand svg{width:14px;height:14px;transition:transform .16s}.generation-summary[aria-expanded=true] .generation-expand svg{transform:rotate(180deg)}
.generation-panel{position:fixed;inset:auto;margin:0;padding:18px 17px 16px;box-sizing:border-box;width:438px;max-width:calc(100vw - 24px);overflow:auto;border:1px solid #d6dfdc;border-radius:18px;background:#fffffff5;backdrop-filter:blur(18px);box-shadow:0 12px 35px #1e332116,0 2px 5px #1e332108;color:var(--ink);font:13px/1.5 Arial,"Microsoft YaHei",sans-serif;overscroll-behavior:contain}
.generation-panel:popover-open{display:grid;gap:16px;animation:generation-panel-in .16s cubic-bezier(.23,1,.32,1)}
.generation-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.generation-panel h2{margin:0;font-size:16px;font-weight:550;line-height:24px}.generation-panel .generation-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);font-size:25px;line-height:1;cursor:pointer}.generation-close:hover{background:var(--surface-muted)}
.generation-panel>section,.generation-model-field{display:grid;gap:8px}.generation-panel>section>span,.generation-field-head>span,.generation-model-field>span:first-child{font-size:12px;color:var(--muted)}.generation-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.generation-field-head select{max-width:120px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;padding:2px}.generation-field-head select.is-selected{color:#405b36;font-weight:600}
.generation-ratios{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.generation-ratios>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;height:61px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;transition:background-color .13s,color .13s}.generation-ratios>button>i{display:block;border:1.5px solid currentColor;border-radius:1.5px}.generation-ratios>button[aria-pressed=true]{background:#e5ecdf;color:#284125;border-color:#e5ecdf;font-weight:550}
.generation-select-wrap{display:flex;align-items:center;position:relative;min-width:0;height:36px;border:1px solid var(--line);border-radius:9px;background:transparent}.generation-select-wrap>svg{position:absolute;left:12px;width:17px;height:17px;pointer-events:none}.generation-select-wrap>svg:last-child{left:auto;right:12px;width:14px;height:14px}.generation-select-wrap select{appearance:none;width:100%;height:100%;padding:0 33px 0 39px;border:0;border-radius:9px;background:none;color:var(--ink);font:inherit;font-size:12px;cursor:pointer;min-width:0}
.generation-segment{display:flex;align-items:stretch;min-height:34px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.generation-segment>button{flex:1;position:relative;min-width:0;min-height:33px;padding:5px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer;transition:background-color .13s}.generation-segment>button+button:before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--line)}.generation-segment>button[aria-pressed=true]{background:#e5ecdf;color:#284125}.generation-segment>button[aria-pressed=true]:before,.generation-segment>button[aria-pressed=true]+button:before{opacity:0}
.generation-panel button:focus-visible,.generation-panel select:focus-visible{outline:2px solid #819776;outline-offset:-2px}.generation-panel button:active{filter:brightness(.97)}
.pattern-extent{display:grid;gap:12px;margin:8px 0 20px;max-width:440px;width:72%}.extent-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#596451}.extent-label output{font-variant-numeric:tabular-nums;min-width:42px;text-align:right}
#patternCreativity{appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;min-height:6px;margin:5px 0;padding:0;border:0;border-radius:8px;background:linear-gradient(to right,#94a18a var(--extent,60%),#e4e7e3 var(--extent,60%));cursor:pointer;touch-action:pan-y}
#patternCreativity::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;border:1px solid #bec7bb;border-radius:50%;background:#fff;box-shadow:0 2px 4px #1b2d232a;cursor:grab}#patternCreativity::-moz-range-thumb{width:19px;height:19px;border:1px solid #bec7bb;border-radius:50%;background:#fff;box-shadow:0 2px 4px #1b2d232a;cursor:grab}#patternCreativity:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 0 5px #97a98b24,0 2px 4px #1b2d232a}#patternCreativity:focus-visible{outline:2px solid #819776;outline-offset:8px}
.composer[data-mode=extend]{position:relative;padding-top:25px}.composer[data-mode=extend] .prompt-wrap{padding-right:35px}.composer[data-mode=extend] .prompt-wrap textarea{min-height:85px}.composer[data-mode=extend] #modeContext{display:none}.extend-attach{position:absolute;top:22px;right:20px;display:grid;place-items:center;width:28px;height:28px;padding:3px;border:0;border-radius:8px;background:none;color:#8c9585;cursor:pointer}.extend-attach svg{width:23px;height:23px}.extend-attach:hover{background:var(--surface-muted)}.extend-attach:active{transform:scale(.95)}.extend-attach:focus-visible{outline:2px solid #819776;outline-offset:2px}
body.in-conversation .page{padding-bottom:var(--composer-space,340px)}
html[data-theme=dark] .generation-summary{background:linear-gradient(135deg,#303a2d,#2a3328);border-color:#495545}html[data-theme=dark] .generation-divider{background:#53604d}html[data-theme=dark] .generation-panel{background:#232c22f7;border-color:#4b5944;box-shadow:0 14px 40px #0005}html[data-theme=dark] .generation-panel [aria-pressed=true]{background:#45583b;color:#e2edd9;border-color:#45583b}html[data-theme=dark] .generation-field-head select.is-selected{color:#cfdfc4}html[data-theme=dark] .extent-label{color:#bdcbb2}html[data-theme=dark] #patternCreativity{background:linear-gradient(to right,#98ae86 var(--extent,60%),#46513f var(--extent,60%))}
@keyframes generation-panel-in{from{opacity:0;translate:0 5px;scale:.99}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:760px){.generation-settings{margin:8px 0 12px}.generation-summary{width:100%;height:35px;gap:10px;padding:0 12px;font-size:11px}.generation-model{flex:1;gap:6px}.generation-model>svg{width:16px;height:16px}.generation-model>span{max-width:none}.generation-ratio{gap:6px}.generation-divider{height:14px}.generation-panel{padding:16px;gap:14px}.generation-panel:popover-open{gap:14px}.pattern-extent{width:100%;max-width:none;margin:9px 0 20px;gap:11px}.extent-label{font-size:13px}.composer[data-mode=extend]{padding-top:20px}.composer[data-mode=extend] .prompt-wrap textarea{min-height:72px}.extend-attach{right:14px;top:17px;width:25px;height:25px}.extend-attach svg{width:21px;height:21px}}
@media(max-width:360px){.generation-summary{gap:7px;padding:0 10px}.generation-model>svg{width:14px;height:14px}.generation-ratio{gap:4px}.generation-expand svg{width:12px;height:12px}.generation-panel{padding:14px}.generation-ratios{gap:4px}.generation-ratios>button{height:57px}.generation-panel h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){.generation-panel:popover-open{animation:none}.generation-summary,.generation-expand svg,.generation-panel button{transition:none}}
@media(prefers-reduced-transparency:reduce){.generation-panel{background:var(--surface-solid);backdrop-filter:none}}