.x16-experience,.shared-features{margin-top:76px}.section-product{font-size:13px;color:#a5c9f6;margin-bottom:14px}
.experience-controls{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 16px}.experience-controls button,.move-tools button{border:1px solid #ffffff22;border-radius:7px;padding:10px 16px;min-height:44px;font-size:13px;color:var(--secondary);background:#121d29;transition:background-color .2s,border-color .2s}.experience-controls button[aria-pressed=true]{background:#213b56;color:#cce4ff;border-color:#5f9ddb}.experience-controls button:hover,.move-tools button:hover{border-color:#83b9f0;color:var(--text)}
.demo-frame{border:1px solid #3a4e63;border-radius:11px;overflow:hidden;background:#000}.demo-top{display:flex;align-items:center;gap:16px;min-height:47px;padding:8px 12px;background:#182736}.demo-top>img{width:53px;height:27px;object-fit:contain}.demo-cards{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#6885a6 transparent;flex:1;padding:1px 1px 5px}.demo-cards button{flex:none;font-size:10px;padding:4px 7px;border:1px solid #395063;border-radius:3px;min-height:27px;min-width:31px;color:#c0d1e4;white-space:nowrap}.demo-cards button.is-main{border-color:#61a8ff;background:#1d3b59;color:white}.demo-cards button.is-hidden{border-style:dashed;opacity:.5}.demo-top>button{font-size:10px;white-space:nowrap;min-height:32px;color:#a6bfd7}
.demo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:stretch}.demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-flow:dense;aspect-ratio:16/9;min-width:0;align-self:center;background:#000;overflow:hidden}.demo-tile{position:relative;min-width:0;min-height:0;overflow:hidden;background:black;border:1px solid #293c4e;isolation:isolate}.demo-tile img{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.demo-handle{position:absolute;inset:0 0 auto;z-index:1;text-align:left;font-size:10px;line-height:1.4;padding:5px 6px;color:#e2edf8;background:linear-gradient(#142738e8,#1427387a);cursor:grab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;min-height:27px;touch-action:pan-y}.demo-handle:active{cursor:grabbing}.demo-handle,.demo-cards button{-webkit-user-drag:element;user-select:none}
.demo-tile.drag-source{outline:3px solid #6eafff;outline-offset:-3px}.demo-tile.drop-target{outline:3px solid #b7df8f;outline-offset:-3px}.demo-tile.drag-source::after,.demo-tile.drop-target::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 20px #69b3ff66;pointer-events:none;z-index:2}.demo-tile.is-focus{grid-area:1/1/5/5!important}.demo-grid[data-mode=main-one] .demo-tile:first-child{grid-column:span 3;grid-row:span 3}.demo-grid[data-mode=main-two] .demo-tile:nth-child(-n+2){grid-column:span 2;grid-row:span 2}.demo-grid[data-mode=only-four]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.demo-chat{padding:12px;background:#0d151e;border-left:2px solid #304354;min-width:0;overflow:hidden}.demo-chat>label{display:block;font-size:11px;font-weight:650;margin-bottom:8px}.demo-chat select,.move-tools select{max-width:100%;font:inherit;font-size:11px;padding:7px 9px;border:1px solid #3d566e;border-radius:5px;background:#1b2c3c;color:#e4effa;min-height:36px}.demo-chat select{width:100%}.example-label{display:block;font-size:9px;letter-spacing:.02em;color:#8ba4bd;margin-top:16px}.demo-chat-content{padding-top:10px}.demo-chat-content p{font-size:11px;line-height:1.8;color:#b9ccdf;padding-block:9px}.demo-chat-content strong{display:block;color:#79b9fc;font-size:11px}.demo-status{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 12px;background:#182736;color:#93abc2;font-size:10px}
.move-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:17px}.move-tools label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--secondary)}.move-tools select{font-size:11px}.move-tools button{font-size:11px;padding:7px 11px;min-height:36px}.move-tools p{flex-basis:100%;font-size:11px;color:var(--muted)}.experience-note{font-size:11px;color:var(--muted);margin-top:12px}
.shared-features{padding-block:50px 0;border-top:1px solid var(--line)}.shared-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.shared-tabs button{min-height:44px;padding:10px 18px;border-radius:7px;background:#152130;border:1px solid #293f55;font-size:13px;color:var(--secondary);transition:background-color .2s,border-color .2s}.shared-tabs button[aria-selected=true]{background:#dbe9f9;border-color:#dbe9f9;color:#14273c}.shared-panel{display:grid;grid-template-columns:330px minmax(0,1fr);gap:65px;align-items:center;padding:28px 35px;background:#101923;border:1px solid var(--line);border-radius:16px}.shared-panel figure{max-width:100%;justify-self:center}.shared-panel figure img{width:auto;max-height:510px;max-width:100%;object-fit:contain;border:1px solid #ffffff12;border-radius:7px}.shared-panel figcaption{font-size:9px;color:var(--muted);margin-top:12px;max-width:310px;text-align:center}.shared-copy h3{font-size:28px;font-weight:600;line-height:1.35}.shared-copy>p{margin-top:15px;color:var(--secondary);font-size:14px;line-height:1.85}.product-differences{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:25px}.product-differences article{border-top:1px solid #38536b;padding-top:16px}.product-differences h4{font-size:14px;margin:0 0 10px}.product-differences p{font-size:12px;line-height:1.85;color:var(--secondary)}.shared-copy>.shared-note{font-size:11px;color:var(--muted);margin-top:23px}
@media(max-width:1000px){.demo-workspace{grid-template-columns:minmax(0,1fr) 180px}.shared-panel{grid-template-columns:260px minmax(0,1fr);gap:30px;padding:25px}.product-differences{grid-template-columns:1fr;gap:17px}.demo-chat-content p{font-size:10px}}
@media(max-width:700px){.x16-experience,.shared-features{margin-top:53px}.experience-controls{gap:6px}.experience-controls button{font-size:10px;padding:8px 10px;min-height:40px}.demo-top{gap:8px;padding:6px;min-height:39px}.demo-top>img{width:35px;height:21px}.demo-top>button{font-size:9px}.demo-workspace{grid-template-columns:minmax(0,1fr)}.demo-chat{border-left:0;border-top:1px solid #304354;padding:12px;display:grid;grid-template-columns:70px 1fr;gap:5px 10px;align-items:center}.demo-chat>label{margin:0}.example-label{margin:0;grid-column:1}.demo-chat-content{grid-column:2;grid-row:2/4;padding:0}.demo-chat-content p{display:none}.demo-chat-content p:first-child{display:block;padding:2px 0}.demo-chat-content strong{font-size:10px}.demo-handle{font-size:8px;min-height:20px;padding:3px}.demo-status{font-size:8px;padding:7px 8px;gap:8px}.move-tools{gap:9px}.move-tools label{font-size:10px;gap:5px}.move-tools select{max-width:92px;font-size:10px;padding:6px}.move-tools button{font-size:10px}.move-tools p,.experience-note{font-size:10px}.shared-features{padding-top:32px}.shared-tabs{gap:6px;flex-wrap:nowrap}.shared-tabs button{font-size:11px;padding:8px 10px;flex:1;white-space:nowrap}.shared-panel{grid-template-columns:1fr;padding:23px 20px;gap:26px}.shared-panel figure img{max-height:320px}.shared-panel figcaption{font-size:9px}.shared-copy h3{font-size:24px}.shared-copy>p{font-size:13px}.product-differences{grid-template-columns:1fr;gap:18px}.product-differences p{font-size:12px}.section-product{font-size:12px}}

/* Shared ad / notice controls: informational content, not a simulated player. */
.shared-panel [hidden]{display:none!important}
html[data-theme=light] .shared-panel{background:var(--surface)}
html[data-theme=light] .shared-tabs button{background:var(--surface-high);border-color:var(--line);color:var(--secondary)}
html[data-theme=light] .shared-tabs button[aria-selected=true]{background:#dbe9f9;border-color:#72a4d5;color:#14273c}
.blocking-overview{width:100%;padding:24px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.blocking-label{display:block;margin-bottom:10px;font-size:11px;color:var(--muted)}
.blocking-overview ul{list-style:none;padding:0;margin:0}
.blocking-overview li{display:flex;align-items:flex-start;gap:12px;padding:22px 0;border-bottom:1px solid var(--line)}
.blocking-overview li:last-child{border-bottom:0;padding-bottom:6px}
.blocking-check{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#58a4f220;color:var(--blue);font-size:14px}
.blocking-overview strong{font-size:15px;font-weight:600;line-height:1.6}
.blocking-overview li p{font-size:11px;line-height:1.8;color:var(--secondary);margin-top:6px}
@media(max-width:700px){.shared-tabs{flex-wrap:wrap}.shared-tabs button{flex:0 1 auto}.blocking-overview{padding:20px}.blocking-overview li{padding:18px 0}.blocking-overview strong{font-size:14px}}

.blocking-examples{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;padding-top:24px;border-top:1px solid var(--line);min-width:0}
.blocking-examples-label{grid-column:1/-1;font-size:12px;color:var(--secondary);margin:0}
.shared-panel .blocking-example{margin:0;min-width:0;width:100%;max-width:none;justify-self:stretch}
.blocking-example .screen-button{display:grid;place-items:center;width:100%;min-height:170px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.shared-panel .blocking-example img{display:block;width:auto;height:auto;max-width:100%;max-height:none;border:0;border-radius:10px}
.shared-panel .blocking-example figcaption{max-width:none;font-size:11px;margin-top:10px;line-height:1.6}
@media(max-width:700px){.blocking-examples{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:22px}.blocking-example .screen-button{min-height:0;padding:8px}}