@import url('/reelmerce-brand.css');
@import url('/discountiq.css');
@import url('/discountiq-additions.css');

/* Reelmerce product pages — extends the Aapview Labs product system */
.sv-accent{color:#7C8CFF}
.sv-hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 76% 22%,rgba(124,140,255,.18),transparent 31%),
  radial-gradient(circle at 86% 72%,rgba(24,213,200,.08),transparent 26%),
  linear-gradient(180deg,#0B1020,#090E1A);color:#fff;padding:80px 0 90px}
.sv-hero:before{content:'';position:absolute;inset:0;background-image:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:40px 40px;pointer-events:none}
.sv-hero-grid{position:relative;display:grid;grid-template-columns:.86fr 1.14fr;gap:60px;align-items:center}
.sv-hero h1{font:600 clamp(48px,6.4vw,76px)/.98 var(--font-display);letter-spacing:-.062em;margin:20px 0 22px}
.sv-hero h1 span{color:#7C8CFF}
.sv-hero-copy>p{font-size:17px;line-height:1.72;color:#A0ACC0;max-width:590px;margin:0}
.sv-kicker{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#7E8CA4}
.sv-kicker i{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 9px rgba(24,213,200,.7)}
.sv-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}
.sv-chips span{padding:7px 9px;border:1px solid #2B374C;border-radius:6px;color:#7E8BA1;background:#0D1422;font-size:8px;font-weight:800;letter-spacing:.07em}
.sv-stage{position:relative;padding:18px;border-radius:24px;background:linear-gradient(145deg,#202A40,#0D1423);border:1px solid rgba(255,255,255,.15);box-shadow:inset 1px 1px 0 rgba(255,255,255,.07),0 12px 0 #060A12,0 28px 58px rgba(0,0,0,.38)}
.sv-stage-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 15px;border-bottom:1px solid rgba(255,255,255,.07);font-size:7px;font-weight:800;letter-spacing:.11em;color:#6B7A92}
.sv-stage-head span:last-child{display:flex;align-items:center;gap:7px}.sv-stage-head i{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 8px rgba(24,213,200,.75)}
.sv-screen{margin-top:16px;padding:16px;border-radius:14px;background:#08111D;border:1px solid #2C394D;box-shadow:inset 0 8px 24px rgba(0,0,0,.65)}
.sv-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sv-reel{position:relative;min-height:255px;border-radius:14px;overflow:hidden;border:1px solid #26364B;background:
  radial-gradient(circle at 58% 18%,rgba(124,140,255,.34),transparent 27%),
  linear-gradient(160deg,#172641,#0B1321 54%,#0C1825)}
.sv-reel:nth-child(2){background:radial-gradient(circle at 40% 24%,rgba(24,213,200,.28),transparent 26%),linear-gradient(160deg,#142438,#0A1420 58%,#0C1723)}
.sv-reel:nth-child(3){background:radial-gradient(circle at 65% 28%,rgba(74,114,255,.25),transparent 30%),linear-gradient(160deg,#1A2038,#0A1220 58%,#111827)}
.sv-reel:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(4,9,16,.88) 100%)}
.sv-play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(11,16,32,.74);color:#fff;font-size:14px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.sv-reel-info{position:absolute;left:13px;right:13px;bottom:12px;z-index:1}
.sv-reel-info strong{display:block;font:600 11px var(--font-display);color:#F3F6FC}.sv-reel-info span{display:block;margin-top:4px;color:#8796AB;font-size:8px}
.sv-stage-foot{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding:0 2px;color:#65758D;font-size:7px;font-weight:800;letter-spacing:.09em}
.sv-stage-foot span{display:flex;align-items:center;gap:6px}.sv-stage-foot i{width:5px;height:5px;border-radius:50%;background:var(--aqua);box-shadow:0 0 6px rgba(24,213,200,.55)}
.sv-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sv-feature{padding:24px;border:1px solid #DAE1EA;border-radius:16px;background:linear-gradient(145deg,#FFF,#EEF2F7);box-shadow:inset 1px 1px 0 #FFF,0 5px 0 #D7DDE6,0 12px 24px rgba(18,31,52,.06)}
.sv-feature b{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#E9EEF5;color:#60708A;font:700 9px var(--font-display);margin-bottom:20px}
.sv-feature h3{font:600 19px var(--font-display);letter-spacing:-.03em;margin:0 0 9px}.sv-feature p{font-size:13px;line-height:1.65;color:#68768B;margin:0}
.sv-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sv-template{padding:20px;border:1px solid #263246;border-radius:13px;background:linear-gradient(180deg,#121B2C,#0B1321);min-height:142px}
.sv-template small{font-size:7px;color:#61708A;font-weight:800;letter-spacing:.1em}.sv-template h3{font:600 16px var(--font-display);margin:14px 0 8px}.sv-template p{font-size:12px;line-height:1.58;color:#8996AA;margin:0}
.sv-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sv-mode{padding:24px;border:1px solid #DCE2EB;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(17,31,52,.05)}
.sv-mode .sv-mode-label{display:inline-flex;padding:6px 8px;border-radius:6px;background:#EEF2FF;color:#4057C8;font-size:8px;font-weight:800;letter-spacing:.08em}
.sv-mode h3{font:600 19px var(--font-display);letter-spacing:-.03em;margin:14px 0 8px}.sv-mode p{font-size:13px;line-height:1.65;color:#647287;margin:0}.sv-mode small{display:block;margin-top:15px;color:#8A96A8;font-size:10px;line-height:1.5}
.sv-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.sv-flow-step{padding:17px 15px;border:1px solid #263246;border-radius:12px;background:linear-gradient(180deg,#121B2C,#0B1321);min-height:138px}
.sv-flow-step small{font-size:7px;color:#61708A;font-weight:800;letter-spacing:.1em}.sv-flow-step strong{display:block;margin-top:12px;font:600 13px/1.35 var(--font-display);color:#E6ECF6}.sv-flow-step p{font-size:10.5px;line-height:1.55;color:#7F8DA3;margin:8px 0 0}
.sv-analytics-panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;align-items:center}
.sv-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sv-metric{padding:18px;border:1px solid #DCE2EB;border-radius:13px;background:#F9FBFD}.sv-metric small{font-size:8px;letter-spacing:.09em;font-weight:800;color:#8490A2}.sv-metric strong{display:block;margin-top:8px;font:600 24px var(--font-display);color:#172033}.sv-metric span{display:block;margin-top:5px;font-size:10px;color:#7A879A}
.sv-analytics-copy h2{font:600 clamp(30px,3.8vw,44px)/1.14 var(--font-display);letter-spacing:-.04em;margin:12px 0}.sv-analytics-copy p{font-size:14px;line-height:1.7;color:#66748A;margin:0}.sv-analytics-copy .dq-callout{margin-top:20px}
.sv-resource-meta{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(120px,.45fr) minmax(170px,.7fr);gap:1px;max-width:880px;margin-top:30px;border:1px solid rgba(255,255,255,.1);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.06)}
.sv-resource-meta>div{min-height:72px;padding:14px 16px;background:rgba(7,13,24,.45);display:flex;flex-direction:column;justify-content:center;gap:6px}.sv-resource-meta small{font-size:7px;letter-spacing:.12em;font-weight:800;color:#6E7D94}.sv-resource-meta strong{font-size:11px;line-height:1.45;font-weight:600;color:#D7DFEC}
.sv-note{padding:17px 18px;margin:22px 0;border-left:3px solid #7C8CFF;border-radius:8px;background:#F1F3FF;color:#526175;font-size:13px;line-height:1.65}.sv-note strong{color:#2E3B79}
.sv-warning{padding:17px 18px;margin:22px 0;border-left:3px solid #D8A11A;border-radius:8px;background:#FFF9E9;color:#665B3B;font-size:13px;line-height:1.65}.sv-warning strong{color:#6A5313}
.sv-doc-table td:first-child{width:27%}
.sv-scope-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.sv-scope-list code{padding:7px 9px;border:1px solid #DCE2EB;border-radius:7px;background:#F5F7FA;color:#40506A;font:600 11px var(--font-ui)}
.sv-footer-links{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:50px}
@media(max-width:1050px){.sv-flow{grid-template-columns:repeat(3,1fr)}.sv-template-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sv-hero-grid{grid-template-columns:1fr;gap:42px}.sv-stage{max-width:760px}.sv-feature-grid{grid-template-columns:1fr 1fr}.sv-modes{grid-template-columns:1fr}.sv-analytics-panel{grid-template-columns:1fr}.sv-resource-meta{grid-template-columns:1fr 120px 170px}}
@media(max-width:640px){.sv-hero{padding:58px 0 64px}.sv-hero h1{font-size:clamp(43px,13vw,58px)}.sv-hero-copy>p{font-size:15px}.sv-reels{grid-template-columns:repeat(3,155px);overflow-x:auto;padding-bottom:7px}.sv-reel{min-height:230px}.sv-feature-grid,.sv-template-grid,.sv-flow,.sv-metrics{grid-template-columns:1fr}.sv-resource-meta{grid-template-columns:1fr;margin-top:24px}.sv-resource-meta>div{min-height:58px}.sv-stage-foot{flex-direction:column;align-items:flex-start}.sv-footer-links{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.sv-reel{scroll-behavior:auto}}
/* Reelmerce v2.0 product-system additions */
.rm-proof{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:34px;align-items:center}
.rm-proof-copy h2,.rm-feature-copy h2,.rm-pricing-head h2{font:600 clamp(31px,4vw,46px)/1.08 var(--font-display);letter-spacing:-.045em;margin:10px 0 14px}
.rm-proof-copy p,.rm-feature-copy p,.rm-pricing-head p{font-size:14px;line-height:1.72;color:#67758a;margin:0}
.rm-shot{padding:12px;border:1px solid #d7dee8;border-radius:18px;background:linear-gradient(145deg,#fff,#edf1f6);box-shadow:inset 1px 1px 0 #fff,0 7px 0 #d8dee7,0 18px 42px rgba(19,32,52,.12)}
.rm-shot img{display:block;width:100%;height:auto;border-radius:11px;border:1px solid #d4dae4;background:#fff}
.rm-shot figcaption{padding:11px 5px 2px;color:#7b8798;font-size:10px;line-height:1.45}
.rm-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rm-cap{padding:24px;border-radius:16px;border:1px solid #dce2eb;background:#fff;box-shadow:0 7px 22px rgba(21,33,53,.05)}
.rm-cap small{font-size:8px;letter-spacing:.11em;font-weight:800;color:#6f7f96}
.rm-cap h3{font:600 18px/1.2 var(--font-display);letter-spacing:-.03em;margin:12px 0 8px}
.rm-cap p{font-size:12.5px;line-height:1.62;color:#6c798c;margin:0}
.rm-feature-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:start}
.rm-feature-stack{display:grid;gap:12px}
.rm-feature-row{display:grid;grid-template-columns:132px 1fr;gap:18px;padding:19px 20px;border:1px solid #263246;border-radius:13px;background:linear-gradient(180deg,#121b2c,#0b1321)}
.rm-feature-row strong{font:600 13px var(--font-display);color:#edf2fa}
.rm-feature-row span{font-size:11.5px;line-height:1.55;color:#8897ac}
.rm-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.rm-plan{position:relative;padding:24px 20px 21px;border:1px solid #dce2eb;border-radius:16px;background:linear-gradient(145deg,#fff,#f0f3f7);box-shadow:inset 1px 1px 0 #fff,0 5px 0 #d9dfe8,0 12px 28px rgba(17,31,52,.07)}
.rm-plan.featured{border-color:#8aa0ff;box-shadow:inset 1px 1px 0 #fff,0 5px 0 #8398ef,0 15px 34px rgba(54,80,190,.15)}
.rm-plan-badge{display:inline-flex;padding:5px 7px;border-radius:999px;background:#eef1ff;color:#4256be;font-size:7px;font-weight:800;letter-spacing:.08em}
.rm-plan h3{font:600 18px var(--font-display);margin:14px 0 3px}
.rm-price{font:600 30px var(--font-display);letter-spacing:-.04em;color:#182135}
.rm-price span{font-size:11px;font-weight:600;color:#758196;letter-spacing:0}
.rm-plan ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px}
.rm-plan li{position:relative;padding-left:15px;font-size:11.5px;line-height:1.45;color:#68758a}
.rm-plan li:before{content:'•';position:absolute;left:0;color:#496cff}
.rm-plan-note{margin-top:12px;font-size:10px;color:#8a96a8}
.rm-metric-band{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.rm-metric{padding:18px;border:1px solid #dce2eb;border-radius:13px;background:#f9fbfd}
.rm-metric small{font-size:7px;letter-spacing:.1em;font-weight:800;color:#8490a2}.rm-metric strong{display:block;margin-top:8px;font:600 15px var(--font-display);color:#172033}.rm-metric span{display:block;margin-top:5px;font-size:9.5px;line-height:1.45;color:#7a879a}
.rm-doc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 26px}
.rm-doc-card{padding:17px;border:1px solid #dce2eb;border-radius:12px;background:#fafbfd}
.rm-doc-card h4{font:600 13px var(--font-display);margin:0 0 8px}.rm-doc-card p{font-size:12px;line-height:1.6;color:#6c798c;margin:0}
.rm-inline-pills{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 20px}.rm-inline-pills span{padding:6px 8px;border-radius:6px;background:#eef2f8;border:1px solid #dce2eb;font-size:10px;color:#526176;font-weight:650}
.rm-subtle{font-size:11px!important;color:#8a96a8!important}
.rm-data-table td:first-child{width:32%}
.rm-kpi{display:inline-flex;align-items:center;gap:7px}.rm-kpi i{width:6px;height:6px;border-radius:50%;background:#18d5c8;box-shadow:0 0 8px rgba(24,213,200,.55)}
.rm-no-social{margin-top:22px;padding:16px 18px;border-radius:10px;border:1px solid #dce2eb;background:#f7f9fc;color:#5f6d82;font-size:12px;line-height:1.6}
.rm-no-social strong{color:#263247}
@media(max-width:1050px){.rm-plan-grid{grid-template-columns:1fr 1fr}.rm-metric-band{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.rm-proof,.rm-feature-split{grid-template-columns:1fr}.rm-cap-grid{grid-template-columns:1fr 1fr}.rm-metric-band{grid-template-columns:1fr 1fr}.rm-feature-row{grid-template-columns:120px 1fr}}
@media(max-width:640px){.rm-cap-grid,.rm-plan-grid,.rm-metric-band,.rm-doc-grid-2{grid-template-columns:1fr}.rm-feature-row{grid-template-columns:1fr;gap:7px}.rm-shot{padding:8px;border-radius:14px}.rm-plan{padding:21px 18px}}

/* Hero storefront mock now mirrors the product-card structure used by Reelmerce. */
.sv-product-card{display:flex;flex-direction:column;min-height:292px;background:#f7f8fa;border-color:#314158;box-shadow:0 12px 26px rgba(0,0,0,.2)}
.sv-product-card:before{display:none}
.sv-product-media{position:relative;flex:1;min-height:205px;overflow:hidden;background:#121b2a}
.sv-product-media:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(6,10,18,.03),rgba(6,10,18,.10) 48%,rgba(6,10,18,.44))}
.sv-product-media:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 -48px 70px rgba(3,7,14,.14)}
.sv-product-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015);transition:transform .45s ease,filter .45s ease}
.sv-card-art{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;transform:scale(1.01);transition:transform .45s ease,filter .45s ease}
.sv-product-card:hover .sv-card-art{transform:scale(1.045);filter:saturate(1.04) contrast(1.02)}

.sv-product-card:hover .sv-product-media img{transform:scale(1.055);filter:saturate(1.04) contrast(1.02)}
.sv-product-media.media-wellness img{object-position:center 48%}
.sv-product-media.media-lifestyle img{object-position:center 55%}
.sv-product-media.media-fitness img{object-position:center 36%}
.sv-media-label{position:absolute;top:10px;left:10px;z-index:3;padding:5px 7px;border-radius:999px;background:rgba(7,13,23,.76);border:1px solid rgba(255,255,255,.16);font-size:6px;font-weight:800;letter-spacing:.09em;color:#eef3fa;backdrop-filter:blur(7px)}
.sv-media-hook{position:absolute;left:10px;bottom:10px;z-index:3;padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.90);color:#182131;font-size:6px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;box-shadow:0 5px 16px rgba(0,0,0,.16)}
.sv-product-card .sv-play{left:50%;top:49%;z-index:3;width:38px;height:38px;background:rgba(8,14,24,.72);border-color:rgba(255,255,255,.42);backdrop-filter:blur(7px);box-shadow:0 7px 20px rgba(0,0,0,.24)}
.sv-product-dock{display:grid;gap:9px;padding:10px;background:#fff;color:#151b26;border-top:1px solid #dde2e8}
.sv-product-dock>div{min-width:0}
.sv-product-dock strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 10px var(--font-display);color:#161d29}
.sv-product-dock span{display:block;margin-top:3px;font-size:8px;color:#657186}
.sv-product-dock button{appearance:none;width:100%;border:0;border-radius:7px;padding:8px 7px;background:linear-gradient(180deg,#178843,#126c35);color:#fff;font:700 8px var(--font-ui);pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 10px rgba(18,108,53,.18)}
@media(max-width:640px){
  .sv-product-card{min-height:270px}
  .sv-product-media{min-height:188px}
}

/* Crisp Widget Studio UI preview: replaces the previous low-resolution screenshot. */
.rm-ui-shot{overflow:hidden}
.rm-ui-preview{display:grid;grid-template-columns:96px 1fr;min-height:430px;border:1px solid #d6dde7;border-radius:12px;overflow:hidden;background:#f7f8fa;font-family:Inter,Arial,sans-serif;color:#1c2430}
.rm-ui-sidebar{display:flex;flex-direction:column;gap:12px;padding:14px 10px;background:#0b0b0d;color:#aeb4bd;font-size:8px}
.rm-ui-sidebar .rm-ui-shopify{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#26b84b;color:#fff;font-weight:800;font-size:10px;margin-bottom:6px}
.rm-ui-sidebar i{display:block;height:7px;border-radius:4px;background:#2a2b2f}
.rm-ui-sidebar strong{font-size:8px;color:#f2f3f5;margin-top:5px}
.rm-ui-sidebar span{padding:7px 8px;border-radius:7px}
.rm-ui-sidebar span.active{background:#343437;color:#fff;font-weight:700}
.rm-ui-app{min-width:0;background:#fff}
.rm-ui-topbar{height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid #e5e8ed;font-size:9px}
.rm-ui-topbar>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #dfe3e8;font-size:15px}
.rm-ui-topbar strong{font-size:10px}
.rm-ui-topbar b{margin-left:auto;padding:7px 10px;border-radius:999px;background:#181a1d;color:#fff;font-size:7px}
.rm-ui-tabs{display:flex;gap:4px;padding:13px 14px 10px;background:#fbfbfc}
.rm-ui-tabs span{padding:7px 9px;border-radius:7px;font-size:7px;color:#566171}
.rm-ui-tabs span.active{background:#fff;border:1px solid #e0e4ea;box-shadow:0 1px 2px rgba(15,23,42,.08);color:#18202b;font-weight:700}
.rm-ui-workspace{display:grid;grid-template-columns:44% 56%;gap:10px;padding:0 14px 14px}
.rm-ui-template-panel,.rm-ui-live-panel{border:1px solid #dfe3e8;border-radius:10px;background:#fff;overflow:hidden}
.rm-ui-panel-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:11px 12px 8px}
.rm-ui-panel-head strong{font-size:9px}.rm-ui-panel-head span{font-size:6px;padding:5px 7px;border-radius:999px;background:#f2f4f7;color:#657181}
.rm-ui-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 9px 10px}
.rm-ui-template{min-width:0;padding:7px;border:1px solid #e1e5eb;border-radius:8px;background:#fff}
.rm-ui-template.selected{border-color:#4b74ff;box-shadow:inset 0 0 0 1px rgba(75,116,255,.12)}
.rm-ui-template em{display:block;height:46px;border-radius:6px;margin-bottom:7px;background:#e8edf3;position:relative;overflow:hidden}
.rm-ui-template em:before,.rm-ui-template em:after{content:'';position:absolute;bottom:5px;width:22%;height:70%;border-radius:3px;background:rgba(255,255,255,.9)}
.rm-ui-template em:before{left:10%}.rm-ui-template em:after{right:10%}
.rm-ui-template em.tone-a{background:linear-gradient(135deg,#f2d7c2,#cfdbe5)}
.rm-ui-template em.tone-b{background:linear-gradient(135deg,#f1dfb7,#d0e3d9)}
.rm-ui-template em.tone-c{background:linear-gradient(135deg,#cde5dd,#f0d7bf)}
.rm-ui-template em.tone-d{background:linear-gradient(135deg,#dce6f2,#d2d9e1)}
.rm-ui-template em.tone-e{background:linear-gradient(135deg,#111c2a,#1c4f57)}
.rm-ui-template em.tone-f{background:linear-gradient(135deg,#f2dbc6,#dbe5ec)}
.rm-ui-template strong{display:block;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-ui-template small{display:block;margin-top:3px;color:#7b8695;font-size:5.6px;line-height:1.25}
.rm-ui-live-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px;border-bottom:1px solid #e3e7ec}
.rm-ui-live-head small{display:block;font-size:5px;color:#8a94a1;font-weight:800;letter-spacing:.08em}.rm-ui-live-head strong{display:block;margin-top:3px;font-size:9px}
.rm-ui-device{display:flex;padding:2px;border:1px solid #dce1e7;border-radius:7px;background:#f6f7f9}
.rm-ui-device span{padding:5px 6px;font-size:5.5px;border-radius:5px;color:#6f7987}.rm-ui-device span.active{background:#fff;color:#1e2732;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.rm-ui-storefront{margin:10px;background:#fbfbfa;border:1px solid #e1e5e9;border-radius:8px;padding:8px}
.rm-ui-store-head strong{display:block;font-size:10px}.rm-ui-store-head small{display:block;color:#838d99;font-size:5.5px;margin-top:2px}
.rm-ui-reel-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
.rm-ui-reel-row article{overflow:hidden;border:1px solid #dde2e7;border-radius:7px;background:#fff}
.rm-ui-video{height:105px;display:grid;place-items:center;position:relative}
.rm-ui-video:before{content:'';position:absolute;width:28px;height:50px;border-radius:8px;background:rgba(255,255,255,.48);box-shadow:0 9px 18px rgba(0,0,0,.18)}
.rm-ui-video.v1{background:linear-gradient(145deg,#3f352c,#8b6f50)}
.rm-ui-video.v2{background:linear-gradient(145deg,#334253,#99785d)}
.rm-ui-video.v3{background:linear-gradient(145deg,#24303b,#7a858d)}
.rm-ui-video span{z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(13,19,27,.72);color:#fff;font-size:7px}
.rm-ui-product{padding:6px}.rm-ui-product strong{display:block;font-size:5.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-ui-product small{display:block;font-size:5.2px;color:#687485;margin:2px 0 5px}.rm-ui-product b{display:block;padding:5px 3px;border-radius:4px;background:#111;color:#fff;text-align:center;font-size:5.2px}
.rm-ui-live-foot{display:flex;gap:5px;align-items:center;padding:0 10px 10px}
.rm-ui-live-foot span{padding:5px 6px;border-radius:6px;background:#f2f4f7;color:#6d7785;font-size:5.3px}.rm-ui-live-foot b{margin-left:auto;padding:6px 8px;border-radius:6px;background:#222;color:#fff;font-size:5.5px}
.rm-ui-shot figcaption{padding-top:10px}
@media(max-width:1050px){.rm-ui-preview{grid-template-columns:82px 1fr}.rm-ui-workspace{grid-template-columns:42% 58%}}
@media(max-width:760px){
  .rm-ui-preview{grid-template-columns:1fr;min-height:auto}
  .rm-ui-sidebar{display:none}
  .rm-ui-workspace{grid-template-columns:1fr}
  .rm-ui-template-panel{display:none}
  .rm-ui-topbar b{display:none}
  .rm-ui-reel-row{gap:5px}
  .rm-ui-video{height:118px}
}