.pnt{--bar-h:52px;--panel-w:384px;--lib-w:min(640px, 100vw)}body.pnt{--stats-top:calc(var(--bar-h) + 10px);--stats-left:var(--gutter);--stats-max-w:min(380px, calc(100vw - 2 * var(--gutter)));--stats-bottom:auto;--stats-z:24;--stats-below:10px;--stats-max-h:calc(100dvh - var(--stats-top) - var(--stats-below))}body.pnt.lib-open{--stats-display:none}@media (width>=760px){body.pnt:not(.panel-off){--stats-max-w:min(380px, calc(100vw - var(--panel-w) - 2 * var(--gutter)))}}@media (width<=1199px){body.pnt:not(.panel-off):has(.pnt-render-menu:not([hidden])){--stats-top:calc(var(--bar-h) + var(--menu-h,0px) + 20px)}}@media (width<=799px){body.pnt:has(.pnt-render-menu:not([hidden])){--stats-top:calc(var(--bar-h) + var(--menu-h,0px) + 20px)}}@media (width<=759px),(height<=500px){body.pnt{--stats-font:10px;--stats-detail:none}}@media (width<=759px){body.pnt:not(.panel-off){--stats-below:calc(46vh + 10px)}}.pnt-stage{cursor:grab}.pnt-stage.is-orbiting{cursor:grabbing}.pnt-stage.is-panning{cursor:move}.pnt-bar{z-index:30;background:color-mix(in srgb, var(--c-void) 88%, transparent);max-width:100vw;min-height:52px;box-shadow:0 1px 0 var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:9px 14px;display:flex;position:fixed;inset:0 0 auto}.pnt-home .brand-mark{height:32px}.pnt-title{flex:260px;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.pnt-app{font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);flex:none;font-size:.75rem}.pnt-name{flex:200px;min-width:12ch;max-width:320px}.pnt-name input{width:100%;box-shadow:inset 0 -1px 0 var(--line);font:500 1.0625rem/1.3 var(--font-name);letter-spacing:.03em;color:var(--c-bone);background:0 0;border:0;padding:4px 6px}.pnt-name input:hover{box-shadow:inset 0 -1px 0 var(--line-strong)}.pnt-name input:focus-visible{box-shadow:inset 0 -2px 0 var(--accent);background:color-mix(in srgb, var(--c-shadow) 60%, transparent);outline:none}.pnt-dot{color:var(--text-dim);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.pnt-dot:before{content:"";width:8px;height:8px;box-shadow:inset 0 0 0 2px var(--text-dim)}.pnt-dot[data-state=saved]:before{background:var(--accent-hi);box-shadow:none}.pnt-dot[data-state=unsaved]{color:var(--c-bone)}.pnt-dot[data-state=unsaved]:before{box-shadow:inset 0 0 0 2px var(--accent);animation:1.6s steps(4,end) infinite pnt-breathe}.pnt-dot[data-state=builtin]:before{background:var(--c-stone);box-shadow:inset 0 0 0 1px var(--line-strong)}@keyframes pnt-breathe{50%{box-shadow:inset 0 0 0 2px var(--accent-lo)}}.pnt-bar-group{flex:none;align-items:center;gap:6px;display:flex}.pnt-bar .pix-btn{padding:5px 10px;font-size:.875rem}.pnt-bar .pix-btn kbd{font-size:.625rem}.pnt-bar .pix-btn:disabled{opacity:.4;cursor:default;--b:var(--line);color:var(--text-dim)}.pnt-icon{justify-content:center;min-width:32px;font-family:var(--font-body)!important}.pnt-preview .pix-btn[aria-pressed=true]{color:var(--accent-hi);background:color-mix(in srgb, var(--accent-lo) 35%, var(--c-void))}.pnt-play{color:var(--accent-hi);--b:var(--accent)}.pnt-short{display:none}.pnt-play:hover{background:color-mix(in srgb, var(--accent-lo) 40%, var(--c-void))}@media (width<=1699px){.pnt-beat b{display:none}}@media (width<=1499px){.pnt-app,.pnt-preview .pnt-long,.pnt-play .pnt-long{display:none}.pnt-preview .pnt-short,.pnt-play .pnt-short{display:inline}}@media (width<=1239px){.pnt-bar:after{content:"";flex-basis:100%;order:2;height:0}.pnt-preview{order:3}.pnt-bar-group:last-child{order:4;margin-left:auto}.pnt-bar .pnt-long{display:none}.pnt-bar .pnt-short{display:inline}}.pnt-tools{position:relative}.pnt-caret{margin-left:4px;font-size:.75em}.pnt-tools-menu{z-index:40;background:var(--c-void);min-width:15rem;box-shadow:0 0 0 1px var(--accent), 0 8px 24px #00000080;padding:4px 0;display:grid;position:absolute;top:calc(100% + 6px);right:0}.pnt-tools-menu[hidden]{display:none}.pnt-tools-item{font:400 .875rem/1.3 var(--font-pixel);color:var(--c-bone);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:7px 12px;display:flex}.pnt-tools-item kbd{color:var(--text-dim);font-size:.6875rem}.pnt-check{vertical-align:-.05em;width:.75em;height:.75em;margin-right:8px;display:inline-block;box-shadow:inset 0 0 0 1px}.pnt-tools-item[aria-checked=true] .pnt-check{background:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), inset 0 0 0 2px var(--c-void)}.pnt-tools-item:hover,.pnt-tools-item:focus-visible{color:var(--accent-hi);background:color-mix(in srgb, var(--accent-lo) 30%, var(--c-void));outline:none}.pnt-beat{align-items:center;gap:4px;margin-left:4px;display:inline-flex}.pnt-beat i{width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--line-strong)}.pnt-beat i.is-down{box-shadow:inset 0 0 0 1px var(--accent)}.pnt-beat i.is-on{background:var(--accent-hi)}.pnt-beat b{min-width:11em;font:400 .75rem/1 var(--font-pixel);letter-spacing:.06em;color:var(--text-dim);white-space:nowrap;margin-left:6px}.pnt-beat.is-off i{opacity:.35;background:0 0}.pnt-beat.is-drop b{animation:.9s steps(6,end) both pnt-drop}@keyframes pnt-drop{0%{color:var(--accent-core);text-shadow:0 0 8px var(--accent)}to{color:var(--text-dim)}}.pnt-banners{top:calc(var(--bar-h) + 10px);left:calc(50% - var(--panel-w) / 2);z-index:29;width:min(720px, calc(100vw - var(--panel-w) - 2 * var(--gutter)));pointer-events:none;gap:8px;display:grid;position:fixed;transform:translate(-50%)}body.panel-off .pnt-banners{width:min(720px, calc(100vw - 2 * var(--gutter)));left:50%}body.lib-open .pnt-banners{display:none}.pnt-banner{background:var(--c-void);box-shadow:0 0 0 1px var(--accent), inset 2px 0 0 var(--accent);pointer-events:auto;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;font-size:.9375rem;display:flex}.pnt-banner p{flex:280px}.pnt-banner[hidden]{display:none}.pnt-panel{top:var(--bar-h);z-index:20;width:var(--panel-w);background:color-mix(in srgb, var(--c-void) 90%, transparent);box-shadow:-1px 0 0 var(--line);flex-direction:column;display:flex;position:fixed;bottom:0;right:0;overflow:hidden}.pnt-panel[hidden]{display:none}.pnt-panel-head{box-shadow:0 1px 0 var(--line);flex:none;padding:10px 16px 8px}.pnt-panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--c-stone) transparent;flex:auto;min-height:0;padding:0 16px 40px;position:relative;overflow:hidden auto}.pnt-search-notes{max-height:7.5em;color:var(--text-dim);margin-top:6px;font-size:.8125rem;line-height:1.45;overflow:auto}.pnt-search-notes[hidden]{display:none}.pnt-search-notes-title{font:400 .6875rem/1.4 var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);cursor:pointer;margin:0 0 2px}.pnt-search-notes-title:hover{color:var(--accent-hi)}.pnt-search-tools-title{font:400 .6875rem/1.4 var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 2px}.pnt-search-notes-fold+.pnt-search-tools{margin-top:4px}.pnt-search-notes ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.pnt-search-notes li{box-shadow:inset 1px 0 0 var(--line-strong);padding-left:10px}.pnt-panel-body[data-searching] .is-miss,.pnt-panel-body[data-searching] .pnt-sec-body>:not([data-row]):not(.pnt-group),.pnt-panel-body[data-searching] .pnt-group>:not([data-row]):not(.pnt-subhead){display:none!important}.pnt-tabs{display:none}.pnt-sec+.pnt-sec{box-shadow:0 -1px 0 var(--line)}.pnt-sec-head{margin:0}.pnt-sec-head button{width:100%;font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:14px 2px 12px;font-size:.8125rem;display:flex}.pnt-sec-head button:hover{color:var(--accent-hi)}.pnt-sec-head svg{fill:currentColor;width:10px;height:10px;transition:transform var(--snap) steps(2);transform:rotate(-90deg)}.pnt-sec[data-open] .pnt-sec-head svg{transform:none}.pnt-sec-body{gap:14px;padding:0 0 18px;display:grid}.pnt-sec-body[hidden]{display:none}.pnt-sub{box-shadow:inset 1px 0 0 var(--line);gap:12px;padding:10px 0 0 10px;display:grid}.pnt-group{gap:14px;display:grid}.pnt-subhead{box-shadow:0 -1px 0 var(--line);font:400 .75rem/1.3 var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 70%, var(--c-bone));align-items:center;gap:6px;margin:6px 0 0;padding-top:10px;display:flex}.pnt-group:first-child .pnt-subhead{box-shadow:none;margin-top:0;padding-top:0}.pnt-subhead .viz-tip{letter-spacing:0}.pnt-field{gap:0;min-width:0;display:grid}.pnt-field>.viz-more{margin-top:6px}.pnt-help{color:var(--text-dim);font-size:.8125rem;line-height:1.5}.pnt-note{color:var(--accent-hi);font-size:.8125rem}.pnt-note[hidden]{display:none}.pnt-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pnt-inline{color:var(--text-dim);align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.pnt-inline label{cursor:pointer}.pnt-inline select{width:auto;padding:5px 8px;font-size:.875rem}.pnt-panel .viz-field-label{font-size:.875rem}.pnt-panel .viz-field-label+*{margin-top:6px}.pnt-chips{flex-wrap:wrap;gap:6px;display:flex}.pnt-chip{--b:var(--line-strong);background:color-mix(in srgb, var(--c-shadow) 70%, transparent);box-shadow:0 -1px 0 var(--b), 0 1px 0 var(--b), -1px 0 0 var(--b), 1px 0 0 var(--b);font-family:var(--font-pixel);color:var(--text-dim);cursor:pointer;transition:transform var(--snap) steps(2), box-shadow var(--snap) steps(2);border:0;align-items:center;gap:7px;padding:5px 9px;font-size:.875rem;line-height:1.2;display:inline-flex;position:relative}.pnt-chip:hover,.pnt-chip:focus-visible{--b:var(--accent);color:var(--c-bone);box-shadow:0 -1px 0 var(--b), 0 1px 0 var(--b), -1px 0 0 var(--b), 1px 0 0 var(--b), 0 4px 14px -4px color-mix(in srgb, var(--accent) 70%, transparent);outline:none;transform:translateY(-1px)}.pnt-chip[aria-pressed=true]{--b:var(--accent);color:var(--accent-hi);background:color-mix(in srgb, var(--accent-lo) 38%, var(--c-void))}.pnt-chip[aria-pressed=true]:after{content:"";background:var(--accent-hi);height:2px;position:absolute;bottom:2px;left:3px;right:3px}.pnt-place:hover{transform:none}.pnt-looks{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}.pnt-looks .pnt-chip{justify-content:center}.pnt-sw{box-shadow:0 0 0 1px var(--c-void);flex:none;display:inline-flex}.pnt-sw i{background:var(--c);width:9px;height:14px}.pnt-flames .pnt-chip{padding:4px 8px 4px 5px}.pnt-panel fieldset.tri{color:var(--c-bone)}.pnt-panel fieldset.tri .tri-opt span{padding:4px 7px;font-size:.75rem}.pnt-layer{padding:6px 0 6px 10px;box-shadow:inset 2px 0 #0000}.pnt-layer.is-on{box-shadow:inset 2px 0 0 var(--accent)}.pnt-details{gap:10px;padding:10px 0 4px;display:grid}.pnt-pin-all{gap:6px}.pnt-detail{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.pnt-detail.is-rolled>:first-child{opacity:.62}.pnt-detail.is-rolled output:after{content:" · rolled";color:var(--text-dim);font-size:.75rem}.pnt-lock{--b:var(--line-strong);background:var(--c-shadow);width:30px;height:30px;box-shadow:0 -1px 0 var(--b), 0 1px 0 var(--b), -1px 0 0 var(--b), 1px 0 0 var(--b);color:var(--text-dim);cursor:pointer;border:0;place-items:center;margin-bottom:2px;padding:0;display:grid}.pnt-lock svg{fill:currentColor;width:14px;height:14px}.pnt-lock[aria-pressed=true]{--b:var(--accent);color:var(--accent-hi)}.pnt-lock:hover{--b:var(--accent);color:var(--c-bone)}.pnt-slots3{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.pnt-slots3 select{padding:5px 4px;font-size:.8125rem}.pnt-ramp{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.pnt-swatch{color:var(--text-dim);cursor:pointer;justify-items:center;gap:4px;font-size:.75rem;display:grid}.pnt-swatch input,.pnt-color{width:100%;height:30px;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;background:0 0;border:0;padding:0}.pnt-color{width:64px}.pnt-swatch input::-webkit-color-swatch-wrapper{padding:0}.pnt-color::-webkit-color-swatch-wrapper{padding:0}.pnt-swatch input::-webkit-color-swatch{border:0}.pnt-color::-webkit-color-swatch{border:0}.pnt-swatch input::-moz-color-swatch{border:0}.pnt-color::-moz-color-swatch{border:0}.pnt-swatch:hover input,.pnt-color:hover{box-shadow:0 0 0 1px var(--accent), 0 0 10px -2px var(--accent)}.pnt-slots{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.pnt-slot{height:26px;box-shadow:0 0 0 1px var(--line);cursor:pointer;background:0 0;border:0;padding:2px}.pnt-slot i{background:var(--c);height:100%;display:block}.pnt-slot[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent-hi)}.pnt-slot:disabled{cursor:default}.pnt-slot:not(:disabled):hover{box-shadow:0 0 0 1px var(--accent), 0 0 10px -2px var(--accent)}.pnt-helmets{gap:8px;margin-top:6px;display:grid}.pnt-helmet[hidden]{display:none}.pnt-list{gap:6px}.pnt-list .viz-field-label+*{margin-top:0}.pnt-list .bulk{margin:2px 0 0}.pnt-list .viz-checks{margin-top:2px}.pnt-render-menu{top:calc(var(--bar-h) + 10px);right:calc(var(--panel-w) + 14px);z-index:25}body.panel-off .pnt-render-menu{right:var(--gutter)}body.pnt .pack{right:calc(var(--panel-w) + 18px);bottom:16px}body.pnt.panel-off .pack{right:var(--gutter)}.pnt-lib{top:var(--bar-h);z-index:26;width:var(--lib-w);overscroll-behavior:contain;background:color-mix(in srgb, var(--c-void) 95%, transparent);box-shadow:1px 0 0 var(--line), 24px 0 48px -24px var(--c-void);padding:16px 18px 40px;animation:.2s steps(4,end) both pnt-drawer;position:fixed;bottom:0;left:0;overflow:hidden auto}.pnt-lib[hidden]{display:none}@keyframes pnt-drawer{0%{opacity:0;transform:translate(-24px)}}.pnt-lib-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pnt-lib-title{font:500 1.5rem/1.2 var(--font-name);letter-spacing:.04em}.pnt-lib-note{min-height:1.4em;color:var(--accent-hi);margin:10px 0 0;font-size:.875rem}.pnt-lib-search{flex-basis:100%;max-width:360px}.pnt-card[hidden]{display:none}.pnt-lib-sub{font:400 .8125rem/1 var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:18px 0 8px}.pnt-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:10px;display:grid}.pnt-card{isolation:isolate;box-shadow:0 0 0 1px var(--line);transition:transform var(--snap) steps(2);align-content:start;gap:6px;padding:8px;display:grid;position:relative}.pnt-card:before,.pnt-card:after{content:"";z-index:-1;position:absolute}.pnt-card:before{background:var(--glow);-webkit-mask:var(--dv-6) repeat left top / 8px 8px;-webkit-mask:var(--dv-6) repeat left top / 8px 8px;mask:var(--dv-6) repeat left top / 8px 8px;opacity:0;transition:opacity .2s steps(3,end);inset:-7px}.pnt-card:after{background:var(--c-shadow);inset:0}.pnt-card:hover,.pnt-card:focus-within{box-shadow:0 0 0 1px var(--glow-hi);transform:translateY(-2px)}.pnt-card:hover:before,.pnt-card:focus-within:before{opacity:1}.pnt-card.is-current{box-shadow:0 0 0 2px var(--accent)}.pnt-card-open{aspect-ratio:16/9;background:var(--c-void);box-shadow:0 0 0 1px var(--line);cursor:pointer;border:0;padding:0;display:grid;overflow:hidden}.pnt-card-open:focus-visible{outline:2px solid var(--glow-hi);outline-offset:2px}.pnt-card-open img{object-fit:cover;width:100%;height:100%}.pnt-card-open .pnt-sw{box-shadow:none;display:flex}.pnt-card-open .pnt-sw i{flex:1;width:auto;height:auto}.pnt-card-name{font:500 1.0625rem/1.3 var(--font-name);color:var(--c-bone);cursor:pointer}.pnt-card:hover .pnt-card-name{color:var(--glow-hi)}.pnt-card-sum{color:var(--text-dim);font-size:.8125rem;line-height:1.45}.pnt-card-acts{flex-wrap:wrap;gap:5px;display:flex}.pnt-card-acts .pix-btn,.pnt-card-confirm .pix-btn{padding:3px 7px;font-size:.75rem}.pnt-card-confirm{background:var(--c-void);flex-wrap:wrap;align-items:center;gap:6px;padding:6px;font-size:.875rem;display:flex;box-shadow:inset 2px 0 #e03a3a}.pnt-card-confirm[hidden]{display:none}.pnt-lib-confirm{flex-basis:100%}.pnt-card-rename{background:var(--c-void);width:100%;box-shadow:0 0 0 1px var(--accent);font:500 1rem/1.3 var(--font-name);color:var(--c-bone);border:0;padding:3px 6px}.pnt-danger:hover{--b:#e03a3a;color:#ff8a8a}.pnt-toast{z-index:35;background:var(--c-void);max-width:min(520px,100vw - 32px);box-shadow:0 0 0 1px var(--line-strong), inset 2px 0 0 var(--accent);opacity:0;pointer-events:none;padding:8px 12px;font-size:.9375rem;transition:opacity .24s steps(3,end),transform .24s steps(3,end);position:fixed;bottom:16px;left:16px;transform:translateY(6px)}.pnt-toast.is-on{opacity:1;transform:none}.pnt-toast.has-link.is-on{pointer-events:auto}.pnt-toast a{color:var(--accent-hi);text-underline-offset:3px;text-decoration:underline}.pnt-toast a:hover{color:var(--accent-core)}.pnt-error{top:calc(var(--bar-h) + 16px);z-index:40;position:fixed;left:16px}@media (width<=759px){.pnt-bar{gap:6px;padding:6px 8px}.pnt-banners,body.panel-off .pnt-banners{width:calc(100vw - 2 * var(--gutter));left:50%}.pnt-bar kbd{display:none}.pnt-home .brand-mark{height:26px}.pnt-title{flex:90px}.pnt-tools .pnt-caret{display:none}.pnt-name{flex:auto;min-width:80px}.pnt-dot{gap:0;font-size:0}.pnt-bar .pix-btn{padding:4px 7px;font-size:.8125rem}.pnt-beat{display:none}.pnt-panel{width:auto;height:46vh;box-shadow:0 -1px 0 var(--line);top:auto;left:0}.pnt-panel-head{padding:8px 12px 6px}.pnt-panel-body{padding:0 12px 28px}.pnt-search-notes{max-height:4.5em}.pnt-tabs{z-index:2;scrollbar-width:none;background:var(--c-void);box-shadow:0 1px 0 var(--line);gap:2px;margin:0 -12px 6px;padding:6px 8px;display:flex;position:sticky;top:0;overflow-x:auto}.pnt-tabs button{font:400 .8125rem/1 var(--font-pixel);color:var(--text-dim);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;padding:6px 9px}.pnt-tabs button[aria-pressed=true]{color:var(--accent-hi);box-shadow:inset 0 -2px 0 var(--accent)}.pnt-tabs button.is-miss,.pnt-sec-head{display:none}.pnt-sec+.pnt-sec{box-shadow:none}.pnt-sec:not([data-open]){display:none}.pnt-sec-body{padding-top:6px}.pnt-lib{top:var(--bar-h);width:100vw}.pnt-render-menu{right:8px}body.pnt:not(.panel-off):has(.stats-overlay) .pnt-render-menu{max-height:max(120px, calc(100dvh - 46vh - var(--bar-h) - 94px));overflow-y:auto}body.pnt .pack{bottom:calc(46vh + 10px);right:10px}body.pnt.panel-off .pack{bottom:16px}.pnt-toast{bottom:calc(46vh + 12px)}body.panel-off .pnt-toast{bottom:16px}}@media (prefers-reduced-motion:reduce){.pnt-lib,.pnt-beat.is-drop b,.pnt-dot:before{animation:none}.pnt-chip,.pnt-card{transition:none}}