.demo-window{color:#222;font-family:Arial,Helvetica,sans-serif;background:#deded9;border:1px solid #222;padding:4px}.demo-window :is(h2,h3,p){margin:0}.demo-window h2,.demo-window h3{font-weight:500}:where(.demo-window) .mono,:where(.demo-window) .titlebar{font:12px/1.5 Consolas,monospace}.demo-window .titlebar{display:flex;justify-content:space-between;background:#222;color:#fff}.demo-window button{border-radius:0;cursor:pointer}.demo-window .team-actions{display:flex;justify-content:flex-end;gap:14px;border-top:1px solid #aaa}.demo-window .team-actions button{background:#d6ff54;color:#222;border:1px solid #222;font:11px Consolas,monospace;padding:10px;box-shadow:3px 3px #222}.demo-window .team-actions button:disabled{cursor:wait;background:#deded9;box-shadow:none}
.demo-window{position:relative;z-index:3;width:min(720px,100%);margin:42px 2% 28px auto;transform:translate(var(--window-x,0px),var(--window-y,0px));box-shadow:inset 2px 2px white,inset -2px -2px #888,12px 14px 0 #2224}
.demo-window .titlebar{padding:0;gap:4px}.titlebar #agent-drag{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:grab;touch-action:none;user-select:none}.demo-window .titlebar button{border:0;background:transparent;color:inherit;font:inherit;padding:8px}.is-dragging #agent-drag{cursor:grabbing}.is-dragging{box-shadow:inset 2px 2px white,18px 22px 0 #2224}
/* A storefront assembles in place as each specialist completes its work. */
.product-demo-heading{padding:8px 18px 14px}.product-demo-heading .mono{font-size:10px}.product-demo-heading h2{font-size:30px;letter-spacing:-.045em;line-height:1.05;margin-top:8px}.demo-source{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 18px;background:#c2cebb;border-block:1px solid #2224;font-size:10px}.demo-source>span{margin-left:auto}.storefront-preview{margin:14px 14px 0;padding:16px;background:#f5f1e8;border:1px solid #aaa}.storefront-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #222}.storefront-bar>b{font-size:17px;letter-spacing:.12em}.storefront-bar .mono{font-size:8px}.preview-category{font:9px/1.5 Consolas,monospace;margin:12px 0;min-height:14px;width:75%}.preview-product-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.preview-gallery{position:relative;min-height:310px;align-self:start;background:#d9e0d2}.bottle-scene{height:270px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(#35463433 .65px,transparent .8px) 0 0/4px 4px,#d9e0d2}.bottle-scene:after{content:'';position:absolute;bottom:25px;width:135px;height:15px;border-radius:50%;background:#2222}.preview-bottle{position:relative;width:78px;height:177px;background:#44634c;border:2px solid #222;border-radius:18px 18px 10px 10px;box-shadow:inset -12px 0 #223d34,inset 5px 0 #78917a;transform:rotate(-9deg);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f5f1e8;z-index:1}.preview-bottle:before{content:'';position:absolute;top:-24px;width:52px;height:25px;background:repeating-linear-gradient(90deg,#222 0 3px,#555 3px 4px);border:2px solid #222;border-radius:4px 4px 0 0}.preview-bottle b{font:42px Georgia,serif}.preview-bottle>span{font:9px Consolas,monospace;margin-top:12px}.gallery-caption{position:absolute;bottom:8px;font-size:7px}.gallery-thumbs{display:flex;gap:8px;padding:8px;font:8px Consolas,monospace}.gallery-thumbs span{border:1px solid #2225;padding:5px}.gallery-thumbs .selected{border-color:#222}.image-placeholder{display:none;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;line-height:2;font-size:10px;color:#62675d}.pending .image-placeholder{display:flex}.preview-brand{font:9px/1.5 Consolas,monospace;min-height:14px;margin-bottom:10px}.preview-title{font-size:27px;line-height:1.05;letter-spacing:-.045em;min-height:58px;margin-bottom:14px}.preview-description{font-size:12px;line-height:1.6;min-height:96px;margin-bottom:12px}.preview-identity{min-height:25px;margin-bottom:12px}.preview-identity .mono{font-size:8px}.preview-attributes{min-height:124px}.preview-attributes .mono{font-size:9px}.preview-attributes dl{margin:7px 0 0;font-size:11px}.preview-attributes dl>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid #2222}.preview-attributes dd{margin:0;text-align:right}.preview-attributes dt{color:#555}.pending{background:repeating-linear-gradient(0deg,#deded5 0 9px,transparent 9px 17px);position:relative}.pending>span,.pending>.generated-field{visibility:hidden}.preview-gallery.pending{background:#e2e4da}.generating{outline:1px dashed #68734c;outline-offset:3px;animation:field-pulse 1s ease-in-out infinite}.ready{animation:field-reveal .35s ease-out}.preview-review{font:10px/1.5 Consolas,monospace;border-top:1px solid #2224;padding-top:10px;margin-top:14px;min-height:42px}.preview-review[data-complete=true]{color:#354c2d}.pipeline-strip{display:flex;gap:5px;flex-wrap:wrap;padding:12px 14px}.pipeline-strip span{font:8px/1.4 Consolas,monospace;padding:5px 6px;background:#eeeae2;border:1px solid #aaa;color:#555}.pipeline-strip span[data-state=working]{background:#222;color:#d6ff54;border-color:#222}.pipeline-strip span[data-state=done]{background:#d6edbd;color:#222;border-color:#839274}.product-demo-controls{display:flex;gap:8px;flex-shrink:0}.product-demo-controls #demo-pause{background:#eeeae2;box-shadow:none}.team-actions{padding:10px 14px}.team-actions p{max-width:330px}.team-actions button{font-size:11px;padding:10px}.demo-window .demo-disclaimer{font-size:8px;padding-inline:14px}@keyframes field-pulse{50%{opacity:.55}}@keyframes field-reveal{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.product-demo-heading{padding:8px 10px 14px}.product-demo-heading h2{font-size:26px}.demo-source{padding:10px;font-size:9px}.demo-source>span{margin-left:0}.storefront-preview{margin:10px 6px 0;padding:10px}.preview-product-grid{grid-template-columns:1fr;gap:18px}.preview-gallery{min-height:230px}.bottle-scene{height:200px}.preview-bottle{height:130px;width:64px}.preview-bottle:before{width:42px}.preview-title{min-height:54px}.preview-description{min-height:76px}.pipeline-strip{padding:10px 6px}.team-actions{flex-wrap:wrap;padding:10px}.product-demo-controls{margin-left:auto}.storefront-bar .mono{font-size:7px}}
.preview-gallery.pending>.image-placeholder{visibility:visible}
.demo-paused .generating{animation-play-state:paused}.demo-paused .ready{animation:none}
.demo-showcase .product-demo-heading{padding:8px 12px 10px}.demo-showcase .product-demo-heading h2{font-size:24px}.demo-showcase .product-demo-heading .mono{font-size:8px}.demo-showcase .demo-source{padding:7px 12px;font-size:8px}.demo-showcase .storefront-preview{margin:10px 10px 0;padding:12px}.demo-showcase .storefront-bar{padding-bottom:7px}.demo-showcase .storefront-bar>b{font-size:14px}.demo-showcase .preview-category{margin:8px 0;font-size:8px}.demo-showcase .preview-product-grid{gap:14px;grid-template-columns:.9fr 1.1fr}.demo-showcase .preview-gallery{min-height:235px}.demo-showcase .bottle-scene{height:205px}.demo-showcase .preview-bottle{height:135px;width:64px}.demo-showcase .preview-bottle:before{width:42px;height:20px;top:-20px}.demo-showcase .gallery-thumbs{padding:5px;font-size:7px}.demo-showcase .gallery-thumbs span{padding:4px}.demo-showcase .preview-brand{font-size:8px;margin-bottom:6px}.demo-showcase .preview-title{font-size:22px;min-height:46px;margin-bottom:8px}.demo-showcase .preview-description{font-size:10px;line-height:1.45;min-height:65px;margin-bottom:8px}.demo-showcase .preview-identity{min-height:18px;margin-bottom:8px}.demo-showcase .preview-identity .mono{font-size:7px}.demo-showcase .preview-attributes{min-height:96px}.demo-showcase .preview-attributes dl{font-size:9px;margin-top:5px}.demo-showcase .preview-attributes dl>div{padding:3px 0}.demo-showcase .preview-review{font-size:8px;min-height:34px;padding-top:8px;margin-top:10px}.demo-showcase .pipeline-strip{gap:4px;padding:8px 10px}.demo-showcase .pipeline-strip span{font-size:7px;padding:4px}.demo-showcase .team-actions{padding:8px 10px}.demo-showcase .team-actions p{font-size:9px}.demo-showcase .team-actions button{font-size:9px;padding:8px}.demo-showcase .demo-disclaimer{font-size:7px;padding:0 10px 7px}

@media(max-width:480px){.demo-showcase .preview-product-grid{grid-template-columns:1fr}.demo-showcase .preview-description{font-size:12px}.demo-showcase .preview-attributes dl{font-size:11px}}
@media(prefers-reduced-motion:reduce){.demo-window *{animation:none!important;transition:none!important}}
body.motion-paused .demo-window *{animation-play-state:paused!important}
/* Real generated Samsung listing: keep full export content within the compact demo. */
.demo-showcase .preview-description{height:130px;min-height:130px;overflow:hidden}
.exported-description{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px}
.demo-window .exported-description p{margin:0 0 8px}
.exported-description h4{font-size:inherit;margin:10px 0 4px}
.exported-description ul{margin:0;padding-left:16px}
.exported-description li{margin-bottom:4px}
.demo-showcase .preview-title{min-height:70px;overflow-wrap:anywhere;font-size:20px}
.demo-window .preview-identity{overflow-wrap:anywhere}
.exported-gallery{height:205px;display:grid;place-items:center;background:#fff;padding:8px}
.exported-gallery>img{width:100%;height:100%;object-fit:contain;min-height:0}
.demo-window .gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px}
.demo-window .gallery-thumbs button{min-width:0;min-height:30px;padding:2px;border:1px solid #aaa;background:#fff;cursor:pointer}
.demo-window .gallery-thumbs button[aria-pressed=true]{border:2px solid #222;background:#e998a9}
.gallery-thumbs img{display:block;width:100%;height:30px;object-fit:contain}
.demo-window .preview-gallery.pending button{visibility:hidden}
@media(max-width:480px){.demo-showcase .preview-title{min-height:0}.demo-showcase .preview-title.pending{min-height:70px}.exported-gallery{height:180px}}
/* Classic Explorer scrollbar for the generated description. */
html,.exported-description{color-scheme:light;scrollbar-width:auto;scrollbar-color:#c6c6c0 #e7e7df;scrollbar-gutter:stable}
@supports selector(::-webkit-scrollbar){
 html,.exported-description{scrollbar-color:auto}
 html::-webkit-scrollbar,.exported-description::-webkit-scrollbar{width:16px;height:16px}
 html::-webkit-scrollbar-track,.exported-description::-webkit-scrollbar-track{background:repeating-conic-gradient(#d5d5ce 0% 25%,#eeeee7 0% 50%) 0 0/4px 4px;border-left:1px solid #888}
 html::-webkit-scrollbar-thumb,.exported-description::-webkit-scrollbar-thumb{min-height:28px;background:#c6c6c0;border:1px solid #222;border-radius:0;box-shadow:inset 1px 1px #fff,inset -1px -1px #777}
 html::-webkit-scrollbar-thumb:hover,.exported-description::-webkit-scrollbar-thumb:hover{background:#deded9}
 html::-webkit-scrollbar-thumb:active,.exported-description::-webkit-scrollbar-thumb:active{background:#e998a9}
 html::-webkit-scrollbar-button:single-button,.exported-description::-webkit-scrollbar-button:single-button{display:block;height:16px;width:16px;background-color:#c6c6c0;background-repeat:no-repeat;background-position:center;background-size:8px 5px;border:1px solid #222;box-shadow:inset 1px 1px #fff,inset -1px -1px #777}
 html::-webkit-scrollbar-button:single-button:vertical:decrement,.exported-description::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M0 5L4 0L8 5Z' fill='%23222'/%3E%3C/svg%3E")}
 html::-webkit-scrollbar-button:single-button:vertical:increment,.exported-description::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M0 0L8 0L4 5Z' fill='%23222'/%3E%3C/svg%3E")}
 html::-webkit-scrollbar-button:single-button:active,.exported-description::-webkit-scrollbar-button:single-button:active{background-color:#e998a9;box-shadow:inset 1px 1px #777}
 html::-webkit-scrollbar-corner,.exported-description::-webkit-scrollbar-corner{background:#c6c6c0}
}
.demo-example-toggle{display:flex;align-items:center;gap:3px;padding:3px}
.demo-window .titlebar .demo-example-toggle button{min-width:25px;padding:4px 7px;background:#deded9;color:#222;border:1px solid #888;box-shadow:inset 1px 1px #fff,inset -1px -1px #777}
.demo-window .titlebar .demo-example-toggle button[aria-pressed=true]{background:#e998a9;border-color:#f5c8d3;box-shadow:inset 1px 1px #9e6471}
.demo-size-label{display:flex;align-items:center;gap:8px;font:10px Consolas,monospace}
.demo-window #demo-size{background:#eeeae2;color:#222;border:1px solid #222;border-radius:0;font:11px Consolas,monospace;padding:4px 8px}
.preview-identity .generated-field>span{display:block;margin-top:5px}
.demo-showcase .preview-identity:has(#demo-size){min-height:65px}
.demo-window .titlebar #agent-drag{min-width:0}
@media(max-width:480px){.demo-window #agent-drag span{display:none}}
.demo-family-input{flex:1;min-width:0}
.demo-family-input summary{cursor:pointer;font-weight:700;list-style:none;display:flex;align-items:center;gap:7px;width:fit-content}
.demo-family-input summary::-webkit-details-marker{display:none}
.demo-family-input summary::before{content:'+';display:grid;place-items:center;width:14px;height:14px;background:#eeeae2;border:1px solid #222;box-shadow:inset 1px 1px #fff;font:12px Consolas,monospace}
.demo-family-input[open] summary::before{content:'−';background:#e998a9}
.demo-family-input ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:10px;margin:8px 0 0;list-style:none;background:#f5f1e8;border:1px solid #222;box-shadow:3px 3px #2222}
.demo-family-input li{font:10px/1.5 Consolas,monospace;overflow-wrap:anywhere}
@media(max-width:480px){.demo-source:has(.demo-family-input)>span{width:100%}.demo-family-input ul{grid-template-columns:1fr}}