@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2)format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}@font-face{font-family:Rubik Mono One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-mono-one-latin-400-normal-U2Afr9Di.woff2)format("woff2"),url(/assets/rubik-mono-one-latin-400-normal-Cd19iSlZ.woff)format("woff")}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-latin-400-normal-7HIToT7q.woff2)format("woff2"),url(/assets/pacifico-latin-400-normal-DArfF-vd.woff)format("woff")}#materials-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.font-specimen{color:#d9c6f4;overflow-wrap:anywhere;padding:14px 0 20px;font-size:24px}.sticker-shelf{grid-template-columns:repeat(6,1fr);gap:6px;margin:15px 0 23px;display:grid}.sticker-shelf button{color:#cbb4f0;background:#25243b;border-color:#605471;padding:7px 2px;font:23px Arial}.sticker-shelf button:nth-child(3n+2){color:#f4dc83}.sticker-shelf button:nth-child(3n){color:#9adbc0}.sticker-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tabs button{font-size:10px}.template-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mini span{font-size:28px}.mini b{font-size:50px}.template-caption{flex-wrap:wrap;gap:7px}.template-caption strong{line-height:1.4}.sticker-fields input{width:100%}#controls input[type=color]{width:100%;height:36px}@media (width<=1100px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.template-grid{grid-template-columns:1fr 1fr}.sticker-shelf,.sticker-fields,.font-specimen{grid-column:1/-1}.tabs button{font-size:9px}}.swatches{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.swatches button{width:100%}.custom-card-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0;display:grid}.custom-card-colors>div{min-width:0}.custom-card-colors label{margin-bottom:6px;font-size:9px}.custom-card-colors input[type=text]{width:100%;padding:7px 4px;font-family:monospace;font-size:10px}.custom-card-colors input[aria-invalid=true]{border-color:#e6b36a;outline:1px solid #e6b36a}#reset-card-colors{margin-bottom:20px;font-size:10px}@media (width<=760px){.custom-card-colors{grid-column:1/-1}}.templates .template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.templates .mini{aspect-ratio:480/340;background:0 0;height:auto}.templates .mini:after{display:none}.templates .mini canvas{width:100%;height:100%;display:block}.templates .template-caption{padding:15px 14px}.templates .template-caption strong{font-size:12px}#card[data-layout=split] .art{top:88px;left:30px;right:160px}#card[data-layout=split] #card-title{text-align:left;letter-spacing:-1px}#card[data-layout=left] .art{top:85px;left:35px;right:80px}#card[data-layout=left] #card-title{text-align:left;letter-spacing:-1px}#card[data-layout=letter] .art{top:95px;left:38px;right:30px}#card[data-layout=letter] #card-title{text-align:left;letter-spacing:-1px}#card[data-layout=letter] .card-note{text-align:left;bottom:90px;left:38px}#card[data-layout=poster] .art{top:55px;bottom:72px}@media (width<=1000px){.templates .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.templates .template-grid{grid-template-columns:1fr}.templates .mini{max-height:260px}}[hidden]{display:none!important}.workspace-switch{gap:8px;margin-bottom:18px;display:flex}#motion-studio{background:#f9f8f3;border:2px solid #191919;grid-template-columns:290px minmax(0,1fr);display:grid;box-shadow:6px 6px #191919}.motion-controls{border-right:2px solid #191919;max-height:890px;padding:20px;overflow:auto}.motion-controls input[type=color]{width:100%;height:36px;padding:0}.motion-controls input[type=number]{padding:6px}.motion-actions,.motion-pair{gap:10px;display:flex}.motion-pair>*{flex:1;min-width:0}.motion-actions{margin-bottom:18px}.motion-actions button{font-size:10px}.motion-controls hr{border:0;border-top:1px solid #191919;margin:22px 0}.motion-stage{background:#d8d5ce;min-width:0;padding:18px}.motion-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:15px;display:flex}.motion-toolbar span{margin-right:auto;font-size:10px}.motion-toolbar button{font-size:10px}.poster-wrap{background:repeating-linear-gradient(45deg,#00000005 0 1px,#0000 1px 12px);justify-content:center;align-items:center;height:490px;display:flex;overflow:hidden}#poster{object-fit:contain;touch-action:none;cursor:move;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:5px 5px 15px #0003}.motion-transport{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;display:flex}.motion-transport>input[type=range]{flex:1;min-width:90px}.motion-transport label{align-items:center;gap:4px;margin:0;display:flex}.motion-transport input[type=number]{width:55px;margin:0}.motion-transport output,.motion-transport button{font-size:11px}.track{background:#f0eee7;width:100%;height:34px;margin:4px 0;padding:0;display:block;position:relative;overflow:hidden}.track span{z-index:1;float:left;color:#fff;background:#191919;padding:8px;font-size:10px;position:relative}.track i{background:#a9d9ff;border:1px solid #191919;padding:5px;font:10px monospace;position:absolute;top:3px;bottom:3px}.track.chosen{outline:2px solid #5687ff}.motion-files{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.motion-files button{font-size:10px}.motion-files label{max-width:230px;margin:0}.motion-files input{max-width:100%;font-size:10px}#motion-status{font-size:11px;line-height:1.5}#video-result video{width:100%;max-height:400px;margin-top:16px}#video-result a{color:#191919;text-align:center;background:#a9d9ff;padding:12px;font-weight:700;display:block}#fold-motion{pointer-events:none;width:450px;height:350px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=760px){#motion-studio{flex-direction:column;display:flex}.motion-stage{order:-1;padding:12px}.poster-wrap{height:340px}.motion-controls{border:0;border-top:2px solid #191919;max-height:none}.motion-transport{gap:8px}.workspace-switch button{padding:10px;font-size:10px}.motion-toolbar span{width:100%}.motion-transport label{font-size:9px}}:root{color:#273c32;font-synthesis:none;background:#f5f3ed;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:1px solid #d5d9cd;border-radius:7px;padding:10px 15px}header{border-bottom:1px solid #dedfd6;justify-content:space-between;align-items:center;gap:24px;height:90px;padding:0 4%;display:flex}.brand{letter-spacing:-1.2px;color:inherit;align-items:center;gap:10px;font-size:27px;font-weight:750;text-decoration:none;display:flex}.brand span{letter-spacing:2px;border-left:1px solid #cdd1c5;margin-left:6px;padding-left:15px;font-size:9px;font-weight:400}.header-note{color:#838a7b;font-size:12px}.header-actions{align-items:center;gap:10px;display:flex}.header-actions>span{color:#7c8575;margin-right:8px;font-size:10px}.primary{color:#fff;background:#335847;border-color:#335847}.primary span{margin-left:20px}main{max-width:1450px;margin:auto;padding:44px 4% 55px}.intro{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.kicker{letter-spacing:2.7px;color:#778370;margin:0 0 14px;font-size:10px;font-weight:700}h1{letter-spacing:-1.6px;margin:0 0 13px;font-size:clamp(30px,3vw,45px);font-weight:450}h1 em{color:#52745b;font-family:Georgia,serif}.intro p:last-child{color:#788174;margin:0;font-size:13px}.quiet{color:#778174;border:0;font-size:11px}.workspace{background:#fffef9;border:1px solid #d9ddcf;border-radius:12px;grid-template-columns:310px 1fr;min-height:620px;display:grid;overflow:hidden;box-shadow:0 12px 45px #314f3410}.editor{border-right:1px solid #dedfd6;flex-direction:column;display:flex}.tabs{border-bottom:1px solid #dedfd6;gap:25px;padding:0 24px;display:flex}.tabs button{color:#859080;border:0;border-radius:0;padding:20px 0;font-size:12px}.tabs button.active{color:#335847;border-bottom:2px solid #335847}.control-heading{align-items:center;gap:10px;margin-bottom:18px;display:flex}.control-heading span{color:#84917b;border:1px solid #dce1d2;border-radius:50%;padding:4px;font-size:9px}.control-heading h2{margin:0;font-size:12px;font-weight:600}label{color:#737f6d;margin-bottom:17px;font-size:10px;display:block}label>span{float:right;letter-spacing:1px;color:#9ca68e;font-size:7px}input:not([type=range],[type=file]),textarea,select{color:#344932;resize:vertical;background:#fafbf5;border:1px solid #e0e4d7;border-radius:6px;width:100%;margin-top:8px;padding:10px;font-size:12px;display:block}textarea[data-key=title]{font-family:Georgia,serif;font-size:21px;line-height:1.2}.segmented{gap:5px;margin-bottom:18px;display:flex}.segmented button{flex:1;padding:10px 8px;font-size:10px}.selected{background:#eaf0dd!important;border-color:#7b9167!important}.range-label output{float:right}input[type=range]{accent-color:#486c4f;cursor:pointer;width:100%;height:4px;margin:15px 0}.editor-tip{border-top:1px solid #e0e4d7;align-items:center;gap:12px;margin:auto 24px 18px;padding-top:16px;display:flex}.editor-tip p{font-size:10px;line-height:1.8}.editor-tip small{color:#8b9483;font-size:9px}.preview{background:radial-gradient(at 50% 40%,#f5f4ec,#e8eade);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.preview-top,.preview-bottom{z-index:1;justify-content:space-between;align-items:center;padding:17px 24px;display:flex}.preview-top>span,.preview-bottom>span{letter-spacing:1.5px;color:#87917c;font-size:8px}.preview-top i{background:#77975e;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.preview-bottom label{align-items:center;gap:10px;margin:0;display:flex}.preview-bottom input{width:80px}#scene{perspective:1100px;flex:1;place-items:center;min-height:390px;display:grid;overflow:hidden}#card{width:480px;height:340px;transform-style:preserve-3d;transform:rotateX(31deg) rotateZ(var(--rotation));color:var(--ink);position:relative}.base{background:var(--paper);border-radius:3px;position:absolute;inset:0;overflow:hidden;box-shadow:18px 32px 30px #26371930}.base:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.4%,#00000012 50%,#fff3 51%,#0000 52%);position:absolute;inset:0}.card-eyebrow,.card-note,.card-signature{text-align:center;overflow-wrap:anywhere;position:absolute;left:22px;right:22px}.card-eyebrow{letter-spacing:2px;max-height:35px;font-size:8px;top:23px;overflow:hidden}.card-note{max-height:40px;font:italic 12px Georgia;bottom:46px;overflow:hidden}.card-signature{letter-spacing:1px;font-size:7px;bottom:18px}.art{transform-origin:50% 100%;transform:rotateX(calc(var(--open) * -34deg)) translateZ(calc(var(--open) * 30px));transform-style:preserve-3d;position:absolute;inset:65px 25px 88px}#card-title{text-align:center;letter-spacing:-3px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;text-shadow:1px 2px 0 color-mix(in srgb, var(--ink) 25%, var(--paper)), 3px 5px 1px #00000014;margin:0;font-weight:900;line-height:.95;overflow:hidden;transform:translateZ(5px)}.motif{color:var(--accent);text-shadow:2px 4px #00000010;font-size:90px;position:absolute;bottom:-30px;right:-9px;transform:translateZ(10px)rotate(-15deg)}.flap{background:var(--paper);transform-origin:100%;transform:translateZ(3px) rotateY(calc((1 - var(--open)) * 170deg));backface-visibility:hidden;pointer-events:none;position:absolute;inset:0 50% 0 0;box-shadow:inset -3px 0 6px #0000000a}.flap span{letter-spacing:2px;font-size:12px;line-height:2;position:absolute;top:45%;left:25px}.flap.right{transform-origin:0;transform:translateZ(4px) rotateY(calc((1 - var(--open)) * -170deg));display:none;inset:0 0 0 50%}.flap.left{opacity:calc(1 - var(--open))}#card[data-fold=gate] .flap.right{opacity:calc(1 - var(--open));display:block}#card[data-fold=gate] .art{transform:translateZ(calc(var(--open) * 35px)) scale(calc(.75 + var(--open) * .25))}#card[data-fold=accordion] .art{transform:rotateX(calc(var(--open) * -18deg)) rotateY(calc(var(--open) * -12deg)) translateZ(calc(var(--open) * 60px))}#card[data-fold=accordion] #card-title{transform:skewY(calc(var(--open) * -5deg));text-shadow:3px 3px var(--paper), 5px 5px var(--ink), 8px 8px #0002}#card[data-pattern=dots] .base{background-image:radial-gradient(#0002 1px,#0000 1px);background-size:12px 12px}#card[data-pattern=grid] .base{background-image:linear-gradient(#0001 1px,#0000 1px),linear-gradient(90deg,#0001 1px,#0000 1px);background-size:18px 18px}.playback{background:#f8f9f1c9;border-top:1px solid #dce0d1;align-items:center;gap:15px;padding:16px 30px;display:flex}.playback button{color:#fff;background:#335847;border-radius:50%;width:35px;height:35px;padding:0}.playback span{color:#859076;font-size:10px}.playback input{flex:1}.playback output{width:35px;font:11px monospace}.section-heading{justify-content:space-between;align-items:center;margin:32px 0 18px;display:flex}.section-heading h2{margin:0;font:20px Georgia}.section-heading span{letter-spacing:1.5px;color:#859076;font-size:8px}.template-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.template{text-align:left;border:0;border-radius:8px;padding:0;overflow:hidden}.mini{background:var(--paper);height:145px;color:var(--ink);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mini span{letter-spacing:-1px;z-index:1;font:700 29px/.9 Georgia;transform:rotate(-8deg)}.mini b{opacity:.6;margin-left:15px;font:85px Georgia;transform:rotate(10deg)}.mini:after{content:"";background:linear-gradient(100deg,#0000 49%,#00000009 50%,#fff3 51%,#0000 52%);position:absolute;inset:0}.template-caption{justify-content:space-between;align-items:center;padding:13px 0;display:flex}.swatches{gap:7px;display:flex}.swatches button{border:2px solid #0000;width:42px;height:43px;padding:0}.fine{color:#8a9281;font-size:10px;line-height:1.7}.fold-options{gap:8px;margin-bottom:20px;display:grid}.fold-options button{text-align:left;align-items:center;gap:16px;display:flex}.fold-options b{font-size:25px}.fold-options span{font-size:12px}.fold-options small{color:#829075;margin-top:4px;font-size:9px;display:block}footer{border-top:1px solid #dde0d4;justify-content:space-between;align-items:center;gap:20px;padding:25px 4%;display:flex}footer .brand img{width:26px;height:26px}footer>span{color:#8a9283;font-size:10px}#toast{opacity:0;color:#fff;pointer-events:none;z-index:10;background:#294d3b;border-radius:9px;max-width:90vw;padding:15px 22px;font-size:12px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}dialog{color:#294d3b;background:#fffdf5;border:1px solid #d6ddcc;border-radius:15px;width:450px;max-width:92vw;padding:35px}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18302377}dialog h2{margin:15px 0;font:35px/1.1 Georgia}dialog>p:not(.kicker){color:#859076;font-size:12px;line-height:1.7}.close{float:right;border:0;padding:0;font-size:23px}.export-option{text-align:left;width:100%;margin-top:12px;padding:17px}.export-option b,.export-option small{display:block}.export-option small{color:#8a9283;margin-top:7px;font-size:11px}.import{margin:20px 0}.import input{width:100%;margin-top:10px;font-size:11px;display:block}@media (width>=1500px){main{padding-top:55px}.workspace{min-height:675px}#card{scale:1.12}}@media (width<=1050px){.header-note,.header-actions>span{display:none}#card{scale:.8}.workspace{grid-template-columns:280px 1fr}.preview-bottom>span{display:none}}@media (width<=760px){header{height:75px;padding:0 5%}.brand{font-size:23px}.brand span{display:none}.header-actions button{padding:9px;font-size:11px}.primary span{margin-left:5px}main{padding:30px 5%}.intro{align-items:flex-start}.intro p:last-child{max-width:250px;line-height:1.6}.intro .quiet{font-size:0}.intro .quiet:first-letter{font-size:20px}.workspace{flex-direction:column;display:flex}.preview{order:-1}.editor{border-top:1px solid #dedfd6;border-right:0}#scene{min-height:310px}#card{scale:.68}#controls{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}#controls .control-heading,#controls .segmented,#controls .fold-options,#controls .swatches{grid-column:1/-1}.preview-top{padding:12px 16px}.preview-bottom{padding:0 16px}.playback{padding:12px 18px}.section-heading span{display:none}.section-heading h2{font-size:19px}.template-grid{grid-template-columns:1fr 1fr;gap:13px}.mini{height:130px}.mini span{font-size:25px}.mini b{font-size:48px}.template-caption{gap:5px}.template-caption small{font-size:8px}footer{flex-wrap:wrap}footer>span:last-child{text-align:center;width:100%}h1{font-size:32px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#scene{grid-template-columns:minmax(0,1fr)}#card{justify-self:center}.flap.left{transform-origin:0;transform:translateZ(85px) rotateY(calc(var(--open) * -178deg));opacity:1;background:var(--paper);border:1px solid #00000008;inset:0;box-shadow:0 8px 18px #0001}.flap.left span{text-align:center;font-family:Georgia,serif;font-size:19px;line-height:2.5;top:36%;left:15%;right:15%}#card[data-fold=gate] .flap.left{transform:translateZ(85px) rotateY(calc(var(--open) * -160deg));right:50%}#card[data-fold=gate] .flap.right{opacity:1;transform-origin:100%;transform:translateZ(85px) rotateY(calc(var(--open) * 160deg));display:block}#card[data-fold=gate] .flap.left span{font-size:10px}.type-line{min-height:.95em;display:block}#card[data-fold=accordion] .type-line:nth-child(odd){transform:rotateX(calc(var(--open) * -18deg));transform-origin:bottom;background:color-mix(in srgb, var(--paper) 92%, white);box-shadow:0 2px #0001}#card[data-fold=accordion] .type-line:nth-child(2n){transform:rotateX(calc(var(--open) * 18deg));transform-origin:top;background:color-mix(in srgb, var(--paper) 94%, black)}#card-title{max-height:none;overflow:visible}#postcard-result{padding:12px 0}.save-png{color:#fff;text-align:center;background:#335847;border-radius:6px;padding:12px;font-size:12px;text-decoration:none;display:block}:root{color:#191919;--black:#191919;--orange:#5687ff;--acid:#a9d9ff;background:#f0eee7;font-family:Courier New,monospace}header{border-bottom:2px solid var(--black);background:#f0eee7;height:82px;padding:0 3%}.brand{letter-spacing:-1px;text-transform:uppercase;gap:10px;font-family:Impact,Arial Narrow,sans-serif;font-size:34px;font-weight:900}.brand img{width:38px;height:38px}.brand span{letter-spacing:1px;border-color:#191919;font:10px Courier New,monospace}.header-note{color:#191919;font-size:10px;font-weight:700}.header-actions>span{color:#555;font-size:9px}.header-actions{gap:8px}button{border:1px solid var(--black);border-radius:0;font-weight:700}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #643cf4}.primary,.primary:hover{background:var(--orange);color:#191919;border:1px solid #191919;box-shadow:3px 3px #191919}.primary:hover{transform:translate(-1px,-1px)}main{max-width:1600px;padding:34px 3% 45px}.intro{border-bottom:2px solid #191919;align-items:flex-end;margin-bottom:30px;padding-bottom:26px;position:relative}.kicker{letter-spacing:1px;color:#191919;margin-bottom:17px;font:700 10px Courier New,monospace}h1{letter-spacing:-4px;margin:0 0 20px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(65px,7.9vw,118px);font-weight:900;line-height:.85}h1 em{color:var(--orange);font-family:inherit;font-style:normal}.intro p:last-child{color:#333;font:11px/1.6 Courier New,monospace}.intro:after{content:"✳";color:var(--orange);pointer-events:none;font:155px/1 Arial;position:absolute;top:10px;right:5%;transform:rotate(-12deg)}.intro .quiet{color:#191919;z-index:1;background:var(--acid);border:1px solid #191919;padding:10px;font-size:10px}.workspace{background:#f9f8f3;border:2px solid #191919;border-radius:0;grid-template-columns:320px 1fr;min-height:650px;box-shadow:7px 7px #191919}.editor{border-right:2px solid #191919}.tabs{border-bottom:2px solid #191919;gap:0;padding:0}.tabs button{text-transform:uppercase;color:#191919;border:0;flex:1;padding:17px 6px;font-size:11px}.tabs button+button{border-left:1px solid #191919}.tabs button.active{color:var(--acid);background:#191919;border:0}.control-heading{gap:9px;margin-bottom:16px}.control-heading span{background:var(--orange);color:#191919;border:0;border-radius:0;padding:5px;font-size:10px}.control-heading h2{text-transform:uppercase;font:700 12px Courier New,monospace}#controls{padding:20px}label{color:#333;font-size:10px;font-weight:700}input:not([type=range],[type=file]),textarea,select{color:#191919;background:#f0eee7;border:1px solid #aaa99d;border-radius:0;font-family:Courier New,monospace;font-size:12px}textarea[data-key=title]{letter-spacing:-.5px;font-family:Impact,Arial Narrow,sans-serif;font-size:28px}.segmented button{padding:9px 5px;font-size:10px}.selected{box-shadow:2px 2px #191919;background:var(--acid)!important;border-color:#191919!important}.editor-tip{border-color:#191919;margin:auto 20px 16px}.editor-tip>span{color:var(--orange);font-size:34px}.editor-tip p{color:#191919}.editor-tip small{color:#555}.preview{background-color:#d8d5ce;background-image:linear-gradient(#1919190a 1px,#0000 1px),linear-gradient(90deg,#1919190a 1px,#0000 1px);background-size:24px 24px}.preview-top{border-bottom:1px solid #19191925;padding:14px 20px}.preview-top>span{color:#191919;letter-spacing:1px;font-size:9px}.preview-top i{background:var(--orange);border-radius:0}.quiet{color:#191919;font-family:Courier New,monospace}.preview-bottom>span{color:#333;letter-spacing:1px;font-size:8px}.preview-bottom label{color:#191919}input[type=range]{accent-color:var(--orange)}.playback{color:#fff;background:#191919;border-top:2px solid #191919;padding:14px 22px}.playback button{background:var(--acid);color:#191919;border:0;border-radius:0;font-size:16px}.playback span{color:#eee;text-transform:uppercase;font-size:10px}.playback output{color:var(--acid);font-size:13px}.playback input{accent-color:var(--acid)}.section-heading{gap:15px;margin-top:40px}.section-heading h2{letter-spacing:-.5px;font-family:Impact,Arial Narrow,sans-serif;font-size:28px}.section-heading span{color:#333;font-size:9px}.template-grid{gap:18px}.template{background:#f9f8f3;border:1px solid #191919;border-radius:0;transition:transform .15s,box-shadow .15s}.template:hover{background:var(--acid);transform:translate(-3px,-3px);box-shadow:5px 5px #191919}.mini{border-bottom:1px solid #191919;height:165px}.mini span{letter-spacing:-1px;font-family:Impact,Arial Narrow,sans-serif;font-size:36px;line-height:.9}.template-caption{padding:13px 12px}.template-caption strong{font-size:11px;font-weight:700}.template-caption small{color:#444;font-size:9px}.swatches button{border-radius:0}.fine,.fold-options small{color:#555}footer{background:var(--orange);color:#191919;border-top:2px solid #191919;padding:25px 3%}footer .brand{font-size:26px}footer .brand img{border:1px solid #191919}footer>span{color:#191919;font-size:9px;font-weight:700}dialog{color:#191919;background:#f0eee7;border:2px solid #191919;border-radius:0;box-shadow:8px 8px #191919}dialog h2{text-transform:uppercase;letter-spacing:-1px;font-family:Impact,Arial Narrow,sans-serif;font-size:44px}.save-png{background:var(--orange);color:#191919;border-radius:0;font-weight:700}#toast{color:var(--acid);border:1px solid var(--acid);background:#191919;border-radius:0}@media (width>=1500px){main{padding-top:40px}.workspace{min-height:680px}}@media (width<=1050px){.workspace{grid-template-columns:285px 1fr}.intro:after{font-size:120px;right:6%}}@media (width<=760px){header{height:72px;padding:0 5%}.brand{font-size:25px}.brand img{width:30px;height:30px}.header-actions button{padding:8px;font-size:10px}.intro{padding-bottom:22px}.intro:after{font-size:70px;top:20px;right:0}.intro .quiet{padding:8px;font-size:0;position:absolute;bottom:23px;right:0}.intro .quiet:first-letter{font-size:18px}h1{letter-spacing:-2px;font-size:clamp(54px,11vw,80px);line-height:.9}.intro>div{width:100%}.intro p:last-child{max-width:78%;font-size:9px}.kicker{max-width:75%;font-size:8px;line-height:1.5}.workspace{box-shadow:4px 4px #191919}.editor{border-top:2px solid #191919;border-right:0}.preview-top>span{font-size:8px}.section-heading h2{font-size:24px}.mini{height:135px}.mini span{font-size:28px}.template-caption{flex-wrap:wrap;gap:5px;padding:10px}.template-caption strong{font-size:10px}.template-caption small{font-size:8px}footer .brand{font-size:24px}footer>span{font-size:8px}.header-note{display:none}}@media (width<=390px){.intro:after{font-size:52px;top:30px}header{gap:8px}.brand{font-size:22px}.header-actions{gap:5px}.header-actions button{padding:7px;font-size:9px}h1{font-size:52px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dce7ff;--black:#6b85b5;--orange:#5687ff;--acid:#a9d9ff;background:#0c111d}header{background:#0c111d;border-color:#334663}.brand span{border-color:#667a9c}.header-note,.header-actions>span{color:#9fafcc}button{color:#dce7ff;border-color:#536789}button:hover{background:#263c62}.primary,.primary:hover{color:#091323;background:#5687ff;border-color:#96bcff;box-shadow:3px 3px #304574}.intro{border-color:#334663}.kicker,.intro p:last-child{color:#a6bbdc}.workspace{background:#131d2d;border-color:#536789;box-shadow:7px 7px #060b13}.editor,.tabs{border-color:#536789}.tabs button+button{border-color:#536789}.tabs button.active{color:#081325;background:#5687ff}.control-heading h2{color:#dce7ff}label>span{color:#8d9fbe}.selected{box-shadow:2px 2px #5687ff;color:#eff6ff!important;background:#284976!important;border-color:#a9d9ff!important}.editor-tip{border-color:#425777}.editor-tip p,.editor-tip small{color:#a6bbdc}.preview{background-color:#18243b;background-image:linear-gradient(#a9d9ff0d 1px,#0000 1px),linear-gradient(90deg,#a9d9ff0d 1px,#0000 1px)}.preview-top>span,.quiet,.preview-bottom>span,.preview-bottom label{color:#b4c6e4}.playback{background:#0a1120;border-color:#536789}.playback button{color:#091323;background:#5687ff}.playback span{color:#adbfdd}.section-heading span{color:#a6bbdc}.mini{border-color:#536789}.template-caption small,.fine,.fold-options small{color:#a6bbdc}footer{color:#dce7ff;background:#101c32;border-color:#536789}footer .brand img{border-color:#5687ff}dialog{color:#dce7ff;background:#131d2d;border-color:#5687ff;box-shadow:8px 8px #060b13}.save-png{color:#091323;background:#5687ff}#toast{color:#c8deff;background:#0b1528;border-color:#5687ff}.workspace-switch .chosen{color:#091323;background:#5687ff}#motion-studio{background:#131d2d;border-color:#536789;box-shadow:6px 6px #060b13}.motion-controls,.motion-controls hr{border-color:#536789}.motion-stage{background:#18243b}.track{background:#0b1424;border-color:#536789}.track span{color:#dce7ff;background:#131d2d}.track i{color:#e4efff;background:#375f9b;border-color:#87aee9}#video-result a{color:#091323;background:#5687ff}.primary,.primary:hover{background:var(--mint);color:#152f27;border-color:#b3efd5;box-shadow:3px 3px #355c51}.primary:hover{background:#b3efd5}.editor-tip>span{color:var(--butter)}.playback button,.playback button:hover{background:var(--butter);color:#302a1b}.playback button:hover{background:#ffecac}.playback input[type=range]{accent-color:var(--butter)}.segmented .selected,.fold-options .selected{box-shadow:2px 2px #75618e;color:#e9dafa!important;border-color:var(--lilac)!important;background:#3b3051!important}.swatches button.selected{box-shadow:0 0 0 2px var(--butter);background:revert!important;border-color:#101827!important}.swatches button{color:inherit}.swatches button.selected{background-color:var(--swatch)!important}.template:nth-child(2):hover{box-shadow:5px 5px var(--butter)}.template:nth-child(3):hover{box-shadow:5px 5px var(--lilac)}.template:nth-child(4):hover{box-shadow:5px 5px var(--mint)}#motion-play{background:var(--butter);color:#302a1b;border-color:#f8e6a8}#poster-video,#video-result a,.save-png{background:var(--mint);color:#152f27;border-color:#b3efd5}.track:nth-child(3n+2) i{color:#e0fff1;border-color:var(--mint);background:#376659}.track:nth-child(3n) i{color:#fff2c4;border-color:var(--butter);background:#74643a}#motion-time{accent-color:var(--butter)}:root{--mint:#9ad8c0;--butter:#cbb8ef;--lilac:#cbb8ef}body,header{background:#14151b}main{color:#eeedf2}.intro .kicker,.header-note,.intro p:last-child{color:#b2adbd}.intro .quiet{color:#dbcaef;background:#292438;border-color:#77648c}.workspace,.editor,.motion-controls{background:#202128}.editor,.motion-controls{border-color:#51525f}.tabs button{color:#c8c4d0}.control-heading span{color:#30243e;background:#cbb8ef}.control-heading h2,.section-heading h2{color:#eeedf2}label{color:#c8c4d0}label>span,.fine,.editor-tip p,.editor-tip small,.fold-options small{color:#aaa6b5}input:not([type=range],[type=file]),textarea,select{color:#eeedf2;background:#181920;border-color:#50505e}.primary,.primary:hover,#poster-video,#video-result a,.save-png{color:#18362c;background:#9ad8c0;border-color:#b6ead5;box-shadow:3px 3px #35584c}.primary:hover,#poster-video:hover{background:#b6ead5}.preview,.motion-stage{background-color:#292a33}.preview{background-image:linear-gradient(#cbb8ef0d 1px,#0000 1px),linear-gradient(90deg,#cbb8ef0d 1px,#0000 1px)}.preview-top{border-color:#555460}.preview-top>span,.preview-bottom>span,.preview-bottom label,.quiet{color:#bbb6c8}.preview-top i{background:#9ad8c0}.playback{background:#191a22}.playback button,.playback button:hover,#motion-play{color:#30243e;background:#cbb8ef;border-color:#dfcff7}.playback button:hover,#motion-play:hover{background:#dfcff7}.playback input[type=range],#motion-time{accent-color:#cbb8ef}.playback output{color:#dfcff7}.segmented .selected,.fold-options .selected{box-shadow:2px 2px #6a587e;color:#e6d9f8!important;background:#352d46!important;border-color:#cbb8ef!important}.section-heading span,.template-caption small{color:#aaa6b5}.template{background:#23242c;border-color:#555460}.template:hover{background:#312c3e;box-shadow:5px 5px #a897d4}.template-caption strong{color:#eeedf2}.poster-wrap{background:repeating-linear-gradient(45deg,#cbb8ef09 0 1px,#0000 1px 12px)}.motion-toolbar>span,#motion-status{color:#bbb6c8}#poster-png,#motion-save{color:#cbb8ef;border-color:#77648c}.track:nth-child(3n) i{color:#e4ecff;background:#375587;border-color:#7798d9}footer{background:#1c1d25;border-top-color:#555460}footer>span{color:#aaa6b5}footer .brand{color:#cbb8ef}dialog{background:#23242c}dialog>p:not(.kicker),.export-option small{color:#bbb6c8}.export-option{background:#191a22}:root{--orchid:#ee9bd4;--orchid-soft:#f7c5e7;--orchid-surface:#38273b}.control-heading span{background:var(--orchid);color:#352036}.intro .quiet{background:var(--orchid-surface);color:var(--orchid-soft);border-color:#a46799}.editor-tip>span,.font-specimen{color:var(--orchid)}.segmented .selected,.fold-options .selected{box-shadow:2px 2px #865378;background:var(--orchid-surface)!important;color:#ffe2f5!important;border-color:var(--orchid)!important}#add-layer{color:var(--orchid-soft);border-color:#a46799}.track:nth-child(3n+1) i{color:#ffe2f5;border-color:var(--orchid);background:#70456e}.track.chosen{outline-color:var(--orchid)}.templates .template:nth-child(3n+1):hover{box-shadow:5px 5px var(--orchid)}#controls .swatches button.selected{box-shadow:0 0 0 2px var(--orchid)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--orchid)}