/* Loriginary v4.0 UX26 */
/* Navigation: content-width only, uniform typography. */
.v4ux26-ui .ux24-primary-nav{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;overflow-x:auto!important;overflow-y:visible!important;padding:0 5px!important}
.v4ux26-ui .ux24-primary-nav>.nav-btn,
.v4ux26-ui .ux24-primary-nav>.ux24-nav-menu,
.v4ux26-ui .ux24-primary-nav>.ux24-nav-menu>summary.nav-btn{flex:0 0 auto!important;flex-grow:0!important;flex-shrink:0!important;width:max-content!important;min-width:max-content!important;max-width:150px!important}
.v4ux26-ui .ux24-primary-nav>.nav-btn,
.v4ux26-ui .ux24-primary-nav>.ux24-nav-menu>summary.nav-btn{font-size:11px!important;font-weight:700!important;line-height:1.05!important;letter-spacing:.025em!important;padding:7px 10px!important;white-space:normal!important;text-align:center!important}
.v4ux26-ui .ux24-primary-nav>.ux24-nav-home{display:inline-flex!important;flex:0 0 88px!important;width:88px!important;min-width:88px!important;max-width:88px!important;padding-inline:8px!important}
.v4ux26-ui .ux24-nav-menu[data-nav-group="uhu"]>summary{max-width:58px!important}.v4ux26-ui .ux24-nav-menu[data-nav-group="help"]>summary{max-width:62px!important}
.v4ux26-ui .ux26-template-menu>summary{max-width:100px!important}

/* Reference Images: stop allowing every tiny action button to become a billboard. */
.v4ux26-ui .media-grid{gap:8px!important}
.v4ux26-ui .media-card{min-width:0!important;padding:6px!important}
.v4ux26-ui .media-card figcaption,.v4ux26-ui .media-card .media-card-title,.v4ux26-ui .media-card strong{font-size:9.5px!important;line-height:1.15!important}
.v4ux26-ui .media-card small,.v4ux26-ui .media-card p{font-size:8.5px!important;line-height:1.2!important}
.v4ux26-ui .media-card-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
.v4ux26-ui .media-card-actions button,.v4ux26-ui .media-card .ghost-btn,.v4ux26-ui .media-card .secondary-btn,.v4ux26-ui .media-card .primary-btn{font-size:8.5px!important;line-height:1.05!important;padding:5px 4px!important;min-height:27px!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere!important}
.v4ux26-ui .media-card-preview{max-height:150px!important}
.v4ux26-ui .media-card-preview img{max-height:145px!important;object-fit:contain!important}

/* Prompt Studio editable output + UX26 template controls. */
.v4ux26-ui .ux26-prompt-template-bar{display:grid;grid-template-columns:minmax(170px,1.25fr) minmax(170px,1fr) auto auto;gap:8px;align-items:end;padding:10px;margin:10px 0;background:#071722;border:1px solid #204966;border-radius:8px}
.v4ux26-ui .ux26-loaded-template span,.v4ux26-ui .ux26-prompt-template-bar label{display:block;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#8cb6cb}.v4ux26-ui .ux26-loaded-template strong{display:block;margin-top:4px;font-size:13px;color:#fff}.v4ux26-ui .ux26-prompt-template-bar select{width:100%;margin-top:4px}
.v4ux26-ui textarea#promptPreview.ux26-editable-prompt{display:block;width:100%;min-height:520px;resize:vertical;box-sizing:border-box;background:#061019;color:#d8edf7;border:1px solid #214963;border-radius:6px;padding:14px;font:12px/1.48 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
.v4ux26-ui .prompt-fixed-baseline{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:center;padding:9px 10px;margin:8px 0;background:#15210b;border:1px solid #637325;border-radius:6px}.v4ux26-ui .prompt-fixed-baseline strong{color:#f3d96a}.v4ux26-ui .prompt-fixed-baseline span{font-size:10px;line-height:1.3}
.v4ux26-ui .prompt-influence-total{white-space:normal!important}

/* Reference reminder. */
.v4ux26-ui .ux26-reminder-dialog{max-width:540px;border:1px solid #3c7799;border-radius:10px;background:#07131d;color:#e6f3fa;padding:0;box-shadow:0 25px 80px #000a}.v4ux26-ui .ux26-reminder-dialog::backdrop{background:#000b}.v4ux26-ui .ux26-reminder-dialog form{padding:22px}.v4ux26-ui .ux26-reminder-dialog h3{margin:7px 0}.v4ux26-ui .ux26-reminder-actions{display:flex;justify-content:flex-end;margin-top:16px}

/* QA RPG audit. */
.v4ux26-ui .ux26-rpg-audit-panel{margin:14px 0;padding:14px;border:1px solid #2a5169;border-radius:8px;background:#08141d}.v4ux26-ui .ux26-rpg-audit-panel pre{max-height:360px;overflow:auto;white-space:pre-wrap;background:#041019;padding:10px;border-radius:6px;font-size:10px;line-height:1.35}

/* Card Forge should remain visibly rendered before a user scrolls to export. */
.v4ux26-ui #collectCardFront,.v4ux26-ui #collectCardBack{display:block!important;visibility:visible!important;min-height:420px!important}.v4ux26-ui #merchPreview{display:block!important;visibility:visible!important;min-height:260px!important}.v4ux26-ui .ux24-card-template-grid [data-card-style]{display:block!important;visibility:visible!important}

/* FAQ: the answer text should not require binoculars. */
body.ux26-faq,body.ux26-faq p,body.ux26-faq li,body.ux26-faq summary{font-size:14px!important;line-height:1.48!important}body.ux26-faq small{font-size:12px!important}

@media(max-width:980px){.v4ux26-ui .ux26-prompt-template-bar{grid-template-columns:1fr 1fr}.v4ux26-ui .ux24-primary-nav>.nav-btn,.v4ux26-ui .ux24-primary-nav>.ux24-nav-menu>summary.nav-btn{font-size:10.5px!important}}
/* UX26 compact reference controls, second pass from creator screenshot. */
.v4ux26-ui .media-card{padding:5px!important}
.v4ux26-ui .media-card h4{font-size:9px!important;line-height:1.08!important;margin:4px 0!important}
.v4ux26-ui .media-card .media-card-hint,.v4ux26-ui .media-file-name{font-size:7.5px!important;line-height:1.12!important;margin:3px 0!important}
.v4ux26-ui .media-card-actions{gap:3px!important}
.v4ux26-ui .media-card-actions button{font-size:7.5px!important;line-height:1!important;padding:4px 3px!important;min-height:23px!important;letter-spacing:0!important}
.v4ux26-ui .media-card-preview{max-height:128px!important}.v4ux26-ui .media-card-preview img{max-height:124px!important}