/* Loriginary v4.0 UX28: navigation readability, cinematic chrome, compact references, consistent dropdowns */
.v4ux28-ui .site-header{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(59,199,255,.46)!important;background:linear-gradient(180deg,rgba(3,15,26,.98),rgba(2,9,16,.98))!important;box-shadow:0 8px 28px rgba(0,0,0,.42),inset 0 -1px 0 rgba(70,205,255,.16)}
.v4ux28-ui .site-header::before{content:"";position:absolute;inset:-80% -15% auto;height:220%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 58%,rgba(0,148,255,.22),transparent 25%),radial-gradient(circle at 62% 30%,rgba(0,213,255,.13),transparent 24%),radial-gradient(circle at 88% 70%,rgba(255,176,34,.09),transparent 20%);filter:blur(3px)}
.v4ux28-ui .site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#21baff 18%,#8de8ff 40%,#ffc94a 54%,#21baff 77%,transparent 100%);box-shadow:0 0 10px rgba(54,195,255,.65)}
.v4ux28-ui .brand-wordmark-dragon{filter:drop-shadow(0 0 5px rgba(33,184,255,.3))}
.v4ux28-ui .header-actions>button,.v4ux28-ui .theme-mode-cluster{box-shadow:inset 0 0 0 1px rgba(64,190,255,.08),0 0 14px rgba(0,121,202,.06)}
.v4ux28-ui .primary-nav.ux24-primary-nav{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;padding:2px 4px!important;overflow-x:auto!important;overflow-y:visible!important;background:linear-gradient(180deg,#041522,#03101a)!important;border-bottom:1px solid rgba(42,182,246,.35);box-shadow:0 5px 18px rgba(0,0,0,.34)}
.v4ux28-ui .ux24-primary-nav>.nav-btn,.v4ux28-ui .ux24-primary-nav>.ux24-nav-menu,.v4ux28-ui .ux24-primary-nav>.ux24-nav-menu>summary.nav-btn{flex:0 0 auto!important;width:auto!important;min-width:auto!important;max-width:none!important}
.v4ux28-ui .ux24-primary-nav>.nav-btn,.v4ux28-ui .ux24-primary-nav>.ux24-nav-menu>summary.nav-btn{font-size:12.5px!important;font-weight:700!important;line-height:1.05!important;letter-spacing:.012em!important;padding:9px 12px!important;min-height:39px!important;white-space:nowrap!important;text-align:center!important;border-radius:2px!important}
.v4ux28-ui .ux24-primary-nav>.ux24-nav-home{min-width:94px!important;width:auto!important;max-width:none!important}
.v4ux28-ui .ux28-direct-nav{min-width:104px!important}
.v4ux28-ui .ux24-primary-nav .nav-btn:hover,.v4ux28-ui .ux24-primary-nav .nav-btn.active{background:linear-gradient(180deg,rgba(18,121,181,.7),rgba(5,54,90,.8))!important;box-shadow:inset 0 0 0 1px rgba(92,217,255,.42),0 0 12px rgba(0,166,255,.22)}
.v4ux28-ui .ux25-nav-label{display:inline!important;white-space:inherit!important}.v4ux28-ui .ux25-nav-label>span{display:inline!important}.v4ux28-ui .ux25-nav-label>span+span::before{content:" "}
.v4ux28-ui .ux24-nav-dropdown{min-width:224px!important;padding:7px!important;gap:3px!important;background:rgba(3,17,28,.985)!important;border:1px solid rgba(61,194,255,.42)!important;box-shadow:0 18px 36px rgba(0,0,0,.58),0 0 22px rgba(0,145,225,.12)!important}
.v4ux28-ui .ux24-nav-dropdown button,.v4ux28-ui .ux24-nav-dropdown a{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:32px!important;padding:7px 9px!important;font-size:12px!important;font-weight:650!important;line-height:1.12!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;text-align:left!important;border-radius:4px!important}
.v4ux28-ui .ux24-nav-dropdown .ux24-menu-section>strong{font-size:10px!important;letter-spacing:.08em!important}
.v4ux28-ui .ux24-menu-grid{gap:3px!important}
/* Higher-energy section framing inspired by the user's card/card+merch visual references, without copying their old branding. */
.v4ux28-ui .view-heading,.v4ux28-ui .module-heading{position:relative;overflow:hidden}
.v4ux28-ui .view-heading::after,.v4ux28-ui .module-heading::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#2bc7ff,rgba(43,199,255,.16) 60%,transparent);box-shadow:0 0 8px rgba(43,199,255,.26);pointer-events:none}
.v4ux28-ui .panel,.v4ux28-ui .coming-panel,.v4ux28-ui .inspector-card{border-color:rgba(49,180,238,.25)!important;box-shadow:inset 0 1px rgba(255,255,255,.02),0 8px 22px rgba(0,0,0,.16)}
.v4ux28-ui .card-kicker,.v4ux28-ui .eyebrow{text-shadow:0 0 8px rgba(58,201,255,.2)}
/* Reference Images: small cards, readable single-line titles, thin controls directly under images. */
.v4ux28-ui .media-grid{gap:6px!important;grid-template-columns:repeat(auto-fill,minmax(124px,1fr))!important;align-items:start!important}
.v4ux28-ui .media-card{padding:4px!important;min-width:0!important;overflow:hidden!important}
.v4ux28-ui .media-card-preview{height:108px!important;max-height:108px!important;margin:0!important;overflow:hidden!important}
.v4ux28-ui .media-card-preview img{width:100%!important;height:108px!important;max-height:108px!important;object-fit:contain!important}
.v4ux28-ui .media-card-body{padding:3px 0 0!important;min-width:0!important}
.v4ux28-ui .media-card h4{display:block!important;margin:0 2px 3px!important;font-size:8.25px!important;line-height:13px!important;height:13px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
.v4ux28-ui .media-card-hint,.v4ux28-ui .media-file-name{display:none!important}
.v4ux28-ui .media-card-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;margin:0!important}
.v4ux28-ui .media-card-actions button,.v4ux28-ui .media-card .ghost-btn,.v4ux28-ui .media-card .secondary-btn,.v4ux28-ui .media-card .primary-btn{min-width:0!important;min-height:18px!important;height:18px!important;padding:1px 2px!important;font-size:6.9px!important;line-height:16px!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-radius:3px!important}
.v4ux28-ui .media-card-empty{height:108px!important;min-height:108px!important}.v4ux28-ui .media-card-empty span{font-size:8px!important}
/* Prompt Studio reference-strip controls get the same compact treatment. */
.v4ux28-ui .prompt-reference-slot figcaption{font-size:8.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.v4ux28-ui .prompt-reference-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important}
.v4ux28-ui .prompt-reference-actions button{font-size:7px!important;min-height:19px!important;height:19px!important;padding:1px 3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Storage protection label must fit inside its control instead of escaping both ends. */
.v4ux28-ui .save-protection-chip{box-sizing:border-box!important;width:auto!important;min-width:164px!important;max-width:100%!important;padding:5px 8px!important;font-size:7.5px!important;line-height:1!important;letter-spacing:.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.v4ux28-ui .storage-health-actions{min-width:0!important}.v4ux28-ui .storage-health-actions>*{box-sizing:border-box!important;max-width:100%!important;white-space:normal!important}
.v4ux28-ui .ux28-template-designer-callout{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important}
.v4ux28-ui .ux28-template-designer-callout .primary-btn{white-space:nowrap!important}
@media(max-width:1100px){.v4ux28-ui .ux24-primary-nav>.nav-btn,.v4ux28-ui .ux24-primary-nav>.ux24-nav-menu>summary.nav-btn{font-size:11.5px!important;padding:8px 9px!important}.v4ux28-ui .ux28-direct-nav{min-width:94px!important}}
@media(max-width:820px){.v4ux28-ui .ux24-primary-nav>.nav-btn,.v4ux28-ui .ux24-primary-nav>.ux24-nav-menu>summary.nav-btn{white-space:normal!important;min-width:86px!important}.v4ux28-ui .ux25-nav-label>span{display:inline!important}.v4ux28-ui .ux28-template-designer-callout{grid-template-columns:1fr!important}.v4ux28-ui .media-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important}}