.dhs[data-xray] .dhs-mark{filter:grayscale()}.dhs[data-xray] .dhs-mark__window{border:1px solid #0b0b1533;box-shadow:none!important}.dhs-mark{margin:0;padding:0 0 48px;position:relative}.dhs-mark__window{background:var(--paper);color:var(--ink);border-radius:22px 22px 22px 90px;padding:14px 16px 30px;position:relative;box-shadow:0 40px 80px -30px #0b0b158c}.dhs-mark__chrome{align-items:center;gap:6px;padding:2px 4px 14px;display:flex}.dhs-mark__chrome>span{background:#0b0b1524;border-radius:50%;width:10px;height:10px}.dhs-mark__file{color:#0b0b1599;background:#0b0b150d;border-radius:50px;flex:1;margin:0 0 0 14px;padding:6px 14px;font:500 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.dhs-mark__stage{grid-template-columns:1.15fr 1fr;gap:12px;display:grid}.dhs-mark__stage>*{min-width:0}.dhs-mark__stage em{font-style:normal;font-family:var(--font-grotesque);letter-spacing:-.2px;color:var(--blue);font-size:.95rem;font-weight:600;line-height:1}.dhs-mark__canvas{aspect-ratio:1;background-color:#f2f5fd;background-image:linear-gradient(#0642ff0f 1px,#0000 1px),linear-gradient(90deg,#0642ff0f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:16px 16px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:14px;place-items:center;display:grid;position:relative}.dhs-mark__canvas svg{width:88%;height:88%;overflow:visible}.dhs-mark__canvas>em{position:absolute;top:10px;left:12px}.dhs-mark__guide{fill:none;stroke:var(--blue);stroke-width:.5px;stroke-dasharray:1 2;stroke-dashoffset:1px;opacity:.7;transition:stroke-dashoffset 1s cubic-bezier(.65, 0, .35, 1) calc(var(--k) * .11s), opacity .8s var(--ease)}.dhs-mark.ph-1 .dhs-mark__guide{stroke-dashoffset:0}.dhs-mark.ph-3 .dhs-mark__guide{opacity:.22}.dhs-mark__arch,.dhs-mark__dot{fill:#092744}.dhs-mark__fill{opacity:0;transform-origin:60px 60px;transition:opacity .6s var(--ease), transform .9s cubic-bezier(.34, 1.56, .64, 1);transform:scale(.9)}.dhs-mark.ph-2 .dhs-mark__fill{opacity:1;transform:none}.dhs-mark__uses{grid-template-rows:repeat(3,1fr);gap:12px;display:grid}.dhs-mark__use{transition:background-color .6s var(--ease) calc(var(--k) * .16s), border-color .5s calc(var(--k) * .16s);border:1.5px dashed #0642ff4d;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}.dhs-mark__use>span{opacity:0;transition:opacity .5s var(--ease) calc(var(--k) * .16s), transform .8s cubic-bezier(.34, 1.56, .64, 1) calc(var(--k) * .16s);transform:translateY(10px)scale(.9)}.dhs-mark__use>em{opacity:.5;transition:opacity .5s calc(var(--k) * .16s);margin-left:auto}.dhs-mark.ph-3 .dhs-mark__use{background:#f2f5fd;border-color:#0000}.dhs-mark.ph-3 .dhs-mark__use>span{opacity:1;transform:none}.dhs-mark.ph-3 .dhs-mark__use>em{opacity:1}.dhs-mark__app>span{background:#adb6d2;border-radius:12px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 16px -8px #09274473}.dhs-mark__app svg{width:26px;height:26px}.dhs-mark__card>span{background:#d6c3c2;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;width:82px;height:48px;padding:0 10px;display:grid;rotate:-5deg;box-shadow:0 10px 18px -10px #0b0b1599}.dhs-mark__card svg{grid-row:span 2;width:18px;height:18px}.dhs-mark__card i{background:#986452;border-radius:4px;height:4px;display:block}.dhs-mark__card i:last-child{background:#09274459;width:60%}.dhs-mark__palette>span{display:flex}.dhs-mark__palette i{border-radius:50%;width:26px;height:26px;box-shadow:0 0 0 2px #f2f5fd,inset 0 0 0 1px #0b0b151a}.dhs-mark__palette i+i{margin-left:-6px}.dhs-mark__kit{position:absolute;bottom:0;right:clamp(-12px,-1vw,0px)}.dhs-mark__zip{z-index:1;background:var(--paper);color:var(--ink);opacity:0;transition:opacity .5s var(--ease), transform .9s cubic-bezier(.34, 1.56, .64, 1);border-radius:18px;align-items:center;gap:14px;padding:12px 22px 12px 12px;font-size:.9rem;line-height:1.3;display:flex;position:relative;transform:translateY(24px)scale(.9);box-shadow:0 24px 50px -20px #0b0b158c}.dhs-mark.ph-4 .dhs-mark__zip{opacity:1;transform:none}.dhs-mark__zip b{color:var(--ink);font-size:1rem;font-weight:500;display:block}.dhs-mark__zip>span:last-child{color:#0b0b1599}.dhs-mark__folder{flex:none;place-items:center;width:48px;height:40px;display:grid;position:relative}.dhs-mark__folder svg:first-child{width:100%;height:100%;position:absolute;inset:0}.dhs-mark__folder svg:first-child path{fill:#adb6d2}.dhs-mark__folder-mark{width:18px;height:18px;margin-top:4px;position:relative}@media (max-width:480px){.dhs-mark__stage{grid-template-columns:1fr 1fr;gap:8px}.dhs-mark__use{gap:8px;padding:8px}.dhs-mark__use>em{display:none}.dhs-mark__use{justify-content:center}.dhs-mark__app>span{width:40px;height:40px}.dhs-mark__card>span{width:66px;height:40px;padding:0 8px}.dhs-mark__palette i{width:20px;height:20px}}.dhs--branding .dhs-setlist__img{object-fit:cover;object-position:72% center;width:100%;height:100%;display:block;position:absolute;inset:0}.dhs--branding .dhs-toolkit__field{touch-action:pan-y;background:#eef2fd;border-radius:22px 90px 22px 22px;min-height:480px;margin:0;padding:0;list-style:none;position:relative;overflow:hidden}