/* OW Agency v3.1.0 - showroom grid, ported from the static gallery.
   All rules scoped under .ow-showroom. */

.ow-showroom {
	--bg: #0a0f11;
	--panel: #10171b;
	--line: rgba(94, 179, 201, 0.14);
	--line-soft: rgba(125, 145, 152, 0.10);
	--text: #c9d5d9;
	--heading: #e8eef0;
	--muted: #7b8d94;
	--cyan: #5eb3c9;
	--orange: #e08b52;
	--mono: "JetBrains Mono", monospace;
	--sans: "Inter", sans-serif;
}
.ow-showroom a { color: var(--cyan); text-decoration: none; }
.ow-showroom .wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.ow-showroom .mono { font-family: var(--mono); font-size: .82em; letter-spacing: .05em; }
@media (max-width: 860px) {

}
.ow-showroom .intro { padding: 72px 0 20px; }
.ow-showroom .eyebrow { font-family: var(--mono); font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--cyan); margin: 0 0 14px; }
.ow-showroom .eyebrow::before { content: ""; display: inline-block; width: 22px; height: 2px; background: var(--orange); vertical-align: middle; margin-right: 12px; }
.ow-showroom h1 { color: var(--heading); font-size: clamp(1.9rem, 4vw, 2.8rem); letter-spacing: -.015em; margin: 0 0 14px; }
.ow-showroom .intro p { color: var(--muted); max-width: 58ch; margin: 0; }
.ow-showroom /* Browser toolbar mimicry */
.toolbar {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	margin: 44px 0 22px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--line-soft);
	flex-wrap: wrap;
}
.ow-showroom .count { font-family: var(--mono); font-size: 13px; color: var(--muted); }
.ow-showroom .count b { color: var(--heading); font-weight: 600; }
.ow-showroom .filters { display: flex; gap: 8px; flex-wrap: wrap; }
.ow-showroom .chip {
	font-family: var(--mono); font-size: 12px; letter-spacing: .04em;
	color: var(--muted);
	border: 1px solid var(--line-soft);
	border-radius: 999px;
	padding: 6px 14px;
	cursor: pointer;
	background: none;
	transition: color .12s ease, border-color .12s ease;
}
.ow-showroom .chip:hover { color: var(--heading); border-color: var(--cyan); }
.ow-showroom .chip.on { color: var(--heading); border-color: var(--orange); }
.ow-showroom /* Theme cards */
.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
	gap: 24px;
	padding-bottom: 100px;
}
.ow-showroom .card {
	background: var(--panel);
	border: 1px solid var(--line-soft);
	border-radius: 8px;
	overflow: hidden;
	transition: border-color .18s ease, transform .18s ease;
	display: flex; flex-direction: column;
}
.ow-showroom .card:hover { border-color: var(--cyan); transform: translateY(-3px); }
.ow-showroom .card.hide { display: none; }
.ow-showroom /* CSS mini-previews (not screenshots — tiny compositions in each theme's palette) */
.shot { position: relative; aspect-ratio: 4 / 3; overflow: hidden; }
.ow-showroom .shot .ui { position: absolute; border-radius: 3px; }
.ow-showroom .shot-aurora { background: #F6FAFC; }
.ow-showroom .shot-aurora::before {
	content: ""; position: absolute; inset: -30% -20% auto;
	height: 80%;
	background:
		radial-gradient(40% 60% at 25% 50%, #8FE3C0, transparent 70%),
		radial-gradient(40% 60% at 55% 40%, #8CC6F2, transparent 70%),
		radial-gradient(40% 60% at 80% 55%, #C4B5F5, transparent 70%);
	filter: blur(24px);
	opacity: .7;
}
.ow-showroom .shot-aurora .h { top: 24%; left: 14%; width: 46%; height: 9px; background: #17232B; border-radius: 5px; }
.ow-showroom .shot-aurora .h2 { top: 36%; left: 14%; width: 30%; height: 9px; background: linear-gradient(90deg, #1B6E8C, #7B5FD0); border-radius: 5px; }
.ow-showroom .shot-aurora .c1, .ow-showroom .shot-aurora .c2, .ow-showroom .shot-aurora .c3 {
	top: 58%; width: 22%; height: 28%;
	background: rgba(255,255,255,.85);
	border: 1px solid rgba(23,35,43,.1);
	box-shadow: 0 8px 18px rgba(27,110,140,.14);
	border-radius: 8px;
}
.ow-showroom .shot-aurora .c1 { left: 14%; }
.ow-showroom .shot-aurora .c2 { left: 39%; }
.ow-showroom .shot-aurora .c3 { left: 64%; }
.ow-showroom .shot-ledger {
	background: #F4F1E7;
	background-image: repeating-linear-gradient(to bottom, transparent 0 13px, rgba(34,48,31,.12) 13px 14px);
}
.ow-showroom .shot-ledger .h { top: 14%; left: 10%; width: 52%; height: 12px; background: #22301F; border-radius: 2px; }
.ow-showroom .shot-ledger .h2 { top: 27%; left: 10%; width: 34%; height: 8px; background: #1E4D3B; border-radius: 2px; }
.ow-showroom .shot-ledger .row { left: 10%; width: 80%; height: 7px; background: rgba(34,48,31,.28); border-radius: 2px; }
.ow-showroom .shot-ledger .r1 { top: 48%; }
.ow-showroom .shot-ledger .r2 { top: 60%; }
.ow-showroom .shot-ledger .r3 { top: 72%; }
.ow-showroom .shot-ledger .price { left: 76%; width: 14%; background: #1E4D3B; }
.ow-showroom .shot-ledger .stamp {
	top: 12%; right: 8%;
	width: 17%; height: 13%;
	border: 2px double #A6371F; border-radius: 3px;
	transform: rotate(9deg); background: none;
}
.ow-showroom .shot-circuit { background: #0B0A07; }
.ow-showroom .shot-circuit::after {
	content: ""; position: absolute; inset: 0;
	background: repeating-linear-gradient(to bottom, rgba(0,0,0,.28) 0 1px, transparent 1px 3px);
}
.ow-showroom .shot-circuit .h { top: 16%; left: 10%; width: 44%; height: 10px; background: #FFB000; border-radius: 2px; box-shadow: 0 0 12px rgba(255,176,0,.6); }
.ow-showroom .shot-circuit .h2 { top: 30%; left: 10%; width: 60%; height: 6px; background: #8A6A1E; border-radius: 2px; }
.ow-showroom .shot-circuit .t {
	top: 46%; left: 10%; width: 80%; height: 40%;
	background: #14110A; border: 1px solid rgba(255,176,0,.3); border-radius: 5px;
}
.ow-showroom .shot-circuit .l { left: 15%; width: 38%; height: 5px; background: rgba(255,176,0,.55); border-radius: 2px; }
.ow-showroom .shot-circuit .l1 { top: 56%; }
.ow-showroom .shot-circuit .l2 { top: 65%; width: 52%; }
.ow-showroom .shot-circuit .l3 { top: 74%; width: 28%; background: #7DD87D; }
.ow-showroom .shot-crayon { background: #FFFDF5; }
.ow-showroom .shot-crayon .h { top: 20%; left: 12%; width: 56%; height: 11px; background: #35322B; border-radius: 6px; }
.ow-showroom .shot-crayon .sq { top: 34%; left: 12%; width: 34%; height: 6px; border-radius: 4px; background: #FFC931; }
.ow-showroom .shot-crayon .b1, .ow-showroom .shot-crayon .b2, .ow-showroom .shot-crayon .b3 {
	top: 54%; width: 21%; height: 32%;
	border: 2.5px solid #35322B; border-radius: 14px; background: #fff;
	box-shadow: 3px 4px 0 rgba(53,50,43,.15);
}
.ow-showroom .shot-crayon .b1 { left: 12%; background: #FFE3DE; }
.ow-showroom .shot-crayon .b2 { left: 39%; background: #DFF1FB; transform: rotate(2deg); }
.ow-showroom .shot-crayon .b3 { left: 66%; background: #E6F5DB; transform: rotate(-2deg); }
.ow-showroom .shot-crayon .sun { top: 10%; right: 10%; width: 12%; aspect-ratio: 1; border-radius: 50%; background: #FFC931; border: 2.5px solid #35322B; }
.ow-showroom .shot-freefall { background: linear-gradient(180deg, #0E2A47 0%, #7FBFE8 60%, #EAF4FB 85%, #2E4632 100%); }
.ow-showroom .shot-freefall .h { top: 22%; left: 12%; width: 50%; height: 11px; background: #fff; border-radius: 3px; }
.ow-showroom .shot-freefall .h2 { top: 34%; left: 12%; width: 30%; height: 11px; background: #FF5A1F; border-radius: 3px; }
.ow-showroom .shot-freefall .alt { top: 18%; right: 8%; width: 3px; height: 44%; background: rgba(255,255,255,.6); }
.ow-showroom .shot-freefall .alt::after { content: ""; position: absolute; top: 20%; right: -4px; width: 11px; height: 3px; background: #FF5A1F; }
.ow-showroom .shot-freefall .chute { top: 56%; left: 40%; width: 11%; aspect-ratio: 1.6; background: #FF5A1F; border-radius: 50px 50px 6px 6px; }
.ow-showroom .shot-toolyard { background: #1C1D1F; }
.ow-showroom .shot-toolyard .hz { top: 0; left: 0; right: 0; height: 6%; background: repeating-linear-gradient(-45deg, #FFD400 0 10px, #1C1D1F 10px 20px); border-radius: 0; }
.ow-showroom .shot-toolyard .h { top: 18%; left: 10%; width: 54%; height: 12px; background: #fff; border-radius: 2px; }
.ow-showroom .shot-toolyard .h2 { top: 32%; left: 10%; width: 32%; height: 12px; background: #FFD400; border-radius: 2px; }
.ow-showroom .shot-toolyard .t1, .ow-showroom .shot-toolyard .t2, .ow-showroom .shot-toolyard .t3 { top: 54%; width: 23%; height: 34%; background: #26272A; border: 1px solid rgba(232,230,225,.25); border-radius: 3px; }
.ow-showroom .shot-toolyard .t1 { left: 10%; }
.ow-showroom .shot-toolyard .t2 { left: 38%; }
.ow-showroom .shot-toolyard .t3 { left: 66%; }
.ow-showroom .shot-toolyard .t1::after, .ow-showroom .shot-toolyard .t2::after, .ow-showroom .shot-toolyard .t3::after {
	content: ""; position: absolute; bottom: 16%; left: 14%; width: 46%; height: 16%;
	background: #FFD400; border-radius: 2px;
}
.ow-showroom .shot-retrofit { background: #F0EAE2; }
.ow-showroom .shot-retrofit .h { top: 16%; left: 10%; width: 44%; height: 11px; background: #2B2822; border-radius: 2px; }
.ow-showroom .shot-retrofit .tp { top: 8%; left: 10%; width: 24%; height: 7px; background: #D8E4F8; transform: rotate(-2deg); border-radius: 1px; }
.ow-showroom .shot-retrofit .box { top: 38%; left: 10%; width: 80%; height: 48%; border: 2.5px solid #2B2822; background: #B9A98F; border-radius: 0; box-shadow: 5px 6px 0 #E6DFD4; }
.ow-showroom .shot-retrofit .half { top: 38%; left: 50%; width: 40%; height: 48%; background: #F4F1EA; border: 2.5px solid #2B2822; border-left: 3px solid #2E6FD8; }
.ow-showroom .shot-perennial { background: #EEF2E6; }
.ow-showroom .shot-perennial .h { top: 14%; left: 10%; width: 48%; height: 11px; background: #26372A; border-radius: 6px; }
.ow-showroom .shot-perennial .row { left: 10%; width: 80%; height: 6px; background: rgba(38,55,42,.16); border-radius: 4px; }
.ow-showroom .shot-perennial .r1 { top: 42%; }
.ow-showroom .shot-perennial .r2 { top: 56%; }
.ow-showroom .shot-perennial .r3 { top: 70%; }
.ow-showroom .shot-perennial .sow { height: 8px; background: #E8A13C; border-radius: 4px; }
.ow-showroom .shot-perennial .s1 { top: 41%; left: 22%; width: 20%; }
.ow-showroom .shot-perennial .s2 { top: 55%; left: 34%; width: 26%; }
.ow-showroom .shot-perennial .s3 { top: 69%; left: 18%; width: 16%; }
.ow-showroom .shot-perennial .hv { height: 8px; background: #4C7A3F; border-radius: 4px; }
.ow-showroom .shot-perennial .v1 { top: 41%; left: 52%; width: 22%; }
.ow-showroom .shot-perennial .v2 { top: 55%; left: 66%; width: 18%; }
.ow-showroom .shot-perennial .v3 { top: 69%; left: 44%; width: 24%; }
.ow-showroom .shot-threshold { background: #14201F; }
.ow-showroom .shot-threshold .plan { top: 16%; left: 14%; width: 46%; height: 58%; border: 1.5px solid #D4B384; background: #1B2A28; border-radius: 0; }
.ow-showroom .shot-threshold .plan::before { content: ""; position: absolute; top: 46%; left: 0; right: 34%; height: 1.5px; background: #D4B384; }
.ow-showroom .shot-threshold .plan::after { content: ""; position: absolute; top: 0; bottom: 46%; right: 34%; width: 1.5px; background: #D4B384; }
.ow-showroom .shot-threshold .h { top: 24%; right: 10%; width: 22%; height: 9px; background: #E9E4DB; border-radius: 2px; }
.ow-showroom .shot-threshold .h2 { top: 36%; right: 10%; width: 15%; height: 9px; background: #B08D57; border-radius: 2px; }
.ow-showroom .shot-simmer { background: #FFF9F0; }
.ow-showroom .shot-simmer .h { top: 14%; left: 12%; width: 50%; height: 12px; background: #33241C; border-radius: 6px; }
.ow-showroom .shot-simmer .scard { top: 36%; left: 12%; width: 76%; height: 50%; background: #fff; border: 1.5px solid rgba(51,36,28,.25); border-radius: 8px; box-shadow: 0 10px 20px rgba(51,36,28,.15); }
.ow-showroom .shot-simmer .scard::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 30%; background: #FBF1E2; border-radius: 8px 8px 0 0; }
.ow-showroom .shot-simmer .pill { top: 41%; left: 68%; width: 14%; height: 9%; background: #C7402D; border-radius: 999px; }
.ow-showroom .shot-simmer .li1, .ow-showroom .shot-simmer .li2 { left: 18%; width: 30%; height: 5px; background: rgba(51,36,28,.28); border-radius: 3px; }
.ow-showroom .shot-simmer .li1 { top: 62%; }
.ow-showroom .shot-simmer .li2 { top: 72%; }
.ow-showroom .shot-axiom {
	background: #FAFBFD;
	background-image: linear-gradient(rgba(16,24,40,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(16,24,40,.07) 1px, transparent 1px);
	background-size: 14px 14px;
}
.ow-showroom .shot-axiom .h { top: 16%; left: 10%; width: 46%; height: 11px; background: #101828; border-radius: 3px; }
.ow-showroom .shot-axiom .h2 { top: 28%; left: 10%; width: 26%; height: 11px; background: #6D28D9; border-radius: 3px; }
.ow-showroom .shot-axiom .e1, .ow-showroom .shot-axiom .e2, .ow-showroom .shot-axiom .e3 { top: 50%; width: 23%; height: 36%; background: #fff; border: 2px solid #101828; border-radius: 6px; box-shadow: 3px 4px 0 rgba(16,24,40,.14); }
.ow-showroom .shot-axiom .e1 { left: 10%; }
.ow-showroom .shot-axiom .e2 { left: 38%; }
.ow-showroom .shot-axiom .e3 { left: 66%; }
.ow-showroom .shot-axiom .e1::after, .ow-showroom .shot-axiom .e2::after, .ow-showroom .shot-axiom .e3::after {
	content: ""; position: absolute; top: 16%; left: 14%; width: 40%; height: 30%;
	background: #6D28D9; border-radius: 3px;
}
.ow-showroom .shot-axiom .e2::after { background: #17936B; }
.ow-showroom .shot-rialto { background: #17090C; }
.ow-showroom .shot-rialto .mq { top: 14%; left: 14%; width: 72%; height: 44%; border: 2.5px solid #C98F26; border-radius: 8px; background: #251116; box-shadow: 0 0 24px rgba(255,194,75,.25); }
.ow-showroom .shot-rialto .mq::before {
	content: ""; position: absolute; top: 10%; left: 8%; right: 8%; height: 5px;
	background-image: radial-gradient(circle at 3px 2.5px, #FFC24B 2.5px, transparent 3px);
	background-size: 12px 5px; background-repeat: repeat-x;
}
.ow-showroom .shot-rialto .mt { top: 34%; left: 24%; width: 52%; height: 10px; background: #FFC24B; border-radius: 2px; box-shadow: 0 0 12px rgba(255,194,75,.6); }
.ow-showroom .shot-rialto .tk1, .ow-showroom .shot-rialto .tk2 { top: 68%; width: 34%; height: 22%; background: #251116; border: 1px solid rgba(255,194,75,.35); border-radius: 5px; }
.ow-showroom .shot-rialto .tk1 { left: 14%; }
.ow-showroom .shot-rialto .tk2 { left: 52%; }
.ow-showroom .shot-overtime { background: #0B0E14; }
.ow-showroom .shot-overtime .m1, .ow-showroom .shot-overtime .m2 { left: 10%; width: 26%; height: 18%; background: #131826; border: 1px solid rgba(126,138,163,.3); border-left: 3px solid #22D3EE; }
.ow-showroom .shot-overtime .m1 { top: 18%; }
.ow-showroom .shot-overtime .m2 { top: 62%; }
.ow-showroom .shot-overtime .mf { top: 40%; left: 44%; width: 26%; height: 18%; background: #131826; border: 1px solid rgba(126,138,163,.3); border-left: 3px solid #E11D80; }
.ow-showroom .shot-overtime .mc { top: 40%; left: 78%; width: 14%; height: 18%; background: rgba(245,184,46,.12); border: 1px solid #F5B82E; box-shadow: 0 0 14px rgba(245,184,46,.3); }
.ow-showroom .shot-overtime .ln { top: 49%; left: 36%; width: 8%; height: 1px; background: rgba(126,138,163,.4); border-radius: 0; }
.ow-showroom .shot-waypoint { background: #F7F1E5; }
.ow-showroom .shot-waypoint .lb1 { top: 16%; left: 10%; width: 26%; height: 30%; background: #E2D6BE; border-radius: 42% 58% 55% 45%; }
.ow-showroom .shot-waypoint .lb2 { top: 22%; left: 48%; width: 20%; height: 24%; background: #2A7F8E; border-radius: 55% 45% 48% 52%; opacity: .85; }
.ow-showroom .shot-waypoint .lb3 { top: 56%; left: 66%; width: 24%; height: 28%; background: #E2D6BE; border-radius: 48% 52% 42% 58%; }
.ow-showroom .shot-waypoint .rt { top: 34%; left: 20%; width: 56%; height: 0; border-top: 2px dashed #D64541; transform: rotate(14deg); border-radius: 0; }
.ow-showroom .shot-waypoint .pn1, .ow-showroom .shot-waypoint .pn2 { width: 9px; height: 9px; background: #D64541; border-radius: 50%; }
.ow-showroom .shot-waypoint .pn1 { top: 30%; left: 19%; }
.ow-showroom .shot-waypoint .pn2 { top: 48%; left: 72%; }
.ow-showroom .shot-torque { background: linear-gradient(180deg, #14171D, #101216); }
.ow-showroom .shot-torque .bd { top: 38%; left: 14%; width: 72%; height: 26%; background: #B32431; border-radius: 40px 46px 8px 8px / 34px 40px 8px 8px; }
.ow-showroom .shot-torque .gl { top: 40%; left: 34%; width: 26%; height: 10%; background: #2A3340; border-radius: 8px 10px 2px 2px; }
.ow-showroom .shot-torque .w1, .ow-showroom .shot-torque .w2 { top: 56%; width: 15%; aspect-ratio: 1; height: auto; background: #0B0D10; border: 4px solid #C9CED6; border-radius: 50%; }
.ow-showroom .shot-torque .w1 { left: 22%; }
.ow-showroom .shot-torque .w2 { left: 64%; }
.ow-showroom .shot-torque .st { top: 82%; left: 14%; width: 40%; height: 6px; background: #FF5A1F; border-radius: 2px; }
.ow-showroom .shot-halftone { background: #FFF8EE; background-image: radial-gradient(circle, rgba(226,58,46,.3) 1.2px, transparent 1.4px); background-size: 11px 11px; }
.ow-showroom .shot-halftone .pa { top: 12%; left: 10%; width: 48%; height: 40%; background: #fff; border: 3px solid #14110F; border-radius: 0; }
.ow-showroom .shot-halftone .pb { top: 12%; left: 64%; width: 26%; height: 40%; background: #2364D2; border: 3px solid #14110F; border-radius: 0; }
.ow-showroom .shot-halftone .pc { top: 60%; left: 10%; width: 80%; height: 28%; background: #FFC91F; border: 3px solid #14110F; border-radius: 0; transform: rotate(-1deg); box-shadow: 4px 4px 0 #14110F; }
.ow-showroom .shot-meridian { background: #F4FAF8; }
.ow-showroom .shot-meridian .hd { top: 12%; left: 22%; width: 12%; aspect-ratio: 1; height: auto; background: #DCEFEC; border: 1.5px solid #0E7C7B; border-radius: 50%; }
.ow-showroom .shot-meridian .tr { top: 32%; left: 19%; width: 18%; height: 34%; background: #DCEFEC; border: 1.5px solid #0E7C7B; border-radius: 8px 8px 4px 4px; }
.ow-showroom .shot-meridian .h1, .ow-showroom .shot-meridian .h2 { width: 8px; height: 8px; background: #0E7C7B; border-radius: 50%; }
.ow-showroom .shot-meridian .h1 { top: 38%; left: 26%; }
.ow-showroom .shot-meridian .h2 { top: 52%; left: 26%; }
.ow-showroom .shot-meridian .dc { top: 20%; left: 48%; width: 40%; height: 56%; background: #fff; border: 1px solid rgba(19,59,76,.15); border-radius: 8px; box-shadow: 0 8px 20px rgba(19,59,76,.08); }
.ow-showroom .shot-meridian .db { top: 28%; left: 53%; width: 24%; height: 7px; background: #0E7C7B; border-radius: 3px; }
.ow-showroom .shot-vantage { background: linear-gradient(165deg, #0B1B33, #12294B); }
.ow-showroom .shot-vantage .g1, .ow-showroom .shot-vantage .g2, .ow-showroom .shot-vantage .g3 { top: 24%; width: 24%; height: 46%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); border-radius: 8px; backdrop-filter: blur(3px); }
.ow-showroom .shot-vantage .g1 { left: 10%; }
.ow-showroom .shot-vantage .g2 { left: 38%; top: 30%; }
.ow-showroom .shot-vantage .g3 { left: 66%; }
.ow-showroom .shot-vantage .gl { top: 16%; left: 10%; width: 34%; height: 8px; background: #7FB4FF; border-radius: 3px; opacity: .9; }
.ow-showroom .shot-airwave { background: #14121A; }
.ow-showroom .shot-airwave .pl { top: 30%; left: 8%; width: 17%; aspect-ratio: 1; height: auto; background: #F2A33C; border-radius: 50%; }
.ow-showroom .shot-airwave .w1, .ow-showroom .shot-airwave .w2, .ow-showroom .shot-airwave .w3, .ow-showroom .shot-airwave .w4, .ow-showroom .shot-airwave .w5, .ow-showroom .shot-airwave .w6 { bottom: 28%; width: 5%; background: linear-gradient(180deg, #C4457E, #F2A33C); border-radius: 2px; }
.ow-showroom .shot-airwave .w1 { left: 34%; height: 20%; }
.ow-showroom .shot-airwave .w2 { left: 42%; height: 38%; }
.ow-showroom .shot-airwave .w3 { left: 50%; height: 26%; }
.ow-showroom .shot-airwave .w4 { left: 58%; height: 44%; }
.ow-showroom .shot-airwave .w5 { left: 66%; height: 30%; }
.ow-showroom .shot-airwave .w6 { left: 74%; height: 18%; }
.ow-showroom .shot-evermore { background: #FBF7F2; }
.ow-showroom .shot-evermore .rg { top: 14%; left: 36%; width: 28%; aspect-ratio: 1; height: auto; border: 1.5px solid #D89A9A; border-radius: 50%; background: transparent; }
.ow-showroom .shot-evermore .t1 { top: 58%; left: 30%; width: 40%; height: 9px; background: #3A3230; border-radius: 2px; opacity: .8; }
.ow-showroom .shot-evermore .t2 { top: 72%; left: 38%; width: 24%; height: 6px; background: #B99155; border-radius: 2px; }
.ow-showroom .shot-footers { background: #0E1214; }
.ow-showroom .shot-footers .f1, .ow-showroom .shot-footers .f2, .ow-showroom .shot-footers .f3 { left: 10%; width: 80%; border-radius: 4px; }
.ow-showroom .shot-footers .f1 { top: 12%; height: 22%; background: #101823; border: 1px solid rgba(139,151,155,.3); }
.ow-showroom .shot-footers .f2 { top: 40%; height: 22%; background: #F6F1E7; }
.ow-showroom .shot-footers .f3 { top: 68%; height: 22%; background: linear-gradient(160deg, #0B1B33, #123054); border: 1px solid rgba(127,180,255,.35); }
.ow-showroom .shot-footers .fl { top: 18%; left: 15%; width: 22%; height: 7px; background: #5EA8FF; border-radius: 2px; }
.ow-showroom .shot-broadsheet { background: #FAF8F4; }
.ow-showroom .shot-broadsheet .b1 { top: 10%; left: 14%; width: 72%; height: 10%; background: #1C1B18; }
.ow-showroom .shot-broadsheet .b2 { top: 28%; left: 14%; width: 44%; height: 46%; background: repeating-linear-gradient(180deg, #E4DECF 0 6px, transparent 6px 11px); }
.ow-showroom .shot-broadsheet .b3 { top: 28%; left: 62%; width: 24%; height: 20%; background: #B0322B; }
.ow-showroom .shot-broadsheet .b4 { top: 52%; left: 62%; width: 24%; height: 22%; background: repeating-linear-gradient(180deg, #D9D2C0 0 5px, transparent 5px 10px); }
.ow-showroom .shot-gather { background: #FDF9F3; }
.ow-showroom .shot-gather .g1 { top: 16%; left: 12%; width: 76%; height: 16%; background: #2F5D50; border-radius: 999px; }
.ow-showroom .shot-gather .g2 { top: 20%; left: 15%; width: 46%; height: 8%; background: linear-gradient(90deg, #E8B04B, #C96F4A); border-radius: 999px; }
.ow-showroom .shot-gather .g3 { top: 46%; left: 12%; width: 22%; height: 34%; background: #FFFFFF; border: 1px solid rgba(51,48,43,.18); border-top: 4px solid #C96F4A; border-radius: 6px; }
.ow-showroom .shot-gather .g4 { top: 46%; left: 39%; width: 22%; height: 34%; background: #FFFFFF; border: 1px solid rgba(51,48,43,.18); border-top: 4px solid #E8B04B; border-radius: 6px; }
.ow-showroom .shot-gather .g5 { top: 46%; left: 66%; width: 22%; height: 34%; background: #FFFFFF; border: 1px solid rgba(51,48,43,.18); border-top: 4px solid #2F5D50; border-radius: 6px; }
.ow-showroom .shot-forge { background: #17181A; }
.ow-showroom .shot-forge .fg1 { top: 14%; left: 12%; width: 50%; height: 14%; background: #F0EEE9; }
.ow-showroom .shot-forge .fg2 { top: 34%; left: 12%; width: 76%; height: 12%; background: #1F2124; border-left: 4px solid #E8352E; }
.ow-showroom .shot-forge .fg3 { top: 50%; left: 12%; width: 76%; height: 12%; background: #1F2124; border-left: 4px solid #E8352E; }
.ow-showroom .shot-forge .fg4 { top: 66%; left: 12%; width: 76%; height: 12%; background: #1F2124; border-left: 4px solid #E8352E; }
.ow-showroom .shot-sojourn { background: #FAF7F1; }
.ow-showroom .shot-sojourn .s1 { top: 14%; left: 20%; width: 60%; height: 12%; background: #2B2B26; }
.ow-showroom .shot-sojourn .s2 { top: 34%; left: 12%; width: 76%; height: 22%; background: #FFFFFF; border: 1px solid rgba(43,43,38,.16); box-shadow: 0 8px 18px rgba(43,43,38,.12); }
.ow-showroom .shot-sojourn .s3 { top: 64%; left: 12%; width: 22%; height: 22%; background: linear-gradient(165deg, #E8E4D5, #9FAF97); }
.ow-showroom .shot-sojourn .s4 { top: 64%; left: 39%; width: 22%; height: 22%; background: linear-gradient(165deg, #EAE6DC, #8FA3AC); }
.ow-showroom .shot-sojourn .s5 { top: 64%; left: 66%; width: 22%; height: 22%; background: linear-gradient(175deg, #F0E7D6, #B79A6C); }
.ow-showroom .shot-keynote { background: #F4F5FB; }
.ow-showroom .shot-keynote .k1 { top: 12%; left: 12%; width: 42%; height: 22%; background: #2B3CFF; border-radius: 8px; }
.ow-showroom .shot-keynote .k2 { top: 44%; left: 12%; width: 76%; height: 12%; background: #FFFFFF; border: 1px solid rgba(20,22,43,.14); border-left: 5px solid #2B3CFF; border-radius: 6px; }
.ow-showroom .shot-keynote .k3 { top: 60%; left: 12%; width: 76%; height: 12%; background: #FFFFFF; border: 1px solid rgba(20,22,43,.14); border-left: 5px solid #FF5F45; border-radius: 6px; }
.ow-showroom .shot-keynote .k4 { top: 76%; left: 12%; width: 76%; height: 12%; background: #FFFFFF; border: 1px solid rgba(20,22,43,.14); border-left: 5px solid #0FA36B; border-radius: 6px; }
.ow-showroom .shot-aperture { background: #FCFCFC; }
.ow-showroom .shot-aperture .a1 { top: 12%; left: 12%; width: 23%; height: 42%; background: linear-gradient(180deg, #D8DEE4 55%, #2C343B 58%); }
.ow-showroom .shot-aperture .a2 { top: 12%; left: 39%; width: 23%; height: 30%; background: radial-gradient(120% 90% at 50% 108%, #E8B04B 22%, #8A4A55 55%, #1E2233); }
.ow-showroom .shot-aperture .a3 { top: 12%; left: 66%; width: 22%; height: 50%; background: linear-gradient(180deg, #C4D3D8 62%, #5E7E86 64%); }
.ow-showroom .shot-aperture .a4 { top: 58%; left: 12%; width: 23%; height: 30%; background: linear-gradient(230deg, #10131A, #3A567C); }
.ow-showroom .shot-aperture .a5 { top: 46%; left: 39%; width: 23%; height: 42%; background: linear-gradient(200deg, #F1E4D2 40%, #9C6B4F); }
.ow-showroom .shot-encore { background: #120F14; }
.ow-showroom .shot-encore .e1 { top: 12%; left: 16%; width: 68%; height: 26%; background: radial-gradient(60% 80% at 50% 40%, rgba(160,107,255,.5), transparent 70%); }
.ow-showroom .shot-encore .e2 { top: 20%; left: 26%; width: 48%; height: 12%; background: #F1EBDD; }
.ow-showroom .shot-encore .e3 { top: 48%; left: 16%; width: 68%; height: 10%; background: #1B171F; border: 1px solid rgba(142,135,151,.3); }
.ow-showroom .shot-encore .e4 { top: 62%; left: 16%; width: 68%; height: 10%; background: #1B171F; border: 1px solid rgba(142,135,151,.3); }
.ow-showroom .shot-encore .e5 { top: 65%; left: 22%; width: 30%; height: 3px; background: #A06BFF; }
.ow-showroom .shot-counsel { background: #FBFBF9; }
.ow-showroom .shot-counsel .c1 { top: 14%; left: 14%; width: 56%; height: 12%; background: #1B2A41; }
.ow-showroom .shot-counsel .c2 { top: 32%; left: 14%; width: 34%; height: 4px; background: #8C6A3F; }
.ow-showroom .shot-counsel .c3 { top: 44%; left: 14%; width: 22%; height: 36%; background: #FFFFFF; border: 1px solid rgba(27,42,65,.16); border-top: 3px solid #8C6A3F; }
.ow-showroom .shot-counsel .c4 { top: 44%; left: 40%; width: 22%; height: 36%; background: #FFFFFF; border: 1px solid rgba(27,42,65,.16); border-top: 3px solid #8C6A3F; }
.ow-showroom .shot-counsel .c5 { top: 44%; left: 66%; width: 22%; height: 36%; background: #1B2A41; border-top: 3px solid #8C6A3F; }
.ow-showroom /* Hover veil with actions, .ow-showroom like a theme browser */
.veil {
	position: absolute; inset: 0;
	display: grid; place-items: center;
	background: rgba(10, 15, 17, 0.55);
	opacity: 0;
	transition: opacity .18s ease;
}
.ow-showroom .card:hover .veil, .ow-showroom .card:focus-within .veil { opacity: 1; }
.ow-showroom .veil span {
	background: var(--orange);
	color: #140b05;
	font-weight: 600;
	font-size: 14px;
	padding: 11px 22px;
	border-radius: 6px;
}
.ow-showroom .meta { padding: 18px 20px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ow-showroom .meta h2 { margin: 0 0 3px; font-size: 17px; color: var(--heading); font-weight: 600; }
.ow-showroom .meta p { margin: 0; font-size: 13px; color: var(--muted); }
.ow-showroom .tag {
	font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase;
	color: var(--cyan);
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 4px 10px;
	white-space: nowrap;
}
@media (max-width: 600px) {
.ow-showroom .toolbar { flex-direction: column; align-items: flex-start; }
}

/* promoted themes */
.ow-showroom .tag-full { background: #6fd394; color: #060a0c; border-color: #6fd394; font-weight: 700; margin-right: 6px; }
.ow-showroom .chip-full { border-color: color-mix(in srgb, #6fd394 55%, transparent); color: #6fd394; }
.ow-showroom .chip-full.on, .ow-showroom .chip-full[aria-pressed="true"] { border-color: #6fd394; color: #6fd394; }

/* gloss */
.ow-showroom .shot-gloss { background: #FAF8F5; }
.ow-showroom .shot-gloss::before {
content: ""; position: absolute; inset: -20% -15% auto;
height: 75%;
background:
radial-gradient(42% 58% at 24% 45%, #E7C6B8, transparent 70%),
radial-gradient(40% 56% at 62% 38%, #C9A87C, transparent 72%),
radial-gradient(36% 50% at 86% 55%, #A8BBAE, transparent 70%);
filter: blur(26px);
opacity: .55;
}
.ow-showroom .shot-gloss .h { top: 22%; left: 14%; width: 44%; height: 10px; background: #24201D; border-radius: 5px; }
.ow-showroom .shot-gloss .h2 { top: 35%; left: 14%; width: 26%; height: 7px; background: #C9A87C; border-radius: 4px; }
.ow-showroom .shot-gloss .c1, .ow-showroom .shot-gloss .c2, .ow-showroom .shot-gloss .c3 {
top: 54%; width: 21%; height: 32%;
background: rgba(255,255,255,.6);
border: 1px solid rgba(255,255,255,.85);
box-shadow: 0 10px 22px rgba(36,32,29,.12);
border-radius: 12px;
backdrop-filter: blur(4px);
}
.ow-showroom .shot-gloss .c1 { left: 14%; }
.ow-showroom .shot-gloss .c2 { left: 39.5%; }
.ow-showroom .shot-gloss .c3 { left: 65%; }
.ow-showroom .shot-gloss .c1::before, .ow-showroom .shot-gloss .c2::before, .ow-showroom .shot-gloss .c3::before {
content: ""; position: absolute; left: 50%; top: 18%; transform: translateX(-50%);
width: 26%; height: 44%; border-radius: 4px 4px 6px 6px;
}
.ow-showroom .shot-gloss .c1::before { background: #E7C6B8; }
.ow-showroom .shot-gloss .c2::before { background: #C9A87C; }
.ow-showroom .shot-gloss .c3::before { background: #A8BBAE; }