.template-engine-demo{--te-ink:#fff4ec;--te-muted:#cabab1;--te-ink-dark:#251d1a;--te-panel:#201815;--te-line:#fff3ea24;--te-accent:#ff7842;--te-ease:cubic-bezier(.16,1,.3,1);--te-drag-ease:cubic-bezier(.45,.05,.25,1);color:var(--te-ink);background:#191310;padding:clamp(6rem,12vw,9rem) 1.25rem;position:relative;overflow:clip}.template-engine-demo__glow{pointer-events:none;background:radial-gradient(circle,#ff784230,#0000 66%);width:min(70vw,780px);height:min(70vw,780px);position:absolute;top:4%;right:-20%}.template-engine-demo__inner{max-width:76rem;margin:auto;display:block;position:relative}.template-engine-demo__copy{text-align:center;max-width:47rem;margin:0 auto}.template-engine-demo__stage-footer,.template-engine-demo__chrome,.template-engine-demo__viewswitch,.template-engine-demo__board-label,.template-engine-demo__canvas-label,.template-engine-demo__dock,.template-engine-demo__drag-ghost,.template-engine-demo__inspector{font-family:var(--font-jbmono),ui-monospace,SFMono-Regular,Menlo,monospace}.template-engine-demo h2{letter-spacing:-.06em;text-wrap:balance;font-size:clamp(2.7rem,6vw,5.4rem);font-weight:600;line-height:.94}.template-engine-demo__copy>p:last-child{color:var(--te-muted);max-width:39rem;margin:2rem auto 0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65}.template-engine-demo__stage{border:1px solid var(--te-line);background:linear-gradient(145deg,#302923,#1d1512 72%);border-radius:1.4rem;min-height:clamp(32rem,62vw,43rem);margin-top:clamp(2.8rem,5vw,4.4rem);padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 35px 100px -55px #000}.template-engine-demo__stage:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.template-engine-demo__window{transform-origin:top;z-index:2;background:#17110c;border:1px solid #ffffff24;border-radius:.95rem;width:90%;position:absolute;top:6%;left:5%;overflow:hidden;box-shadow:0 28px 60px -32px #000}.template-engine-demo__chrome{background:#17110c;border-bottom:1px solid #fef7f026;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;height:3rem;padding:0 .75rem;display:grid}.template-engine-demo__chrome-left{align-items:center;gap:.45rem;min-width:0;display:flex}.template-engine-demo__chrome-icon{color:#cabab1;border-radius:.4rem;justify-content:center;align-items:center;width:1.3rem;height:1.3rem;font-size:.68rem;display:flex}.template-engine-demo__chrome-right .template-engine-demo__chrome-icon{border:1px solid #fef7f026;border-radius:999px;font-size:.55rem}.template-engine-demo__chrome-title{min-width:0;display:grid}.template-engine-demo__chrome-title b{color:#fef7f0;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:600;overflow:hidden}.template-engine-demo__chrome-title small{color:#a4d3cb;margin-top:.1rem;font-size:.46rem}.template-engine-demo__viewswitch{background:#362b26;border:1px solid #fef7f026;border-radius:999px;gap:1px;padding:3px;display:flex;box-shadow:inset 0 1px #ffffff0a}.template-engine-demo__viewswitch span{color:#cabab1;transition:background-color .32s var(--te-ease),color .32s var(--te-ease),box-shadow .32s var(--te-ease);white-space:nowrap;border-radius:999px;padding:.32rem .62rem;font-size:.52rem;font-weight:500}.template-engine-demo__viewswitch span[data-active]{color:#17110c;background:#ff7c21;font-weight:600;box-shadow:inset 0 1px #ffffff3d,0 3px 10px #ff7c212e}.template-engine-demo__chrome-right{justify-content:flex-end;align-items:center;gap:.35rem;min-width:0;display:flex}.template-engine-demo__zoom{color:#cabab1;background:#362b26;border:1px solid #fef7f026;border-radius:999px;align-items:center;gap:.32rem;padding:.22rem .42rem;font-size:.5rem;display:inline-flex}.template-engine-demo__zoom i{color:#fef7f0;font-size:.62rem;font-style:normal}.template-engine-demo__zoom em{font-variant-numeric:tabular-nums;font-style:normal}.template-engine-demo__zoom b{font-weight:400}.template-engine-demo__workspace{grid-template-columns:minmax(0,1fr) 8.4rem;min-height:clamp(23rem,40vw,30rem);display:grid}.template-engine-demo__canvas{--te-board-w:clamp(6.5rem,17vw,15rem);--te-board-h:calc(var(--te-board-w)*1.25);--te-label-h:1.35rem;--te-ab-x:calc(50% - var(--te-board-w)/2);--te-ab-y:calc(50% - var(--te-board-h)/2 + var(--te-label-h)/2);background:#3b342e;position:relative;overflow:hidden}.template-engine-demo__canvas:before{content:"";opacity:.42;background-image:radial-gradient(#ffffff21 .55px,#0000 .55px);background-size:9px 9px;position:absolute;inset:0}.template-engine-demo__canvas-label{color:#cdb7a9;font-size:.47rem;position:absolute;bottom:.75rem;left:.75rem}.template-engine-demo__boards{transform:translate3d(calc(var(--te-board-w)/-2),-50%,0);align-items:flex-start;gap:clamp(.85rem,2.2vw,1.9rem);display:flex;position:absolute;top:50%;left:50%}.template-engine-demo__board{width:var(--te-board-w);flex-direction:column;gap:.42rem;display:flex}.template-engine-demo__board:not(.template-engine-demo__board--active){opacity:.62}.template-engine-demo__board-label{align-items:baseline;gap:.42rem;min-width:0;height:.93rem;display:flex}.template-engine-demo__board-label b{color:#8a7c72;font-size:.55rem;font-weight:500}.template-engine-demo__board--active .template-engine-demo__board-label b{color:#fef7f0}.template-engine-demo__board-label small{color:#8a7c72;text-overflow:ellipsis;white-space:nowrap;font-size:.47rem;overflow:hidden}.template-engine-demo__artboard{aspect-ratio:4/5;width:100%;position:relative;box-shadow:0 16px 30px -17px #120d0b}.template-engine-demo__memory-mate{background:#efe3d4;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.template-engine-demo__photo{transform-origin:0 0;background:#c8b6a4;width:74%;height:51%;position:absolute;top:10%;left:8%;overflow:hidden}.template-engine-demo__photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.template-engine-demo__photo-overlay{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(112deg,#0000 36%,#ffffff47 36.5% 37%,#0000 37.5% 62%,#ffffff30 62.5% 63%,#0000 63.5%);position:absolute;inset:0}.template-engine-demo__mate-copy{color:var(--te-ink-dark);z-index:3;display:grid;position:absolute;bottom:7%;left:8%;right:26%}.template-engine-demo__team-copy,.template-engine-demo__number-copy{font-family:var(--font-jbmono),monospace;font-weight:700}.template-engine-demo__team-copy{color:#8d604b;letter-spacing:.09em;opacity:0;text-transform:uppercase;font-size:3.2cqw}.template-engine-demo__name-copy{letter-spacing:-.055em;margin-top:1.3cqw;font-size:8cqw;line-height:.92}.template-engine-demo__number-copy{margin-top:3cqw;font-size:3.6cqw}.template-engine-demo__team-mark{background:var(--te-ink-dark);color:#fae9d8;font-family:var(--font-jbmono),monospace;letter-spacing:-.06em;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:11cqw;height:11cqw;font-size:3.4cqw;font-weight:800;display:flex;position:absolute;bottom:6.6%;right:8%}.template-engine-demo__memory-mate--finalized .template-engine-demo__photo{border-radius:3.4cqw;transform:scale(1.135)}.template-engine-demo__memory-mate--b{background:#1d1714}.template-engine-demo__memory-mate--b .template-engine-demo__photo{width:100%;height:72%;top:0;left:0}.template-engine-demo__memory-mate--b.template-engine-demo__memory-mate--finalized .template-engine-demo__photo{border-radius:0;transform:none}.template-engine-demo__memory-mate--b .template-engine-demo__mate-copy{color:#fdf3ea;bottom:6%;right:24%}.template-engine-demo__memory-mate--b .template-engine-demo__team-copy{color:#ff9a70}.template-engine-demo__memory-mate--b .template-engine-demo__number-copy{color:#c7b5aa}.template-engine-demo__memory-mate--b .template-engine-demo__team-mark{color:#1d1714;background:#ff7c21;bottom:5.6%}.template-engine-demo__snap-guide{background:var(--te-accent);opacity:0;z-index:7;width:1.5px;position:absolute;top:-6%;bottom:-6%;left:8%}.template-engine-demo__text-frame{border:1px solid var(--te-accent);opacity:0;z-index:6;position:absolute;inset:75.5% 24% 5% 7%}.template-engine-demo__selection-box{--te-radius-rest:calc(var(--te-board-w)*.028);--te-pull:calc(var(--te-board-w)*.062);border:1px solid var(--te-accent);opacity:0;transform-origin:0 0;z-index:6;width:74%;height:51%;position:absolute;top:10%;left:8%}.template-engine-demo__selection-box i{background:var(--te-accent);border:1px solid #17110c;border-radius:.05rem;width:.4rem;height:.4rem;position:absolute}.template-engine-demo__selection-box i:first-of-type{top:-.21rem;left:-.21rem}.template-engine-demo__selection-box i:nth-of-type(2){top:-.21rem;right:-.21rem}.template-engine-demo__selection-box i:nth-of-type(3){bottom:-.21rem;left:-.21rem}.template-engine-demo__selection-box i:nth-of-type(4){bottom:-.21rem;right:-.21rem}.template-engine-demo__selection-box b{border:1.5px solid var(--te-accent);height:calc(var(--te-board-w)*.033);width:calc(var(--te-board-w)*.033);background:#fef7f0;border-radius:50%;position:absolute;box-shadow:0 1px 2px #00000059}.template-engine-demo__selection-box b:after{content:"";background:#17110c;border-radius:50%;position:absolute;inset:18%}.template-engine-demo__selection-box b:first-of-type{left:var(--te-radius-rest);top:var(--te-radius-rest)}.template-engine-demo__selection-box b:nth-of-type(2){right:var(--te-radius-rest);top:var(--te-radius-rest)}.template-engine-demo__selection-box b:nth-of-type(3){bottom:var(--te-radius-rest);left:var(--te-radius-rest)}.template-engine-demo__selection-box b:nth-of-type(4){bottom:var(--te-radius-rest);right:var(--te-radius-rest)}.template-engine-demo__dock{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#221a14f2;border:1px solid #fef7f026;border-radius:.95rem;align-items:center;gap:.28rem;padding:.3rem;display:flex;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #0000006b}.template-engine-demo__dock>span{color:#fef7f0;height:1.5rem;transition:background-color .18s var(--te-ease),border-color .18s var(--te-ease),color .18s var(--te-ease);border:1px solid #fef7f026;border-radius:.55rem;justify-content:center;align-items:center;width:1.5rem;font-size:.64rem;display:flex}.template-engine-demo__dock>span:first-child{color:#ff9c59;background:#ff7c211a;border-color:#ff7c2173}.template-engine-demo__dock>span:last-child{color:#a99b90;border-color:#0000}.template-engine-demo__dock-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#241b16f7;border:1px solid #fef7f026;border-radius:.7rem;grid-template-columns:6rem 6rem;gap:.3rem;width:13rem;padding:.35rem;display:grid;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%,.4rem)scale(.97);box-shadow:0 18px 48px #0000007a}.template-engine-demo__dock-menu b{border-radius:.4rem;padding:.3rem .4rem;display:grid}.template-engine-demo__dock-menu b[data-active]{background:#fef7f01a}.template-engine-demo__dock-menu em{color:#fef7f0;text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;font-style:normal;font-weight:500;overflow:hidden}.template-engine-demo__dock-menu i{color:#8a7c72;text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;font-size:.42rem;font-style:normal;overflow:hidden}.template-engine-demo__drag-ghost{color:#ffe3cf;letter-spacing:.03em;opacity:0;white-space:nowrap;z-index:8;background:#ff7c2129;border:1px solid #ff9c59bf;border-radius:.28rem;padding:.26rem .45rem;font-size:.5rem;position:absolute;top:calc(100% - 6.8rem);left:calc(50% + 1.35rem);transform:translateY(-50%)}.template-engine-demo__cursor{filter:drop-shadow(0 3px 3px #0006);opacity:0;z-index:9;width:1.15rem;position:absolute;top:calc(100% - 3rem);left:calc(50% + 4rem)}.template-engine-demo__cursor svg{width:100%;display:block}.template-engine-demo__inspector{color:#bba99d;background:#211916;border-left:1px solid #ffffff17;flex-direction:column;gap:.85rem;padding:1.1rem .7rem;font-size:.49rem;display:flex}.template-engine-demo__inspector b{color:#f0dfd2;font-size:.59rem}.template-engine-demo__inspector div{gap:.35rem;display:flex}.template-engine-demo__inspector div i{background:#3f3831;border-radius:.2rem;width:1.3rem;height:1.3rem}.template-engine-demo__inspector strong{color:#e6d1c3;margin-top:.18rem;font-weight:500;display:block}.template-engine-demo__roster{opacity:0;pointer-events:none;z-index:5;grid-template-columns:repeat(7,1fr);gap:clamp(.18rem,.45vw,.3rem);width:min(58vw,38rem);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-51%)}.template-engine-demo__roster-card{aspect-ratio:4/5;opacity:0;transform-origin:0 0;border-radius:.18rem;position:relative;overflow:hidden;box-shadow:0 10px 20px -14px #000}.template-engine-demo__roster .template-engine-demo__team-copy{opacity:1}.template-engine-demo__stage-footer{color:#c9b2a4;z-index:7;align-items:center;gap:.85rem;font-size:.6rem;display:flex;position:absolute;bottom:1rem;left:1.15rem;right:1.15rem}.template-engine-demo__stage-footer p{color:#fff0e7;margin-right:auto}.template-engine-demo__stage-footer span{align-items:center;gap:.33rem;display:inline-flex}.template-engine-demo__replay{color:#ffe9dd;font:inherit;transition:transform .14s var(--te-ease),background-color .18s var(--te-ease),border-color .18s var(--te-ease);background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.35rem;margin:0;padding:.43rem .63rem;display:inline-flex;position:static;bottom:auto;left:auto}.template-engine-demo__replay:focus-visible,.template-engine-demo__actions a:focus-visible{outline-offset:3px;outline:2px solid #fff}.template-engine-demo__actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.5rem;display:flex}.template-engine-demo__actions a{color:#ffede2;transition:transform .14s var(--te-ease),background-color .18s var(--te-ease),border-color .18s var(--te-ease),color .18s var(--te-ease);border:1px solid #ffffff36;border-radius:999px;padding:.72rem 1rem;font-size:.88rem}.template-engine-demo__actions a:first-child{background:var(--bh-accent);border-color:var(--bh-accent);color:#26120a;font-weight:700}.template-engine-demo__replay:active,.template-engine-demo__actions a:active{transform:scale(.97)}.template-engine-demo[data-motion] .template-engine-demo__copy h2,.template-engine-demo[data-motion] .template-engine-demo__copy>p:last-child,.template-engine-demo[data-motion] .template-engine-demo__stage,.template-engine-demo[data-motion] .template-engine-demo__actions{opacity:0}.template-engine-demo[data-entered] .template-engine-demo__copy h2{animation:te-enter-up .62s var(--te-ease)both}.template-engine-demo[data-entered] .template-engine-demo__copy>p:last-child{animation:te-enter-up .62s var(--te-ease).2s both}.template-engine-demo[data-entered] .template-engine-demo__stage{animation:te-enter-stage .64s var(--te-ease).32s both}.template-engine-demo[data-entered] .template-engine-demo__actions{animation:te-enter-up .56s var(--te-ease).46s both}@keyframes te-enter-up{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:none}}@keyframes te-enter-stage{0%{opacity:0;transform:translateY(1.6rem)scale(.965)}to{opacity:1;transform:none}}.template-engine-demo__stage[data-phase=idle] .template-engine-demo__window{opacity:0;transform:translateY(1.25rem)scale(.96)}.template-engine-demo__stage[data-phase=enter] .template-engine-demo__window{animation:te-window-enter 1.4s var(--te-ease)both}.template-engine-demo__stage[data-phase=fields] .template-engine-demo__team-copy{animation:te-field-drop 4.2s var(--te-ease)both}.template-engine-demo__stage[data-phase=fields] .template-engine-demo__dock-menu{animation:te-dock-menu 4.2s var(--te-ease)both}.template-engine-demo__stage[data-phase=fields] .template-engine-demo__dock-text{animation:te-dock-press 4.2s var(--te-ease)both}.template-engine-demo__stage[data-phase=fields] .template-engine-demo__drag-ghost{animation:te-drag-ghost 4.2s var(--te-drag-ease)both}.template-engine-demo__stage[data-phase=fields] .template-engine-demo__board--active .template-engine-demo__snap-guide{animation:te-snap-guide 4.2s var(--te-ease)both}.template-engine-demo__stage[data-phase=fields] .template-engine-demo__board--active .template-engine-demo__text-frame{animation:te-text-frame 4.2s var(--te-ease)both}.template-engine-demo__stage[data-phase=fields] .template-engine-demo__cursor{animation:te-fields-cursor 4.2s var(--te-drag-ease)both}.template-engine-demo__stage[data-phase=photo] .template-engine-demo__team-copy,.template-engine-demo__stage[data-phase=roster] .template-engine-demo__team-copy,.template-engine-demo__stage[data-phase=complete] .template-engine-demo__team-copy{opacity:1}.template-engine-demo__stage[data-phase=photo] .template-engine-demo__board--active .template-engine-demo__selection-box{animation:te-selection 4.2s var(--te-drag-ease)both}.template-engine-demo__stage[data-phase=photo] .template-engine-demo__board--active .template-engine-demo__selection-box b:first-of-type{animation:te-radius-pull-tl 4.2s var(--te-drag-ease)both}.template-engine-demo__stage[data-phase=photo] .template-engine-demo__board--active .template-engine-demo__selection-box b:nth-of-type(2){animation:te-radius-pull-tr 4.2s var(--te-drag-ease)both}.template-engine-demo__stage[data-phase=photo] .template-engine-demo__board--active .template-engine-demo__selection-box b:nth-of-type(3){animation:te-radius-pull-bl 4.2s var(--te-drag-ease)both}.template-engine-demo__stage[data-phase=photo] .template-engine-demo__board--active .template-engine-demo__selection-box b:nth-of-type(4){animation:te-radius-pull-br 4.2s var(--te-drag-ease)both,te-radius-grab 4.2s var(--te-drag-ease)both}.template-engine-demo__stage[data-phase=photo] .template-engine-demo__board--active .template-engine-demo__memory-mate--finalized .template-engine-demo__photo{animation:te-photo-adjust 4.2s var(--te-drag-ease)both}.template-engine-demo__stage[data-phase=photo] .template-engine-demo__cursor{animation:te-photo-cursor 4.2s var(--te-drag-ease)both}.template-engine-demo__stage[data-phase=roster] .template-engine-demo__window,.template-engine-demo__stage[data-phase=complete] .template-engine-demo__window{animation:te-editor-exit .52s var(--te-ease)both}.template-engine-demo__stage[data-phase=roster] .template-engine-demo__roster,.template-engine-demo__stage[data-phase=complete] .template-engine-demo__roster{opacity:1}.template-engine-demo__stage[data-phase=complete] .template-engine-demo__roster-card{opacity:1;transform:none}.template-engine-demo__stage[data-paused] *,.template-engine-demo__stage[data-paused] :before,.template-engine-demo__stage[data-paused] :after{animation-play-state:paused!important}@keyframes te-window-enter{0%{opacity:0;transform:translateY(1.25rem)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes te-dock-press{0%,21%{color:#fef7f0;background:0 0;border-color:#fef7f026}24%,74%{color:#ffc79f;background:#ff7c212e;border-color:#ff7c218c}82%,to{color:#fef7f0;background:0 0;border-color:#fef7f026}}@keyframes te-dock-menu{0%,22%{opacity:0;transform:translate(-50%,.4rem)scale(.97)}27%,48%{opacity:1;transform:translate(-50%)scale(1)}57%,to{opacity:0;transform:translate(-50%,.3rem)scale(.98)}}@keyframes te-drag-ghost{0%,39%{opacity:0;top:calc(100% - 6.8rem);left:calc(50% + 1.35rem)}44%{opacity:1;top:calc(100% - 6.8rem);left:calc(50% + 1.35rem)}74%,76%{left:calc(var(--te-ab-x) + var(--te-board-w)*.08);opacity:1;top:calc(var(--te-ab-y) + var(--te-board-h)*.77)}82%,to{left:calc(var(--te-ab-x) + var(--te-board-w)*.08);opacity:0;top:calc(var(--te-ab-y) + var(--te-board-h)*.77)}}@keyframes te-snap-guide{0%,66%{opacity:0}71%,84%{opacity:1}92%,to{opacity:0}}@keyframes te-text-frame{0%,75%{opacity:0}80%,92%{opacity:1}to{opacity:0}}@keyframes te-field-drop{0%,74%{opacity:0;transform:translate(-.22rem,.16rem)}82%,to{opacity:1;transform:translate(0,0)}}@keyframes te-fields-cursor{0%,7%{opacity:0;top:calc(100% - 3.4rem);left:calc(50% + 4.5rem)}14%{opacity:1;top:calc(100% - 2.6rem);left:calc(50% + 2.4rem)}23%,27%{opacity:1;top:calc(100% - 1.9rem);left:calc(50% - .89rem)}39%,44%{opacity:1;top:calc(100% - 6.8rem);left:calc(50% + 3.15rem)}74%,92%{left:calc(var(--te-ab-x) + var(--te-board-w)*.08 + 1.8rem);opacity:1;top:calc(var(--te-ab-y) + var(--te-board-h)*.77)}to{left:calc(var(--te-ab-x) + var(--te-board-w)*.08 + 1.8rem);opacity:0;top:calc(var(--te-ab-y) + var(--te-board-h)*.77)}}@keyframes te-selection{0%{opacity:0;border-radius:0;transform:scale(1)}8%,20%{opacity:1;border-radius:0;transform:scale(1)}46%,62%{opacity:1;border-radius:0;transform:scale(1.135)}88%,94%{border-radius:calc(var(--te-board-w)*.03);opacity:1;transform:scale(1.135)}to{border-radius:calc(var(--te-board-w)*.03);opacity:0;transform:scale(1.135)}}@keyframes te-radius-pull-tl{0%,62%{translate:0}88%,to{translate:var(--te-pull)var(--te-pull)}}@keyframes te-radius-pull-tr{0%,62%{translate:0}88%,to{translate:calc(var(--te-pull)*-1)var(--te-pull)}}@keyframes te-radius-pull-bl{0%,62%{translate:0}88%,to{translate:var(--te-pull)calc(var(--te-pull)*-1)}}@keyframes te-radius-pull-br{0%,62%{translate:0}88%,to{translate:calc(var(--te-pull)*-1)calc(var(--te-pull)*-1)}}@keyframes te-radius-grab{0%,57%{transform:scale(1)}62%,66%{transform:scale(1.35)}88%,to{transform:scale(1.15)}}@keyframes te-photo-adjust{0%,20%{border-radius:0;transform:scale(1)}46%,62%{border-radius:0;transform:scale(1.135)}88%,to{border-radius:3.4cqw;transform:scale(1.135)}}@keyframes te-photo-cursor{0%,6%{left:calc(var(--te-ab-x) + var(--te-board-w)*1.04);opacity:0;top:calc(var(--te-ab-y) + var(--te-board-h)*.82)}14%,20%{left:calc(var(--te-ab-x) + var(--te-board-w)*.82);opacity:1;top:calc(var(--te-ab-y) + var(--te-board-h)*.61)}46%,52%{left:calc(var(--te-ab-x) + var(--te-board-w)*.92);opacity:1;top:calc(var(--te-ab-y) + var(--te-board-h)*.679)}58%,62%{left:calc(var(--te-ab-x) + var(--te-board-w)*.8695);opacity:1;top:calc(var(--te-ab-y) + var(--te-board-h)*.6386)}88%,96%{left:calc(var(--te-ab-x) + var(--te-board-w)*.7991);opacity:1;top:calc(var(--te-ab-y) + var(--te-board-h)*.5823)}to{left:calc(var(--te-ab-x) + var(--te-board-w)*.7991);opacity:0;top:calc(var(--te-ab-y) + var(--te-board-h)*.5823)}}@keyframes te-editor-exit{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(.6rem)scale(.965)}}@media (hover:hover) and (pointer:fine){.template-engine-demo__replay:hover{background:#ff784233;border-color:#ff7842cc}.template-engine-demo__actions a:hover{background:#ffffff1a;border-color:#ffffff73}.template-engine-demo__actions a:first-child:hover{background:var(--bh-accent);border-color:var(--bh-accent);filter:brightness(1.06)}}@media (max-width:680px){.template-engine-demo__stage{min-height:34rem}.template-engine-demo__window{width:100%;top:1.1rem;left:0}.template-engine-demo__inspector,.template-engine-demo__canvas-label,.template-engine-demo__zoom,.template-engine-demo__chrome-title,.template-engine-demo__board-label small{display:none}.template-engine-demo__chrome{gap:.4rem;height:2.6rem;padding:0 .5rem}.template-engine-demo__viewswitch span{padding:.28rem .42rem}.template-engine-demo__workspace{min-height:24rem;display:block}.template-engine-demo__canvas{--te-board-w:clamp(5.5rem,32vw,8.5rem);height:24rem}.template-engine-demo__boards{gap:.7rem}.template-engine-demo__dock-menu{grid-template-columns:5.4rem 5.4rem;width:11.8rem}.template-engine-demo__dock{bottom:.55rem}.template-engine-demo__roster{grid-template-columns:repeat(3,1fr);width:78%}.template-engine-demo__roster-card:nth-child(n+10){display:none}.template-engine-demo__stage-footer{bottom:.8rem;left:.85rem;right:.85rem}.template-engine-demo__stage-footer span{display:none}.template-engine-demo__replay{padding:.38rem .55rem}}@media (prefers-reduced-motion:reduce){.template-engine-demo[data-motion] .template-engine-demo__copy h2,.template-engine-demo[data-motion] .template-engine-demo__copy>p:last-child,.template-engine-demo[data-motion] .template-engine-demo__stage,.template-engine-demo[data-motion] .template-engine-demo__actions{opacity:1;animation:none;transform:none}.template-engine-demo__window{display:none}.template-engine-demo__roster{opacity:1}.template-engine-demo__roster-card{opacity:1;transform:none}.template-engine-demo__replay{display:none}.template-engine-demo__stage-footer{transition:color .18s var(--te-ease)}}.template-engine-demo{position:relative}.template-engine-demo:before,.template-engine-demo:after{content:"";pointer-events:none;height:18vh;position:absolute;left:0;right:0}.template-engine-demo:before{background:linear-gradient(to bottom,var(--bh-canvas),transparent);top:0}.template-engine-demo:after{background:linear-gradient(to top,var(--bh-canvas),transparent);bottom:0}.bh-root .template-engine-demo{isolation:isolate;background:var(--bh-soft);color:var(--bh-ink)}.bh-root .template-engine-demo__inner{z-index:1}.bh-root .template-engine-demo:before,.bh-root .template-engine-demo:after{z-index:0}.bh-root .template-engine-demo__copy{--te-muted:var(--bh-ink-2);--te-accent:var(--bh-accent)}.bh-root .template-engine-demo__actions a{color:var(--bh-ink);border-color:var(--bh-border)}.bh-root .template-engine-demo__actions a:first-child{color:#17110c;background:#ff7c21;border-color:#ff7c21}.bh-root .template-engine-demo__actions a:focus-visible{outline-color:var(--bh-ink)}.bh-root .template-engine-demo__glow{background:radial-gradient(circle,#dc7e401f,#0000 68%)}.dark .bh-root .template-engine-demo__glow{background:radial-gradient(circle,#ff784230,#0000 66%)}
.bh-root .template-engine-demo{--te-ink:var(--bh-ink);--te-muted:var(--bh-ink-2);--te-panel:var(--bh-surface);--te-line:var(--bh-border-strong);background:var(--bh-canvas);color:var(--bh-ink);isolation:isolate}.bh-root .template-engine-demo:before,.bh-root .template-engine-demo:after{display:none}.bh-root .template-engine-demo__inner{z-index:2;position:relative}.bh-root .template-engine-demo__actions{z-index:3;opacity:1;background:var(--bh-canvas);border-radius:18px;padding:16px;position:relative}.bh-root .template-engine-demo__stage{background:linear-gradient(145deg,var(--bh-soft),var(--bh-canvas));border-color:var(--bh-border-strong)}.bh-root .template-engine-demo__window,.bh-root .template-engine-demo__chrome,.bh-root .template-engine-demo__inspector,.bh-root .template-engine-demo__dock,.bh-root .template-engine-demo__dock-menu{background:var(--bh-surface);color:var(--bh-ink);border-color:var(--bh-border-strong)}.bh-root .template-engine-demo__canvas{background:var(--bh-soft)}.bh-root .template-engine-demo__canvas:before{background-image:radial-gradient(var(--bh-border-strong).55px,transparent .55px)}.bh-root .template-engine-demo__viewswitch,.bh-root .template-engine-demo__zoom{background:var(--bh-canvas);border-color:var(--bh-border-strong)}.bh-root .template-engine-demo__chrome-title b,.bh-root .template-engine-demo__zoom i,.bh-root .template-engine-demo__stage-footer p,.bh-root .template-engine-demo__inspector b,.bh-root .template-engine-demo__inspector strong{color:var(--bh-ink)}.bh-root .template-engine-demo__chrome-icon,.bh-root .template-engine-demo__viewswitch span:not([data-active]),.bh-root .template-engine-demo__zoom,.bh-root .template-engine-demo__canvas-label,.bh-root .template-engine-demo__board-label,.bh-root .template-engine-demo__stage-footer,.bh-root .template-engine-demo__inspector span{color:var(--bh-ink-2)}.bh-root .template-engine-demo__replay{background:var(--bh-surface);color:var(--bh-ink);border-color:var(--bh-border-strong)}.bh-root .template-engine-demo__replay:focus-visible{outline-color:var(--bh-ink)}.bh-root main .template-engine-demo__actions a{color:var(--bh-ink);background:var(--bh-surface);border-color:var(--bh-border-strong)}.bh-root main .template-engine-demo__actions a:first-child{color:#26120a;background:var(--bh-accent);border-color:var(--bh-accent)}.bh-root main .template-engine-demo__copy>p:last-child{color:var(--bh-ink-2)}.bh-root .template-engine-demo__dock>span{color:var(--bh-ink);background:var(--bh-canvas);border-color:var(--bh-border-strong);width:2rem;height:2rem;font-size:1rem}.bh-root .template-engine-demo__dock>span:first-child{background:var(--bh-accent);color:#17110c;border-color:var(--bh-accent)}.bh-root .template-engine-demo__dock-menu em{color:var(--bh-ink);font-size:.65rem}.bh-root .template-engine-demo__dock-menu i{color:var(--bh-ink-2);font-size:.6rem}.bh-root .template-engine-demo__dock-menu b[data-active]{background:var(--bh-soft)}.bh-root .template-engine-demo__viewswitch span,.bh-root .template-engine-demo__zoom{font-size:.65rem}.bh-root .template-engine-demo__zoom i{font-size:.85rem}.bh-root .template-engine-demo__stage-footer{color:var(--bh-ink);font-size:.8rem;font-weight:500}.bh-root .template-engine-demo__replay{min-height:40px;padding:.55rem .85rem;font-weight:600}.bh-root .template-engine-demo__replay svg{width:17px;height:17px}