.tgb-canvas{transform-style:preserve-3d;aspect-ratio:3/4;will-change:transform;width:min(290px,70%);position:absolute}.tgb-frame{background:radial-gradient(#ffffff24 1px,#0000 1.5px) 0 0/16px 16px,#0e121ecc;border:1px dashed #fff6;border-radius:12px;position:absolute;inset:0}.tgb-block{will-change:transform;background:#1c2336f7;border:1px solid #ffffff2e;border-radius:8px;align-content:center;gap:5px;padding:8px 10px;display:grid;position:absolute;box-shadow:0 18px 36px -20px #000000e6}.tgb-block[data-slot="0"]{width:41%;height:16%;top:5%;left:6%}.tgb-block[data-slot="1"]{width:41%;height:16%;top:5%;left:53%}.tgb-block[data-slot="2"]{width:88%;height:28%;top:25%;left:6%}.tgb-block[data-slot="3"]{width:54%;height:37%;top:57%;left:6%}.tgb-block[data-slot="4"]{width:30%;height:37%;top:57%;left:64%}.tgb-block small{font:600 10px var(--pub-font-mono);letter-spacing:.1em;color:#8f98b3}.tgb-block b{font:700 16px var(--pub-font-display);color:#f3f2ec;line-height:1}.tgb-block span{align-items:flex-end;gap:6%;display:flex;position:absolute;inset:9px 10px}.tgb-block span i{background:var(--s3d-accent);border-radius:3px 3px 0 0;flex:1}.tgb-block span i:nth-child(2n){background:color-mix(in srgb, var(--s3d-accent) 55%, #fff)}.tgb-block>i{background:#fff3;border-radius:3px;height:4px}.tgb-block[data-kind=table]>i{background:linear-gradient(90deg,#ffffff47 0 40%,#0000 40% 48%,#ffffff29 48% 70%,#0000 70% 78%,#ffffff29 78%)}.tgb-block[data-kind=notes]>i:last-of-type{width:60%}.tgb-block em{border:2px solid var(--pub-acid);box-shadow:0 0 22px -4px var(--pub-acid);border-radius:9px;position:absolute;inset:-2px}.tgb-block em[data-tone=bad]{border-color:#ff4d2e;box-shadow:0 0 26px -4px #ff4d2e}.tgb-cursor{color:#fff;filter:drop-shadow(0 4px 6px #000000b3);position:absolute;top:78%;left:82%}.tgb-pdf{color:#fff;font:700 10px var(--pub-font-mono);letter-spacing:.1em;background:#ff4d2e;border-radius:5px;padding:3px 8px;position:absolute;top:-10px;left:-8px}.tgb-canvas .s3d-stamp{top:auto;bottom:-14px;right:-14px}.tgb-top{top:3%;right:3%}.tgb-done{right:3%}@media (width<=640px){.tgb-block b{font-size:13px}.tgb-block{gap:3px;padding:5px 7px}.tgb-done{max-width:50%}}.tgb-loose{bottom:4%;left:3%}