.qs-plate{margin:0;display:grid;gap:var(--qs-space-3)}.qs-plate__field{position:absolute;inset:0;overflow:hidden}.qs-plate-box{position:relative;aspect-ratio:var(--qs-plate-ratio, 16 / 9);overflow:hidden;background:var(--qs-ink);border:1px solid var(--qs-rule, var(--qs-rule-base));--qs-text: var(--qs-paper);--qs-text-accent: var(--qs-teal)}.qs-plate__frame{position:relative;aspect-ratio:var(--qs-plate-ratio, 16 / 9);overflow:hidden;isolation:isolate;background:var(--qs-surface, transparent);border:1px solid var(--qs-rule, var(--qs-rule-base))}.qs-plate__field>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.qs-plate__field:before{content:"";position:absolute;inset:0;color:var(--qs-text);opacity:.22;background-image:radial-gradient(circle at 50% 50%,currentColor 1.15px,transparent 1.25px),radial-gradient(circle at 50% 50%,currentColor 1.15px,transparent 1.25px);background-size:10px 10px,10px 10px;background-position:0 0,5px 5px;transition:opacity .32s var(--qs-ease-out, ease-out)}.qs-plate__field[data-live=true]:before{opacity:0}.qs-plate__field[data-motif=document]:before,.qs-plate__field[data-motif=draft]:before{-webkit-mask-image:repeating-linear-gradient(to bottom,var(--qs-ink) 0 4px,transparent 4px 11px);mask-image:repeating-linear-gradient(to bottom,var(--qs-ink) 0 4px,transparent 4px 11px)}.qs-plate__field[data-motif=voice]:before{-webkit-mask-image:radial-gradient(ellipse 62% 20% at 50% 50%,var(--qs-ink) 40%,transparent 78%);mask-image:radial-gradient(ellipse 62% 20% at 50% 50%,var(--qs-ink) 40%,transparent 78%)}.qs-plate__field[data-motif=devices]:before{-webkit-mask-image:radial-gradient(ellipse 48% 52% at 42% 46%,var(--qs-ink) 48%,transparent 80%);mask-image:radial-gradient(ellipse 48% 52% at 42% 46%,var(--qs-ink) 48%,transparent 80%)}.qs-plate__field[data-motif=editorial]:before{-webkit-mask-image:linear-gradient(to bottom,var(--qs-ink) 0 11%,transparent 11% 17%,var(--qs-ink) 17%);mask-image:linear-gradient(to bottom,var(--qs-ink) 0 11%,transparent 11% 17%,var(--qs-ink) 17%)}.qs-plate__field[data-motif=search]:before{-webkit-mask-image:repeating-radial-gradient(circle at 31% 46%,var(--qs-ink) 0 4px,transparent 4px 13px);mask-image:repeating-radial-gradient(circle at 31% 46%,var(--qs-ink) 0 4px,transparent 4px 13px)}.qs-plate__field[data-motif=article]:before{-webkit-mask-image:radial-gradient(ellipse 78% 70% at 38% 42%,var(--qs-ink) 30%,transparent 82%);mask-image:radial-gradient(ellipse 78% 70% at 38% 42%,var(--qs-ink) 30%,transparent 82%)}.qs-plate__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(var(--qs-space-5),5vw,var(--qs-space-9));pointer-events:none}.qs-plate__overlay>*{pointer-events:auto}.qs-plate>figcaption{color:var(--qs-text-tertiary)}@media(prefers-reduced-motion:reduce){.qs-plate__field:before{transition:none}}