.generation-result{width:100%;min-width:0;color:#1c211c;line-height:1.65}
.iw-history-inner>.generation-result,.conversation-entry>.generation-result{margin:0 0 34px;padding-top:4px}
.generation-result .iw-result-row.is-single{width:min(100%,480px,calc(320px * var(--result-aspect,1)))}
.generation-result .generation-result-videos{display:flex;flex-wrap:wrap;gap:2px}
.generation-result .generation-media-frame{width:min(100%,480px,calc(320px * var(--result-aspect,1)));min-width:0;flex:0 1 auto}
.generation-result-videos video{display:block;width:100%;height:auto;background:transparent}
.generation-result .generation-media-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px;color:#73786f}
.generation-result .generation-media-tools button,.generation-result .generation-media-tools a{border:0;background:transparent;color:inherit;padding:4px;text-decoration:none}
.generation-result .generation-media-tools :is(button,a):hover{color:#000;background:transparent}
.generation-result-actions>button:disabled{opacity:.45;transform:none;cursor:not-allowed}
.generation-result-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}
.generation-result-reference{flex:0 0 auto;padding:3px 2px}
.generation-result-reference:not(:has(button,a,img,video)){display:none}
.generation-result-copy{flex:1;min-width:0}
.generation-result-heading:not(:has(.generation-result-reference :is(button,a,img,video)))::before{content:"";flex:0 0 4px;align-self:stretch;min-height:40px;border-radius:999px;background:#f4cc18}
.generation-result-prompt:focus-visible{outline:2px solid #a28100;outline-offset:3px}
.generation-prompt-expand{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.generation-prompt-expand:focus-visible{clip-path:none;width:auto;height:auto;top:-28px;left:12px;z-index:1;background:#fff}
.generation-prompt-shell{--prompt-two-lines:39.6px;position:relative;height:var(--prompt-collapsed-height,var(--prompt-two-lines));margin-bottom:4px}
.generation-prompt-shell[data-open=true]{z-index:20}
.generation-result-prompt{box-sizing:border-box;display:block;position:absolute;left:-14px;top:-9px;width:calc(100% + 28px);min-width:0;padding:8px 13px;margin:0;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;color:inherit;line-height:1.65;cursor:default;transition:border-color .16s ease,background-color .16s ease}
.generation-prompt-viewport{position:relative;display:block;height:var(--prompt-collapsed-height,var(--prompt-two-lines));overflow:hidden;transition:height .32s cubic-bezier(.22,.8,.25,1)}
.generation-prompt-viewport>span{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.generation-prompt-viewport>.generation-prompt-measure{position:absolute;inset:0 0 auto;visibility:hidden;pointer-events:none}
.generation-result-prompt.is-truncated{cursor:pointer}
.generation-prompt-shell[data-open=true] .generation-result-prompt{border-color:#d4d6d2;background:#fff}
.generation-prompt-shell[data-open=true] .generation-prompt-viewport{height:var(--prompt-full-height)}
.generation-result-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;color:#62695f}
.generation-result-meta>span+span::before{content:'|';margin:0 10px;color:#b6b9b3}
.generation-result-details{display:inline-flex;align-items:center;color:#62695f}
.generation-result-detail-trigger{padding:0;min-height:24px;border:0;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.generation-result-content{min-width:0}
.generation-sketch-results{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 2px}
.generation-sketch-results.is-standalone{display:flex;flex-direction:column;gap:24px;container:standalone-sketch-results / inline-size}
.generation-result .generation-media-frame.generation-sketch-pair{width:100%}
.generation-sketch-pair-layout{display:grid;grid-template-columns:minmax(0,min(50%,480px,calc(320px * var(--result-aspect,1)))) minmax(0,1fr);gap:24px;align-items:stretch}
.generation-sketch-pair-media{min-width:0;aspect-ratio:var(--result-aspect,1)}
.generation-sketch-pair-statement{position:relative;min-width:0;min-height:0}
.generation-sketch-pair-statement>.professional-statement{position:absolute;inset:0;margin:0}
@media(max-width:600px){
 .generation-sketch-pair-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 .generation-sketch-pair-media{width:min(100%,480px,calc(320px * var(--result-aspect,1)))}
 .generation-sketch-pair-statement{height:clamp(280px,50dvh,440px)}
}
@container standalone-sketch-results (max-width:640px){
 .generation-sketch-pair-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 .generation-sketch-pair-media{width:min(100%,480px,calc(320px * var(--result-aspect,1)))}
 .generation-sketch-pair-statement{height:clamp(280px,50dvh,440px)}
}
.generation-result .generation-sketch-image{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:0;cursor:zoom-in}
.generation-sketch-image img{display:block;width:100%;height:auto;object-fit:contain}
/* One image-result interaction in the shared stream, regardless of generation mode. */
.generation-result :is(.generation-sketch-image,.iw-result){cursor:zoom-in;transition:transform 180ms cubic-bezier(.2,.7,.3,1);transform:none}
.generation-result :is(.generation-sketch-image,.iw-result) img{transition:opacity 180ms ease}
@media(hover:hover) and (pointer:fine){.generation-result :is(.generation-sketch-image,.iw-result):hover img{opacity:.92}}
.generation-result :is(.generation-sketch-image,.iw-result):active{transform:scale(.95);transition-duration:90ms}
@media(prefers-reduced-motion:reduce){.generation-result :is(.generation-sketch-image,.iw-result),.generation-result :is(.generation-sketch-image,.iw-result) img{transition:none}.generation-result :is(.generation-sketch-image,.iw-result):active{transform:none}}
@media(max-width:600px){.generation-sketch-results{grid-template-columns:1fr}}
.generation-result-status{margin-top:10px;color:#62695f}
.generation-failure{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:#73786f;line-height:1.5}
.generation-result button.generation-failure-info{display:grid;place-items:center;flex:none;width:18px;height:24px;min-height:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.generation-result button.generation-failure-info svg{width:12px;height:12px}
.generation-result button.generation-failure-info:hover{background:transparent}
.generation-failure-info:focus-visible{outline:2px solid #a28100;outline-offset:2px}
.generation-result-actions{--generation-action-surface:#e8e9e5;--generation-action-ink:var(--iw-muted,#62695f);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.generation-result .generation-result-actions>button{display:inline-flex;justify-content:center;align-items:center;gap:8px;box-sizing:border-box;height:36px;min-height:36px;padding:0 15px;border:0;border-radius:10px;background:var(--generation-action-surface);color:var(--generation-action-ink);font-weight:400;line-height:1.5;cursor:pointer}
.generation-action-content{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-weight:400;line-height:1.5}
.generation-result .generation-result-actions>button svg{width:12px;height:12px;flex:none;color:inherit}
.generation-result-actions>button{transition:transform .18s ease,color .18s ease}
.generation-result .generation-result-actions>button:hover:not(:disabled){background:var(--generation-action-surface);color:var(--generation-action-ink);transform:scale(1.055)}
.generation-result .generation-result-actions>button:active:not(:disabled){background:var(--generation-action-surface);color:var(--generation-action-ink);transform:scale(.95)}
.generation-result-actions button:focus-visible, .generation-result summary:focus-visible{outline:2px solid #a28100;outline-offset:3px}
@media(max-width:600px){.generation-result-heading{gap:12px}.generation-result-meta>span+span::before{margin:0 6px}.generation-result-actions>button{padding-inline:10px}}
.generation-reference-stack{position:relative;display:block;height:60px;min-height:60px;isolation:isolate}
.generation-plan-references{display:flex;align-items:flex-start;gap:12px}
.generation-plan-references:empty{display:none}
.generation-result .generation-plan-cover{position:relative;display:block;flex:none;box-sizing:border-box;width:42px;height:56px;min-height:56px;margin:4px 2px 0 0;padding:0;border:0;background:transparent;color:#202520;cursor:pointer}
.generation-plan-paper{position:relative;display:flex;flex-direction:column;gap:0;box-sizing:border-box;width:100%;height:100%;padding:5px 4px;border:0;border-radius:4px;background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(0,0,0,.24) 45%,transparent 72%),url('/media/plan-cover-jewelry.jpg') center/cover no-repeat #656565;color:#fff;overflow:hidden;text-align:left;rotate:-7deg;transform-origin:50% 65%;transition:translate .22s ease,scale .16s ease}
.generation-plan-paper>span,.generation-plan-paper>small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.generation-result .generation-plan-paper>small.generation-plan-category{color:inherit;line-height:1.5}
.generation-plan-paper>.generation-plan-title-measure{position:absolute;visibility:hidden;pointer-events:none;width:max-content;max-width:none;overflow:visible}
.generation-result .generation-plan-cover .generation-plan-count{position:absolute;bottom:-8px;left:-3px;display:grid;place-items:center;min-height:20px;padding:0 4px;border-radius:5px;background:#f4cc18;color:#000;line-height:1.5;white-space:nowrap}
.generation-result .generation-plan-cover:is(:hover,:focus-visible){background:transparent}
.generation-result .generation-plan-cover:is(:hover,:focus-visible) .generation-plan-paper{translate:0 -8px}
.generation-result .generation-plan-cover:active .generation-plan-paper{scale:.95}
@media(prefers-reduced-motion:reduce){.generation-result .generation-plan-cover .generation-plan-paper{transition:none}.generation-result .generation-plan-cover:is(:hover,:focus-visible,:active) .generation-plan-paper{translate:none;scale:none}}
.generation-reference-stack[data-open=true]{z-index:30}
.generation-reference-trigger{position:absolute;inset:0;z-index:50;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.generation-reference-stack[data-open=true] .generation-reference-trigger{inset:auto auto -2px -3px;width:20px;height:20px;min-height:0}
.generation-reference-count{position:absolute;left:-3px;bottom:-2px;min-width:20px;min-height:20px;display:grid;place-items:center;border-radius:50%;background:#f4cc18;color:#000}
.generation-reference-stack[data-open=true] .generation-reference-count{left:0;bottom:0}
.generation-reference-cards{position:absolute;left:0;top:3px;overflow:visible;pointer-events:none}
.generation-reference-stack[data-open=true] .generation-reference-cards{pointer-events:auto}
.generation-reference-card{box-sizing:border-box;position:absolute;left:0;top:0;width:42px;height:56px;min-height:0;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer;overflow:visible;transform:translate(var(--card-x),var(--card-y)) rotate(var(--card-angle));transition:transform .38s cubic-bezier(.22,.8,.25,1) var(--card-delay),opacity .25s ease var(--card-delay),visibility 0s}
.generation-reference-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}
.generation-reference-visual{position:relative;display:block;width:100%;height:100%;border-radius:4px;overflow:hidden;transition:translate .22s cubic-bezier(.22,.8,.25,1)}
/* Shared by plan covers and material thumbnails in every generation mode. */
.generation-reference-visual::after,.generation-plan-paper::after{content:"";position:absolute;inset:0;box-sizing:border-box;border:2px solid #fff;border-radius:inherit;pointer-events:none}
.generation-reference-stack[data-open=true] .generation-reference-card:is(:hover,:focus-visible){z-index:45!important}
.generation-reference-stack[data-open=true] .generation-reference-card:is(:hover,:focus-visible) .generation-reference-visual{translate:0 -8px}
@media(prefers-reduced-motion:reduce){.generation-reference-visual{transition:none}.generation-reference-stack[data-open=true] .generation-reference-card:is(:hover,:focus-visible) .generation-reference-visual{translate:none}}
.generation-reference-stack[data-open=false] .generation-reference-card[data-extra=true]{opacity:0;visibility:hidden;transition:transform .38s cubic-bezier(.22,.8,.25,1) var(--card-delay),opacity .25s ease,visibility 0s .55s}
.generation-hover{position:fixed;box-sizing:border-box;z-index:1500;overflow:auto;overscroll-behavior:contain;padding:9px 14px;border-radius:10px;background:#f5f5f5;color:#000;line-height:1.5;animation:generation-hover-in .18s ease-out;transform-origin:top left}
.generation-hover-details{transform-origin:bottom center;background:#fff}
.generation-hover-details dl{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;margin:5px 0}
.generation-hover-details dt{color:#62695f}.generation-hover-details dd{margin:0;text-align:right}
.generation-hover-details p{margin:12px 0 2px;color:#62695f}
.generation-result button:focus-visible,.generation-hover:focus-visible,.generation-hover button:focus-visible{outline:2px solid #a28100;outline-offset:3px}
@keyframes generation-hover-in{from{opacity:0;transform:scale(.97) translateY(3px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(prefers-reduced-motion:reduce){.generation-result-actions>button,.generation-reference-card,.generation-reference-stack[data-open=false] .generation-reference-card[data-extra=true],.generation-result-prompt,.generation-prompt-viewport{transition:none}.generation-hover{animation:none}.generation-result .generation-result-actions>button:hover:not(:disabled),.generation-result .generation-result-actions>button:active:not(:disabled){transform:none}}