.type-four-flipper{width:min(100%, var(--preview-media,320px));aspect-ratio:508/889;align-self:center;position:relative}.type-four-flipper>.print-card-type-four,.type-four-flipper>.media-editor{width:100%;height:100%;position:absolute;inset:0}.type-four-flipper>[data-active=false]{visibility:hidden;pointer-events:none}.type-four-flipper>.print-card-type-four[data-active=false][data-exporting]{visibility:visible}.print-card-type-four{--px:calc(100cqw / 508);--t4-face:#20161f;--t4-face-end:#352231;--t4-panel:#100b12;--t4-panel-end:#211429;--t4-accent:#f2a51a;--t4-support:#7b315f;--t4-pearl:#fffaf0;--t4-pearl-warm:#f7dfb9;--t4-pearl-cool:#cae9ec;--t4-shadow:#09070a;--t4-rim-a:var(--t4-accent);--t4-rim-b:var(--t4-support);--t4-title:var(--t4-pearl);--t4-small:var(--t4-pearl);--t4-text-plate:var(--t4-panel);--t4-qr-ink:#09070a;--t4-qr-paper:#fffdf8;--t4-strength:.14;--t4-angle:118deg;--t4-light-x:28%;--t4-light-y:18%;width:min(100%, var(--preview-media,320px));aspect-ratio:508/889;isolation:isolate;color:var(--t4-small);background:linear-gradient(calc(var(--t4-angle) + 36deg), transparent 45%, color-mix(in oklab, var(--t4-face-end) 78%, transparent) 100%), linear-gradient(155deg, var(--t4-face), color-mix(in oklab, var(--t4-face) 82%, var(--t4-panel)));border:0;border-radius:0;transition:background .28s,color .28s;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000073;container-type:inline-size}.print-card-type-four:before{content:"";z-index:0;pointer-events:none;opacity:calc(.52 + var(--t4-strength));background:radial-gradient(90% 54% at var(--t4-light-x) var(--t4-light-y), color-mix(in oklab, var(--t4-pearl) 22%, transparent), transparent 58%), linear-gradient(var(--t4-angle), transparent 27%, color-mix(in oklab, var(--t4-pearl-cool) 10%, transparent) 45%, color-mix(in oklab, var(--t4-pearl-warm) 13%, transparent) 53%, transparent 70%), radial-gradient(105% 70% at 50% 105%, color-mix(in oklab, var(--t4-shadow) 72%, transparent), transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen;position:absolute;inset:0}.print-card-type-four:after{content:"";inset:calc(var(--px) * 14);z-index:0;pointer-events:none;border:max(1px, calc(var(--px) * 1.4)) solid color-mix(in oklab, var(--t4-rim-a) 42%, transparent);box-shadow:inset 0 0 0 max(1px, calc(var(--px) * 1)) color-mix(in oklab, var(--t4-pearl) 10%, transparent);position:absolute}.print-card-type-four>*{z-index:1;margin:0;position:absolute}.type-four-light{pointer-events:none;filter:blur(calc(var(--px) * 18));opacity:calc(var(--t4-strength) * .52)}.type-four-light-primary{width:calc(var(--px) * 190);height:calc(var(--px) * 70);left:calc(var(--px) * -35);top:calc(var(--px) * 62);background:var(--t4-rim-a);transform:rotate(-12deg)}.type-four-light-secondary{width:calc(var(--px) * 180);height:calc(var(--px) * 64);right:calc(var(--px) * -55);bottom:calc(var(--px) * 100);background:var(--t4-rim-b);transform:rotate(-24deg)}.type-four-topline{left:calc(var(--px) * 40);right:calc(var(--px) * 40);top:calc(var(--px) * 43);padding:calc(var(--px) * 7) calc(var(--px) * 8);color:var(--t4-small);background:color-mix(in oklab, var(--t4-text-plate) 86%, transparent);font:700 calc(var(--px) * 17)/1 "JetBrains Mono", monospace;letter-spacing:.045em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.type-four-header-rule{left:calc(var(--px) * 48);right:calc(var(--px) * 48);top:calc(var(--px) * 88);height:max(1px, calc(var(--px) * 2));background:linear-gradient(90deg, var(--t4-rim-a), var(--t4-rim-b))}.type-four-art-shell{left:calc(var(--px) * 89);top:calc(var(--px) * 119);width:calc(var(--px) * 330);aspect-ratio:1;padding:calc(var(--px) * 15);box-sizing:border-box;background:conic-gradient(from var(--t4-angle), var(--t4-rim-a), var(--t4-rim-b), var(--t4-pearl-cool), var(--t4-rim-a));box-shadow:0 calc(var(--px) * 18) calc(var(--px) * 34) color-mix(in oklab, var(--t4-shadow) 60%, transparent)}.type-four-art-shell:before{content:"";inset:calc(var(--px) * 5);border:calc(var(--px) * 2) solid color-mix(in oklab, var(--t4-pearl) 72%, transparent);position:absolute}.type-four-art-rim{inset:calc(var(--px) * 11);border:calc(var(--px) * 3) solid color-mix(in oklab, var(--t4-shadow) 82%, transparent);pointer-events:none;z-index:2}.type-four-artwork{inset:calc(var(--px) * 15);cursor:pointer;background:var(--t4-panel);border:0;padding:0;overflow:hidden}.type-four-artwork img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.type-four-artwork[data-art=square] img{-o-object-fit:contain;object-fit:contain}.type-four-artwork:hover img{transform:scale(1.018)}.type-four-levels{left:calc(var(--px) * 151);top:calc(var(--px) * 468);width:calc(var(--px) * 206);height:calc(var(--px) * 46);justify-content:center;align-items:end;gap:calc(var(--px) * 8);display:flex}.type-four-levels span{width:calc(var(--px) * 14);height:calc(var(--px) * var(--bar) * .5);min-height:calc(var(--px) * 5);background:linear-gradient(180deg, var(--t4-rim-b), var(--t4-rim-a));transform-origin:bottom}.print-card-type-four[data-playing] .type-four-levels span{animation:type-four-eq .58s calc(var(--i) * -70ms) ease-in-out infinite alternate}@keyframes type-four-eq{to{transform:scaleY(.48)}}.type-four-mid-rule{left:calc(var(--px) * 48);right:calc(var(--px) * 48);top:calc(var(--px) * 530);height:max(1px, calc(var(--px) * 2));background:linear-gradient(90deg, var(--t4-rim-a), color-mix(in oklab, var(--t4-rim-b) 80%, transparent))}.type-four-copy-block{left:calc(var(--px) * 48);top:calc(var(--px) * 558);width:calc(var(--px) * 412);height:calc(var(--px) * 190)}.type-four-artist{max-width:calc(var(--px) * 280);padding:calc(var(--px) * 4) calc(var(--px) * 7);color:var(--t4-small);background:color-mix(in oklab, var(--t4-text-plate) 88%, transparent);font:700 calc(var(--px) * 18)/1.1 "JetBrains Mono", monospace;letter-spacing:.16em;text-transform:uppercase;top:0;left:0}.type-four-title{left:0;top:calc(var(--px) * 34);width:calc(var(--px) * 250);white-space:nowrap;color:var(--t4-title);font:400 calc(var(--px) * (76 - var(--title-fit,0) * 5))/.88 "Bebas Neue", sans-serif;letter-spacing:-.015em;text-transform:uppercase;overflow:hidden}.print-card-type-four[data-title-fit="0"]{--title-fit:0}.print-card-type-four[data-title-fit="1"]{--title-fit:1}.print-card-type-four[data-title-fit="2"]{--title-fit:2}.print-card-type-four[data-title-fit="3"]{--title-fit:3}.print-card-type-four[data-title-fit="4"]{--title-fit:4}.print-card-type-four[data-title-fit="5"]{--title-fit:5}.print-card-type-four[data-title-fit="6"]{--title-fit:6}.print-card-type-four[data-title-fit="7"]{--title-fit:7}.print-card-type-four[data-title-fit="8"]{--title-fit:8}.type-four-release{left:0;top:calc(var(--px) * 128);max-width:calc(var(--px) * 220);white-space:nowrap;padding:calc(var(--px) * 4) calc(var(--px) * 7);color:var(--t4-small);background:color-mix(in oklab, var(--t4-text-plate) 88%, transparent);font:600 calc(var(--px) * 11)/1.2 "JetBrains Mono", monospace;letter-spacing:.05em;text-transform:uppercase;overflow:hidden}.type-four-meta{left:0;top:calc(var(--px) * 165);max-width:calc(var(--px) * 210);padding:calc(var(--px) * 4) calc(var(--px) * 7);color:var(--t4-small);background:color-mix(in oklab, var(--t4-text-plate) 88%, transparent);font:700 calc(var(--px) * 13)/1.1 "JetBrains Mono", monospace;text-transform:uppercase}.type-four-scan-block{right:calc(var(--px) * 48);top:calc(var(--px) * 690);width:calc(var(--px) * 150);color:var(--t4-qr-ink)}.type-four-scan-block>p{left:0;top:calc(var(--px) * -22);width:100%;color:var(--t4-small);background:color-mix(in oklab, var(--t4-text-plate) 88%, transparent);text-align:center;font:700 calc(var(--px) * 10)/1 "JetBrains Mono", monospace;letter-spacing:.08em;position:absolute}.type-four-qr-frame{width:calc(var(--px) * 150);height:calc(var(--px) * 150);padding:calc(var(--px) * 11);border:calc(var(--px) * 2) solid var(--t4-rim-a);color:var(--t4-qr-ink);background:var(--t4-qr-paper);cursor:pointer}.type-four-qr-frame[data-qr-empty]{box-sizing:border-box;cursor:default;display:block}.type-four-qr,.type-four-qr svg{width:100%;height:100%;display:block}.type-four-footer{left:calc(var(--px) * 48);bottom:calc(var(--px) * 16);width:calc(var(--px) * 412);padding-top:calc(var(--px) * 8);border-top:max(1px, calc(var(--px) * 1.5)) solid color-mix(in oklab, var(--t4-rim-b) 70%, transparent);color:var(--t4-small);font:600 calc(var(--px) * 9)/1 "JetBrains Mono", monospace;letter-spacing:.08em;justify-content:space-between;display:flex}.print-card-type-four[data-material=aperture] .type-four-art-shell{background:conic-gradient(from var(--t4-angle), var(--t4-rim-a), var(--t4-pearl-cool), var(--t4-rim-b), var(--t4-rim-a))}.print-card-type-four[data-material=relay]:before{opacity:calc(.58 + var(--t4-strength))}.print-card-type-four[data-material=relay] .type-four-art-shell{background:linear-gradient(135deg, var(--t4-rim-a) 0 48%, var(--t4-pearl) 48% 52%, var(--t4-rim-b) 52% 100%)}.print-card-type-four[data-material=relay] .type-four-mid-rule,.print-card-type-four[data-material=relay] .type-four-header-rule{background:linear-gradient(90deg, var(--t4-rim-a) 0 47%, var(--t4-pearl) 47% 53%, var(--t4-rim-b) 53%)}.print-card-type-four[data-material=nocturne]{background:radial-gradient(110% 60% at var(--t4-light-x) -5%, color-mix(in oklab, var(--t4-rim-b) 13%, transparent), transparent 62%), linear-gradient(160deg, color-mix(in oklab, var(--t4-shadow) 86%, var(--t4-face)), var(--t4-shadow))}.print-card-type-four[data-material=nocturne] .type-four-art-shell{background:linear-gradient(var(--t4-angle), color-mix(in oklab, var(--t4-pearl) 72%, var(--t4-rim-a)), var(--t4-rim-b));box-shadow:0 calc(var(--px) * 22) calc(var(--px) * 42) color-mix(in oklab, var(--t4-rim-b) 20%, var(--t4-shadow))}.type-four-tools{align-items:center;gap:7px;display:flex}.type-four-tools button{color:inherit;text-transform:uppercase;cursor:pointer;background:#0808087a;border:1px solid #ffffff3b;padding:5px 8px;font:700 .58rem/1 Space Mono,monospace}.type-four-export{position:relative}.type-four-export>div{z-index:50;background:#0b0b0d;border:1px solid #ffffff3d;gap:4px;min-width:150px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 40px #0006}.type-four-export>div button{text-align:left;width:100%}@media (prefers-reduced-motion:reduce){.print-card-type-four[data-playing] .type-four-levels span{animation:none}}