/* Gallery and preview from the reviewed design, isolated from chat chrome. */
.fg-selector,.fg-layout-dialog{--accent-strong:var(--accent);font-family:inherit}
.fg-selector{margin-top:15px;width:100%;border:1px solid var(--border);border-radius:14px;background:var(--bg);overflow:hidden}.fg-selector-top{padding:21px 24px 0}.fg-selector h2{font-size:20px;line-height:1.25;letter-spacing:-.035em;margin:6px 0 7px;font-weight:650}.fg-selector p{font-size:13px;line-height:1.55;color:var(--text-dim);margin:0}.fg-eyebrow-proto{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-strong);font-weight:700}.fg-recommend-body{padding:20px 24px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,1fr);gap:25px;align-items:center}.fg-layout-picture{position:relative;background:#edf0ed;border:1px solid var(--border);border-radius:9px;overflow:hidden;min-width:0}.fg-layout-picture button{position:absolute;inset:0;border:0;background:transparent;cursor:zoom-in;width:100%;height:100%;border-radius:inherit}.fg-layout-picture button:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.fg-real-thumb{aspect-ratio:1200/680;overflow:hidden;position:relative;background:#eef0ec}.fg-real-thumb iframe{position:absolute;left:0;top:0;width:1200px;height:680px;transform-origin:0 0;border:0;pointer-events:none}.fg-preview-corner{position:absolute;right:10px;bottom:10px;background:var(--bg);color:var(--text);border:1px solid var(--border);padding:6px 10px;border-radius:6px;box-shadow:0 2px 8px #0001;font-size:11px;pointer-events:none}.fg-preview-label{font-size:10.5px;color:var(--text-faint);margin-top:8px;line-height:1.4}.fg-layout-info h3{font-size:16px;margin:0 0 9px;letter-spacing:-.015em}.fg-layout-info p{font-size:13px}.fg-benefits{list-style:none;padding:0;margin:16px 0;color:var(--text-dim);font-size:12px;display:grid;gap:10px}.fg-benefits li{display:flex;gap:9px;align-items:flex-start}.fg-benefits li::before{content:'✓';color:var(--accent-strong);font-weight:700}.fg-selector-actions{border-top:1px solid var(--border);padding:15px 24px;display:flex;align-items:center;gap:12px;background:var(--bg-elev)}.fg-selector-actions .btn.primary{padding:10px 16px}.fg-selector-actions .fg-support{font-size:11px;color:var(--text-dim);margin-left:auto}.fg-text-action{border:0;background:none;color:var(--accent-strong);font:inherit;font-size:12px;padding:5px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.fg-selector-foot{display:flex;gap:7px;align-items:center;color:var(--text-faint);font-size:11px;padding:11px 24px;border-top:1px solid var(--border)}
.fg-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:20px 24px}.fg-layout-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;position:relative;background:var(--bg)}.fg-layout-card.fg-chosen{border:2px solid var(--accent);margin:-1px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}.fg-layout-card h3{font-size:14px;letter-spacing:-.01em;margin:9px 0 6px}.fg-card-copy{padding:13px 14px}.fg-card-copy p{font-size:12px;min-height:55px;line-height:1.5}.fg-card-tag{font-size:10px;color:var(--text-dim);display:inline-block;background:var(--bg-elev);border:1px solid var(--border);padding:2px 7px;border-radius:4px}.fg-card-tag.fg-recommended{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.fg-card-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:13px}.fg-card-actions .btn{font-size:11px;padding:6px 9px}.fg-card-thumb{aspect-ratio:1.65;background:#eef0ec;border-bottom:1px solid var(--border);display:grid;place-items:center;overflow:hidden}.fg-card-thumb svg{width:100%;height:100%}.fg-card-thumb .fg-real-thumb{width:100%;height:100%;aspect-ratio:auto}.fg-card-thumb .fg-real-thumb iframe{top:0}.fg-selector-warning{margin:0 24px 17px!important;font-size:11px!important;color:var(--text-faint)!important}
.fg-workspace-launch{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding:22px 24px}.fg-workspace-launch .fg-layout-info{align-self:center}.fg-workspace-launch .fg-layout-info h3{font-size:17px}.fg-workspace-launch .fg-mini-options{display:flex;gap:6px;margin-bottom:12px}.fg-mini-options span{height:5px;width:38px;background:var(--border);border-radius:5px}.fg-mini-options span:first-child{background:var(--accent)}
.fg-selection-result{padding:24px;display:flex;gap:15px;align-items:center}.fg-selection-tick{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok);font-size:20px}.fg-selection-result h2{font-size:17px;margin:0 0 5px}.fg-selection-result .fg-text-action{margin-left:auto;white-space:nowrap}.fg-selection-result p{font-size:12px}.fg-result-note{margin-top:10px;color:var(--text-dim);font-size:12px;padding-left:3px}
.fg-layout-dialog{width:min(1420px,96vw);height:min(850px,94dvh);max-height:94dvh;padding:0;border:1px solid var(--border);border-radius:15px;background:var(--bg);color:var(--text);box-shadow:0 16px 90px #0003;overflow:hidden}.fg-layout-dialog::backdrop{background:#17162273;backdrop-filter:blur(3px)}.fg-layout-dialog[open]{display:flex;flex-direction:column}.fg-preview-head{display:flex;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid var(--border);flex:none}.fg-preview-head h2{font-size:16px;margin:0 0 4px;letter-spacing:-.02em}.fg-preview-head p{font-size:11px;color:var(--text-dim);margin:0}.fg-preview-head .fg-close{margin-left:auto;width:33px;height:33px;background:var(--bg-elev);border:1px solid var(--border);border-radius:7px;color:var(--text-dim);font-size:22px;cursor:pointer}.fg-preview-content{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:0;flex:1}.fg-preview-options{border-right:1px solid var(--border);padding:20px 15px;overflow-y:auto;background:var(--bg-elev)}.fg-preview-options .fg-eyebrow-proto{margin:0 8px 13px;display:block}.fg-option-button{width:100%;background:transparent;border:1px solid transparent;border-radius:9px;text-align:left;color:var(--text);padding:13px 12px;cursor:pointer;font:inherit;margin-bottom:8px}.fg-option-button strong{display:block;font-size:13px;margin-bottom:7px}.fg-option-button small{color:var(--text-dim);font-size:11px;line-height:1.45;display:block}.fg-option-button[aria-pressed=true]{background:var(--bg);border-color:var(--accent);box-shadow:0 2px 6px #00000008}.fg-option-button[aria-pressed=true] strong{color:var(--accent-strong)}.fg-option-button .fg-card-tag{margin-top:9px}.fg-preview-stage{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-elev);padding:18px;gap:12px}.fg-preview-stage iframe{width:100%;min-height:0;flex:1;border:1px solid var(--border);border-radius:9px;background:#eef0ec}.fg-stage-note{font-size:11px;color:var(--text-dim);margin:0}.fg-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-top:1px solid var(--border);flex:none}.fg-preview-bottom strong{font-size:13px}.fg-preview-bottom small{display:block;font-size:11px;color:var(--text-dim);margin-top:4px}.fg-preview-bottom .btn{padding:10px 16px}.fg-preview-concept{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;background:#eef0ec;color:#202923;border:1px solid #d3d9d4;border-radius:9px;padding:24px}.fg-concept-title{font-size:20px;font-weight:650;letter-spacing:-.03em}.fg-concept-subtitle{font-size:12px;color:#657068;margin:5px 0 15px}.fg-concept-art{flex:1;min-height:200px;display:grid;place-items:center}.fg-concept-art svg{width:100%;max-height:360px}.fg-concept-controls{display:flex;gap:10px;align-items:center;padding-top:16px;border-top:1px solid #d3d9d4;font-size:12px}.fg-concept-controls span{margin-left:auto}.fg-concept-caption{margin:14px 0 0;font-size:13px;line-height:1.6;padding:15px;background:white;border:1px solid #d3d9d4;border-radius:7px}.fg-prototype-description{font-size:12px;color:var(--text-dim);line-height:1.5;padding:15px 24px;background:var(--bg-elev);border-top:1px solid var(--border)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1150px){.fg-recommend-body,.fg-workspace-launch{grid-template-columns:minmax(0,1fr) 200px;gap:18px}.fg-study-note{display:none}.fg-gallery{gap:10px;padding:18px}.fg-card-copy{padding:11px}.fg-preview-content{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){.fg-study-bar{height:auto;min-height:70px;padding:9px 12px;gap:6px;flex-wrap:wrap}.fg-study-bar strong{font-size:11px}.fg-study-modes{order:2;width:100%;justify-content:space-between}.fg-study-modes button{font-size:11px;padding:6px 8px}.fg-study-reset{margin-left:auto}.fg-recommend-body,.fg-workspace-launch{grid-template-columns:1fr;padding:16px;gap:17px}.fg-selector-top{padding:18px 16px 0}.fg-selector h2{font-size:19px}.fg-layout-info .fg-benefits{margin-bottom:0;gap:7px}.fg-selector-actions{padding:14px 16px;flex-wrap:wrap}.fg-selector-actions .fg-support{display:none}.fg-selector-actions .btn.primary{flex:1;justify-content:center}.fg-selector-foot{padding:11px 16px;line-height:1.5}.fg-proto-context{max-width:95%}.fg-gallery{grid-template-columns:1fr;padding:16px}.fg-layout-card{display:grid;grid-template-columns:115px minmax(0,1fr)}.fg-card-thumb{height:100%;aspect-ratio:auto;border-right:1px solid var(--border);border-bottom:0}.fg-card-copy p{min-height:0}.fg-card-copy h3{margin-top:6px}.fg-card-thumb svg{min-height:145px}.fg-selector-warning{margin:0 16px 15px!important}.fg-preview-content{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.fg-preview-options{display:flex;gap:6px;border-right:0;border-bottom:1px solid var(--border);padding:10px;overflow-x:auto}.fg-preview-options .fg-eyebrow-proto,.fg-option-button small,.fg-option-button .fg-card-tag{display:none}.fg-option-button{width:auto;min-width:125px;flex:1;padding:9px;margin:0}.fg-option-button strong{font-size:11px;margin:0}.fg-preview-head{padding:13px 15px}.fg-preview-stage{padding:10px;gap:7px}.fg-preview-bottom{padding:12px 15px}.fg-preview-bottom small{max-width:180px}.fg-preview-bottom .btn{max-width:170px;font-size:12px}.fg-layout-dialog{height:94dvh;width:96vw}.fg-preview-concept{padding:13px}.fg-selection-result{padding:18px;flex-wrap:wrap}.fg-selection-result .fg-text-action{margin-left:55px}.fg-prototype-description{padding:12px 16px}.fg-concept-title{font-size:16px}}


/* The decision remains visible before the large example, including at laptop height. */
.fg-recommended-top{display:flex;gap:20px;align-items:center;justify-content:space-between}.fg-recommended-top>.btn{flex:none;padding:10px 16px}.fg-selector-actions{position:sticky;bottom:0;z-index:2}.fg-recommended-top>div{min-width:0}
@media(max-width:760px){.fg-recommended-top{flex-wrap:wrap;gap:12px}.fg-recommended-top>.btn{width:100%;justify-content:center}.app.fg-sidebar-open .sidebar,.app.fg-sidebar-open .sidebar-scrim{top:124px}}



/* Stretch native buttons across each card; Preview remains an independent control. */
.fg-layout-card{cursor:pointer;isolation:isolate}
.fg-card-select{position:static;border:0;background:none;padding:6px 0;color:var(--text-dim);font:inherit;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:7px}
.fg-card-select::before{content:'';box-sizing:border-box;width:14px;height:14px;flex:none;border:1px solid var(--text-faint);border-radius:50%}
.fg-card-select[aria-pressed=true]{color:var(--accent-strong);font-weight:600}
.fg-card-select[aria-pressed=true]::before{border:4px solid var(--accent);background:var(--bg)}
.fg-card-select::after,.fg-card-create::after{content:'';position:absolute;inset:0;z-index:1;border-radius:9px}
.fg-card-actions .fg-card-create{position:static}
.fg-card-actions .fg-card-create:active{transform:none}
.fg-card-actions [data-preview]{position:relative;z-index:2}
.fg-layout-card:hover{border-color:var(--accent)}
.fg-layout-card:has(.fg-card-select:focus-visible),.fg-layout-card:has(.fg-card-create:focus-visible){outline:3px solid var(--accent);outline-offset:3px}
.fg-card-select:focus-visible,.fg-card-create:focus-visible{outline:none}

/* The third gallery card is an action, not another selectable template. */
.fg-create-card{border-style:dashed}.fg-create-thumb{background:var(--bg-elev)}
.fg-blank-layout{position:relative;width:66%;height:65%;padding:14px;border:1px dashed var(--border);border-radius:9px;background:var(--bg)}
.fg-blank-line{display:block;width:62%;height:5px;background:var(--border);border-radius:4px}
.fg-blank-blocks{display:flex;gap:9px;height:53%;margin-top:12px}.fg-blank-blocks span{flex:1;border:1px dashed var(--border);border-radius:5px}
.fg-create-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--accent-strong);background:var(--bg);box-shadow:0 2px 10px #0001;font-size:27px;font-weight:300}
.fg-create-card .fg-card-actions .btn{color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.fg-create-option{border:1px dashed var(--border)}
@media(max-width:760px){.fg-blank-layout{width:78%;height:90px;padding:9px}}

.fg-selector{width:100%;max-width:1040px}.fg-selector .fg-card-thumb iframe{border:0}.fg-layout-dialog .fg-preview-content{min-height:0}.fg-layout-dialog .fg-preview-stage iframe{min-height:0}.fg-gallery-status{font-size:12px;color:var(--text-dim);padding:12px 24px}.fg-card-select[disabled],.fg-card-create[disabled]{cursor:wait}.fg-layout-dialog{margin:auto}.fg-selector .fg-card-tag{min-height:20px}.fg-card-thumb .fg-preview-fallback{font-size:11px;padding:15px;color:var(--text-dim)}

.assistant-wrap:has(>.fg-selector){width:100%;max-width:100%}.fg-selector[hidden]{display:none}