/* Loriginary UX35 Phase 6: complete Card Forge and Merch Studio structure. Scoped to #cardsRoot. */
#cardsRoot .ux35-forge-landing-grid{display:grid;grid-template-columns:minmax(180px,22%) minmax(0,1fr);gap:12px;min-width:0}
#cardsRoot .ux35-forge-landing-sidebar{background:linear-gradient(165deg,#092d4d,#031322);border:1px solid #15618b;border-radius:10px;padding:10px;min-width:0}
#cardsRoot .ux35-forge-categories{display:grid;gap:7px;align-content:start;position:sticky;top:90px}
#cardsRoot .ux35-forge-categories>a,#cardsRoot .ux35-forge-category-locked,#cardsRoot .ux35-forge-category-route{display:flex;align-items:center;gap:9px;min-height:42px;background:linear-gradient(165deg,#0b3457,#052035);border:1px solid #155c86;border-radius:7px;padding:8px 10px;color:#d8efff;text-decoration:none;font-size:12px;font-weight:800;line-height:1.2}
#cardsRoot .ux35-forge-category-route{cursor:pointer;text-align:left;font:inherit}#cardsRoot .ux35-forge-category-locked{opacity:.56;cursor:default}#cardsRoot .ux35-forge-category-locked small{font-size:9px;font-weight:400;margin-left:auto}#cardsRoot .ux35-forge-categories>a:hover,#cardsRoot .ux35-forge-category-route:hover,#cardsRoot .ux35-forge-categories>a:focus-visible{background:#115f9a;outline:1px solid #58ceff}
#cardsRoot .ux35-forge-categories>a>span,#cardsRoot .ux35-forge-category-route>span,#cardsRoot .ux35-forge-category-locked>span{font-size:10px;color:#63caff;font-weight:900}
#cardsRoot .ux35-forge-sidebar-note{margin-top:14px;border-top:1px solid #26618a;padding:15px 3px 5px;display:grid;gap:8px}
#cardsRoot .ux35-forge-sidebar-note b{color:#9cdafa;letter-spacing:.08em;font-size:10px}
#cardsRoot .ux35-forge-sidebar-note small{line-height:1.55;color:#adbecc;font-size:10px}
#cardsRoot .ux35-forge-landing-main{min-width:0}
#cardsRoot .ux35-forge-landing-grid .ux35-forge-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#cardsRoot .ux35-forge-splashtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#cardsRoot .ux35-forge-splashtile{position:relative;overflow:hidden;min-height:194px;border-radius:10px;border:1px solid #1b6792;background:linear-gradient(140deg,#031221,#0b2f4c);display:flex;align-items:stretch;box-shadow:inset 0 1px #ffffff1a}
#cardsRoot .ux35-forge-splashtile>img{position:absolute;right:-4%;bottom:-5%;height:110%;width:44%;object-fit:cover;object-position:center 20%;opacity:.68;mask-image:linear-gradient(90deg,transparent 0%,#000 36%)}
#cardsRoot .ux35-forge-splashtile>div{position:relative;z-index:1;width:80%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:18px 15px;text-shadow:0 2px 5px #000}
#cardsRoot .ux35-forge-splashtile span{color:#46c6ff;letter-spacing:.13em;font-size:9px;font-weight:900}
#cardsRoot .ux35-forge-splashtile h3{margin:0!important;color:#fff;font-size:17px!important;line-height:1.1}
#cardsRoot .ux35-forge-splashtile p{margin:0!important;color:#c3d3e1;font-size:11px;line-height:1.45}
#cardsRoot .ux35-forge-splashtile button{border:1px solid #18a5ff;background:linear-gradient(#0875c3,#033c78);border-radius:6px;color:#fff;padding:8px 10px;font-size:10px;font-weight:850;cursor:pointer}
#cardsRoot .ux35-forge-splashtile button:hover,#cardsRoot .ux35-forge-splashtile button:focus-visible{outline:2px solid #64d7ff;outline-offset:1px}
#cardsRoot .ux35-card-choose{background:linear-gradient(105deg,#092c50,#051625)!important;border:1px solid #2192cf!important;border-radius:10px!important}
#cardsRoot .ux35-forge-gallery-collapsed{border:1px solid #165780;background:linear-gradient(105deg,#0b3656,#03182b);border-radius:9px}
#cardsRoot .ux35-forge-gallery-collapsed>details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;color:#a6e7ff}
#cardsRoot .ux35-forge-gallery-collapsed>details>summary::-webkit-details-marker{display:none}
#cardsRoot .ux35-forge-gallery-collapsed>details>summary strong{font-size:12px;letter-spacing:.075em}
#cardsRoot .ux35-forge-gallery-collapsed>details>summary span{font-size:10px;color:#93afc2}
#cardsRoot .ux35-forge-gallery-collapsed .ux35-forge-featured{border:none;border-top:1px solid #216995}
#cardsRoot .ux35-card-progress{position:static;top:auto;z-index:1;background:linear-gradient(90deg,#051b33f0,#0a3150ef);border:1px solid #1b78ac;border-radius:8px;padding:6px;box-shadow:0 3px 15px #0007}
#cardsRoot .ux35-forge-live-workbench{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)!important;gap:16px!important;align-items:start;background:linear-gradient(125deg,#041627,#082b47 55%,#0a2340)!important;border:1px solid #2782b7!important;border-radius:10px!important;padding:16px!important}
#cardsRoot .ux35-forge-live-header{grid-column:1/-1;padding:2px 5px 12px;border-bottom:1px solid #25688f}
#cardsRoot .ux35-forge-live-header span{letter-spacing:.14em;font-size:10px;font-weight:950;color:#3ec5ff}
#cardsRoot .ux35-forge-live-header h3{margin:4px 0!important;font-size:clamp(19px,2vw,27px)!important;color:#ecf9ff}
#cardsRoot .ux35-forge-live-header h3 small{font-size:11px;color:#66bde7}
#cardsRoot .ux35-forge-live-header p{margin:0!important;color:#b6cbd8;font-size:12px}
#cardsRoot .ux35-forge-live-workbench .ux24-card-stage{min-width:0!important;max-width:none!important;align-self:stretch}
#cardsRoot .ux35-forge-live-workbench .ux24-card-workbench{min-width:0!important;width:auto!important;max-width:none!important;display:grid;gap:10px;align-content:start;padding:16px!important;border:1px solid #216187;border-radius:8px;background:#04192e}
#cardsRoot .ux35-builder-priority{display:grid;gap:10px}
#cardsRoot .ux35-builder-priority h4{margin:0;color:#e6f8ff;font-size:22px;font-weight:950;letter-spacing:.06em}
#cardsRoot .ux35-builder-priority p{font-size:11px;color:#a5c3d8;line-height:1.4;margin:0}
#cardsRoot .ux35-builder-priority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#cardsRoot .ux35-builder-priority-grid label{min-width:0}
#cardsRoot .ux35-builder-priority-grid label:nth-child(2){grid-column:1/-1}
#cardsRoot .ux35-source-dossier{border:1px solid #1b5275;border-radius:8px;padding:10px;background:#031426}
#cardsRoot .ux35-source-dossier>summary{color:#d5ecf8;font-weight:850;font-size:11px;cursor:pointer;letter-spacing:.05em}
#cardsRoot .ux35-source-dossier>summary span{display:inline;color:#82c4e1;font-size:10px}
#cardsRoot .ux35-source-dossier .ux24-card-data-grid{margin-top:14px}
#cardsRoot .ux35-card-production-columns{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:14px;align-items:start}
#cardsRoot .ux35-card-creative-panel,#cardsRoot .ux35-card-utility-panel{min-width:0;display:grid;gap:14px;align-content:start}
#cardsRoot .ux35-card-creative-panel .ux24-card-template-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}#cardsRoot .ux35-card-template-visual{display:flex;flex-direction:column!important;align-items:stretch!important;gap:7px!important;min-height:205px;overflow:hidden;padding:8px!important;text-align:left}
#cardsRoot .ux35-card-template-visual>img{width:100%;height:125px;object-fit:cover;object-position:center 35%;border:1px solid #1d5d8d;border-radius:5px;filter:saturate(.96)}
#cardsRoot .ux35-card-template-visual strong{font-size:12px;color:#e7f7ff}
#cardsRoot .ux35-card-template-visual small{line-height:1.4}
#cardsRoot .ux35-card-utility-panel .forge-panel{margin:0}
#cardsRoot .ux35-card-utility-top{border:1px solid #1682bd;border-radius:10px;padding:14px;background:linear-gradient(145deg,#0b3652,#031527);min-width:0}
#cardsRoot .ux35-card-utility-top>span{font-size:10px;letter-spacing:.12em;color:#50cbff;font-weight:950}
#cardsRoot .ux35-card-utility-top>h3{margin:6px 0!important;font-size:20px!important;color:#ecfaff}
#cardsRoot .ux35-card-utility-top>p{margin:0 0 12px;color:#accde0;font-size:11px;line-height:1.4}
#cardsRoot .ux35-merch-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}
#cardsRoot .ux35-merch-switcher button{cursor:pointer;border:1px solid #176b98;background:linear-gradient(#0c3b5e,#04213a);color:#bfe9ff;border-radius:6px;font-size:11px;font-weight:850;padding:9px 7px}
#cardsRoot .ux35-merch-switcher button.active,#cardsRoot .ux35-merch-switcher button:hover{border-color:#42c9ff;background:linear-gradient(#1071af,#064877);color:#fff;box-shadow:0 0 12px #086daa4d}
#cardsRoot .ux35-card-utility-top #merchPreview{margin:0;min-height:0!important}
#cardsRoot .ux35-card-utility-top .merch-retail-studio{min-height:300px}
#cardsRoot .ux35-card-utility-top .merch-product-visual{min-height:290px}
#cardsRoot .ux35-card-utility-top .merch-retail-stage{grid-template-columns:1fr!important}
#cardsRoot .ux35-card-utility-top .merch-product-story{display:none!important}
#cardsRoot .ux35-card-utility-top .merch-product-meta{font-size:11px}
#cardsRoot .ux35-export-panel .ux24-card-finish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1140px){#cardsRoot .ux35-card-creative-panel .ux24-card-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#cardsRoot .ux35-card-production-columns{grid-template-columns:1fr}#cardsRoot .ux35-card-utility-panel{grid-template-columns:repeat(2,minmax(0,1fr))}#cardsRoot .ux35-forge-splashtiles{grid-template-columns:1fr 1fr}#cardsRoot .ux35-forge-splashtile-collection{grid-column:1/-1}}
@media(max-width:840px){#cardsRoot .ux35-forge-landing-grid{grid-template-columns:1fr}#cardsRoot .ux35-forge-landing-sidebar{order:2}#cardsRoot .ux35-forge-categories{display:flex;flex-wrap:wrap;position:static}#cardsRoot .ux35-forge-categories>a{flex:1 1 130px}#cardsRoot .ux35-forge-sidebar-note{display:none}#cardsRoot .ux35-forge-live-workbench{grid-template-columns:1fr!important}#cardsRoot .ux35-card-utility-panel{grid-template-columns:1fr}#cardsRoot .ux35-card-utility-top .merch-retail-stage{grid-template-columns:1fr!important}}
@media(max-width:580px){#cardsRoot .ux35-card-creative-panel .ux24-card-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#cardsRoot .ux35-forge-landing-grid .ux35-forge-card-grid{grid-template-columns:1fr 1fr}#cardsRoot .ux35-forge-splashtiles{grid-template-columns:1fr}#cardsRoot .ux35-forge-splashtile-collection{grid-column:auto}#cardsRoot .ux35-forge-gallery-collapsed>details>summary span{display:none}#cardsRoot .ux35-forge-live-workbench{padding:9px!important}#cardsRoot .ux35-builder-priority-grid{grid-template-columns:1fr}#cardsRoot .ux35-builder-priority-grid label:nth-child(2){grid-column:auto}#cardsRoot .ux35-card-utility-panel{grid-template-columns:1fr}#cardsRoot .ux35-card-template-visual{min-height:175px}#cardsRoot .ux35-card-template-visual>img{height:90px}}
@media(prefers-reduced-motion:reduce){#cardsRoot .ux35-card-progress{backdrop-filter:none}}
/* Keep the live collectible readable at the actual display size. */
#cardsRoot .ux35-forge-live-workbench .ux24-card-stage .compact-card-preview .collect-card{width:min(100%,290px)!important;max-width:290px!important}
#cardsRoot .ux35-forge-live-workbench .ux24-card-stage .compact-card-preview{min-height:410px!important;padding:10px!important}
@media(max-width:580px){#cardsRoot .ux35-forge-live-workbench .ux24-card-stage .compact-card-preview .collect-card{width:min(100%,250px)!important}#cardsRoot .ux35-forge-live-workbench .ux24-card-stage .compact-card-preview{min-height:340px!important}}


/* UX35.2: replace fuzzy tiny mockups with live card previews. */
#cardsRoot .ux351-featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px}
#cardsRoot .ux351-design-card{display:grid;gap:8px;padding:10px;border:1px solid #1f6792;border-radius:10px;background:linear-gradient(165deg,#082640,#041726);min-width:0}
#cardsRoot .ux351-design-card strong{font-size:12px;color:#eef9ff;line-height:1.2}
#cardsRoot .ux351-design-card small{font-size:10px;color:#86caea;letter-spacing:.08em}
#cardsRoot .ux351-design-card button,#cardsRoot .ux351-design-card .ux351-concept-tag{min-height:34px;display:grid;place-items:center;border-radius:7px;font-size:10px;font-weight:850}
#cardsRoot .ux351-design-card .ux351-concept-tag{border:1px solid #325c79;color:#c2d7e4;background:#081623}
#cardsRoot .ux351-design-card button{border:1px solid #1ba8ff;background:linear-gradient(#0b78c6,#054171);color:#fff;cursor:pointer}
#cardsRoot .ux351-design-art{display:grid;place-items:center;min-height:232px;padding:6px;border-radius:8px;background:radial-gradient(circle at 50% 18%,rgba(36,120,170,.18),rgba(6,18,28,.95) 70%)}
#cardsRoot .ux351-live-design .collect-card{width:min(100%,156px)!important;max-width:156px!important}
#cardsRoot .ux351-live-design .premium-card-back{width:min(100%,156px)!important;max-width:156px!important}
#cardsRoot .ux351-demo-art.ux351-demo-live{margin:0;display:grid;gap:9px}
#cardsRoot .ux351-demo-live-card{display:grid;place-items:center;padding:8px;border:1px solid #1c678f;border-radius:10px;background:radial-gradient(circle at 50% 15%,rgba(32,114,159,.18),rgba(5,18,30,.98) 70%)}
#cardsRoot .ux351-demo-live-card .collect-card{width:min(100%,175px)!important;max-width:175px!important}
#cardsRoot .ux351-demo-art figcaption{font-size:10px;letter-spacing:.08em;color:#97cde7;text-align:center}
@media(max-width:580px){#cardsRoot .ux351-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#cardsRoot .ux351-live-design .collect-card,#cardsRoot .ux351-live-design .premium-card-back{width:min(100%,140px)!important}#cardsRoot .ux351-demo-live-card .collect-card{width:min(100%,155px)!important}}
