@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#edf4ff;font-synthesis:none;--bg:#050c16;--panel:#081525;--panel2:#0b1b30;--line:#254665;--blue:#1677ff;--lime:#d7ff00;--muted:#9dafc5;--shadow:#000;background:#050c16;font-family:IBM Plex Mono,monospace;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 0,#102442 0,#071426 35%,#040a12 100%);min-height:100vh;margin:0}body,button,input,textarea,select{font-family:IBM Plex Mono,monospace}button,a{cursor:pointer}button{color:inherit}header{z-index:50;position:sticky;top:0}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050d19f5;border-bottom:3px solid #1c3551}.header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1320px,94%);height:76px;margin:auto;display:flex}.brand{align-items:center;min-width:220px;text-decoration:none;display:flex}.brand img{width:205px;display:block}.brand-mobile{display:none}.desktop-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.desktop-nav button,.desktop-nav a{color:#dce8f7;background:0 0;border:2px solid #0000;align-items:center;gap:8px;height:48px;padding:0 16px;font-weight:700;text-decoration:none;display:flex}.desktop-nav svg{width:16px}.desktop-nav button:hover,.desktop-nav a:hover,.desktop-nav .active{border-color:var(--lime);color:var(--lime);background:#0b1c30}.tools-wrap{position:relative}.tools-menu{border:2px solid var(--line);background:#09182b;gap:4px;width:190px;padding:6px;display:grid;position:absolute;top:53px;right:0;box-shadow:6px 6px #000}.tools-menu button{justify-content:flex-start;width:100%;height:40px!important}.header-actions{align-items:center;gap:10px;display:flex}.hamburger{background:#0a1a2d;border:2px solid #4b6685;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:50px;height:50px;padding:0;transition:all .25s;display:none;position:relative;box-shadow:4px 4px #000}.hamburger span{background:#fff;width:23px;height:2px;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55),opacity .18s,background .2s;display:block}.hamburger:hover{border-color:var(--lime);background:#10233b}.hamburger.is-open{background:var(--lime);border-color:#000;box-shadow:3px 3px #000}.hamburger.is-open span{background:#07111f}.hamburger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu,.mobile-menu.show{display:none}main{width:min(1320px,94%);margin:auto}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:42px;min-height:485px;padding:58px 0 34px;display:grid}.badge{background:var(--lime);color:#07111f;border:2px solid #000;align-items:center;padding:8px 13px;font-weight:900;display:inline-flex;box-shadow:5px 5px #000}.hero h1{letter-spacing:-4px;margin:25px 0 22px;font-family:Space Grotesk;font-size:clamp(58px,7.4vw,100px);line-height:.86}.hero h1 span,.hero h1 strong{display:block}.hero h1 b{color:var(--blue)}.hero h1 em{color:var(--lime);align-items:center;height:45px;margin:5px 0;font-style:normal;display:flex}.hero h1 em svg{stroke-width:3px;width:60px;height:60px}.hero p{color:#aabbd0;max-width:680px;font-size:17px}.pills{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.pills span{color:#c5d3e3;background:#091a2d;border:2px solid #29435f;align-items:center;gap:8px;padding:11px 13px;display:flex;box-shadow:4px 4px #000}.pills svg{width:19px;color:var(--lime)}.pills b{color:#fff}.hero-visual{place-items:center;height:390px;display:grid;position:relative}.device-glow{filter:blur(20px);background:#1677ff1c;border-radius:50%;width:270px;height:270px;position:absolute}.qr-device{z-index:2;background:linear-gradient(145deg,#1677ff,#0a2e72);border:4px solid #000;border-radius:16px 16px 10px 10px;width:245px;height:300px;padding:16px 16px 0;position:relative;transform:rotate(3deg);box-shadow:14px 14px #000}.device-top{background:#09182b;border:2px solid #0a1422;border-radius:0 0 8px 8px;width:80px;height:12px;margin:-16px auto 12px}.qr-screen{background:#f4f7fb;border:5px solid #07111f;place-items:center;height:215px;display:grid;position:relative;overflow:hidden}.qr-screen img{z-index:2;background:#fff;border:4px solid #fff;width:42px;position:absolute}.qr-fake{background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0/18px 18px;border:10px solid #fff;width:142px;height:142px;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}.device-base{color:#fff;background:#0a1a2e;border-top:4px solid #000;place-items:center;height:44px;font-weight:900;display:grid;position:absolute;bottom:0;left:0;right:0}.float-tag{z-index:4;background:var(--lime);color:#07111f;border:2px solid #000;padding:8px 12px;font-weight:900;position:absolute;box-shadow:4px 4px #000}.tag-a{top:45px;right:8%}.tag-b{color:#fff;background:#1677ff;bottom:50px;left:6%}.tag-c{color:var(--lime);background:#0c1c30;border-color:#1677ff;bottom:100px;right:6%}.card{border:3px solid var(--line);background:linear-gradient(160deg,#091a2e,#071322);padding:20px;box-shadow:7px 7px #000}.cardhead{border-bottom:2px solid #203c59;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.cardhead h2{align-items:center;gap:8px;margin:0;font-family:Space Grotesk;font-size:19px;display:flex}.cardhead h2 svg{color:var(--blue);width:20px}.cardhead>span:not(.ok){color:#7f96af;font-size:10px}.ok{background:var(--lime);color:#07111f;border:2px solid #000;align-items:center;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:3px 3px #000}.input-card{margin-bottom:20px}.input-tabs{grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:12px;display:grid}.input-tabs button{background:#0c2036;border:2px solid #122a44;justify-content:center;align-items:center;gap:7px;padding:11px 8px;font-weight:700;display:flex}.input-tabs button:hover,.input-tabs .selected{background:#102b49;border-color:#1677ff}.input-tabs .selected{background:var(--lime);color:#07111f;border-color:#000;box-shadow:3px 3px #000}.input-tabs svg{width:16px}.input-card>textarea,.validator-page>textarea,.result textarea{resize:vertical;color:#fff;background:#06101d;border:2px solid #315a84;outline:0;width:100%;min-height:92px;padding:13px}.input-card>textarea:focus,.validator-page>textarea:focus,.result textarea:focus{border-color:var(--blue)}.dropzone{color:#aebfd2;text-align:center;background:#071525;border:2px dashed #2869a9;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:170px;margin-top:12px;display:flex}.dropzone svg{color:#8196ad;width:35px;height:35px}.dropzone b{color:#d9e5f1}.dropzone span{font-size:12px}.dropzone .primary{background:var(--lime);color:#07111f;border:2px solid #000;padding:10px 32px;font-weight:900;box-shadow:4px 4px #000}.dropzone small{font-size:10px}.workspace{grid-template-columns:1.1fr .9fr;align-items:start;gap:18px;display:grid}.left-stack,.right-stack{gap:18px;display:grid}.merchant{align-items:center;gap:13px;margin-bottom:16px;display:flex}.avatar{background:var(--blue);border:2px solid #000;place-items:center;width:50px;height:50px;font-size:23px;font-weight:900;display:grid;box-shadow:4px 4px #000}.merchant b,.merchant small{display:block}.merchant small{color:#9eb0c6}.stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stats label{color:#8ea3bc;background:#0d2036;border:1px solid #284866;padding:9px;font-size:10px}.stats b{color:#fff;margin-top:3px;font-size:12px;display:block}.oktext{color:#7cff85!important}details{background:#071525;border:1px solid #284866;margin-top:12px}summary{cursor:pointer;padding:10px;font-weight:700}details code{white-space:pre-wrap;word-break:break-all;color:#8fb0d1;border-top:1px solid #284866;padding:10px;font-size:10px;display:block}.generator label{color:#a8b9ce;margin:12px 0 6px;font-size:12px;display:block}.money{background:#06101d;border:2px solid #315a84;display:flex}.money span{color:var(--lime);padding:12px;font-weight:900}.money input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:12px;font-size:20px}.quick{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.quick button{color:#d7e4f4;background:#102239;border:1px solid #355575;padding:7px 11px}.quick button:hover,.quick button.chosen{background:var(--blue);color:#fff;border-color:#000}.fee{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fee select,.fee input{color:#fff;background:#06101d;border:2px solid #315a84;padding:10px}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.actions button,.wide{color:#fff;background:#17263a;border:2px solid #111;justify-content:center;align-items:center;gap:7px;padding:11px 15px;font-weight:800;display:inline-flex;box-shadow:4px 4px #000}.actions button:hover{transform:translate(1px,1px);box-shadow:2px 2px #000}.actions .primary,.wide{background:var(--lime);color:#07111f}.result-tabs{grid-template-columns:1fr 1fr;margin-bottom:12px;display:grid}.result-tabs span{text-align:center;background:#0c1d31;border:1px solid #274965;padding:8px;font-size:11px}.result-tabs .active{background:var(--blue);color:#fff;border-color:#000}.qrbox{background:#fff;border:3px solid #000;place-items:center;padding:18px;display:grid}.qrbox canvas{max-width:100%;height:auto}.total{background:#0d2138;border:2px solid #254b73;justify-content:space-between;align-items:end;margin:10px 0;padding:12px;display:flex}.total small{color:#93a8bf}.total b{color:var(--lime);font-size:23px}.result textarea{min-height:78px;font-size:10px}.mini-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini-grid>div{background:#0b1d31;border:1px solid #284866;grid-template-columns:32px 1fr;column-gap:8px;padding:12px;display:grid}.mini-grid svg{color:var(--blue);grid-row:span 2;width:24px}.mini-grid b{font-size:11px}.mini-grid small{color:#8297ad;font-size:9px}.stats-bar{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0 55px;display:grid}.stats-bar>div{background:#09192b;border:2px solid #1f405f;grid-template-columns:44px 1fr;column-gap:10px;padding:15px;display:grid;box-shadow:5px 5px #000}.stats-bar svg{width:35px;color:var(--blue);grid-row:span 2}.stats-bar b{font-size:23px}.stats-bar small{color:#879db4;font-size:10px}.validator-page{max-width:850px;min-height:430px;margin:55px auto 80px}.validator-intro h1{margin:22px 0;font-family:Space Grotesk;font-size:64px;line-height:.9}.validator-intro h1 b{color:var(--blue)}.validator-intro p{color:#aabbd0}.wide{width:100%;margin-top:12px}.modal{z-index:100;background:#000d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.scanner{border:3px solid var(--blue);background:#09182b;width:min(520px,100%);padding:18px;position:relative;box-shadow:10px 10px #000}.scanner video{background:#000;border:2px solid #315a84;width:100%;display:block}.scanner .close{background:var(--lime);color:#07111f;border:2px solid #000;padding:5px;position:absolute;top:10px;right:10px}.scanner p{color:#aabbd0}footer{color:#8fa4bb;border-top:2px solid #1b344e;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:30px 3%;display:flex}footer div{flex-direction:column;gap:5px;display:flex}footer b{color:#fff}footer small{font-size:10px}@media (width<=1100px){.header-inner{height:68px}.hamburger{z-index:100;background:#091a2d;border:2px solid #365878;flex-direction:column;flex:0 0 48px;justify-content:center;align-items:center;gap:6px;width:48px;height:48px;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative;box-shadow:4px 4px #000}.hamburger span{background:#edf4ff;width:22px;height:2px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s,background .2s;display:block}.hamburger:hover{border-color:var(--lime);background:#0d2440}.hamburger.is-open{background:var(--lime);border-color:#000;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.hamburger.is-open span{background:#07111f}.hamburger.is-open span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.is-open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.brand img{width:185px}.hero{grid-template-columns:1fr;min-height:auto;padding:45px 0 28px}.hero-visual{display:none}.workspace{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}.result{grid-column:1/-1}.input-tabs{grid-template-columns:repeat(3,1fr)}.menu-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:85;background:#00000094;border:0;padding:0;animation:.22s backdropIn;display:block;position:fixed;inset:68px 0 0}.mobile-menu{overscroll-behavior:contain;z-index:90;transform-origin:top;scrollbar-width:none;background:#071526;border:0;border-top:2px solid #294967;border-bottom:3px solid #000;width:100%;max-height:calc(100vh - 78px);padding:12px max(4%,18px) 14px;display:none;position:absolute;top:68px;left:0;right:0;overflow-y:auto;box-shadow:0 10px #000000b3}.mobile-menu::-webkit-scrollbar{display:none}.mobile-menu.show{animation:.28s cubic-bezier(.22,1,.36,1) menuDrop;display:block}.mobile-menu-head{color:#fff;border-bottom:1px solid #203b57;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding:4px 4px 10px;display:flex}.mobile-menu-head span{letter-spacing:2px;color:var(--lime);font-family:Space Grotesk;font-size:11px;font-weight:900}.mobile-menu-head small{color:#71879e;font-size:9px}.mobile-menu>button,.mobile-menu>a{color:#dbe7f4;background:0 0;border:2px solid #0000;align-items:center;gap:13px;width:100%;min-height:54px;padding:0 14px;font-size:16px;font-weight:800;text-decoration:none;display:flex;position:relative}.mobile-menu>button svg,.mobile-menu>a svg{flex:0 0 20px;width:20px;height:20px}.mobile-menu>button>svg:last-child{margin-left:auto}.mobile-menu>button:hover,.mobile-menu>a:hover,.mobile-menu>.active,.mobile-menu>.tools-active{color:var(--lime);background:#0c2139;border-color:#315a84;box-shadow:3px 3px #000}.mobile-menu>.active:before{content:"";background:var(--lime);width:4px;position:absolute;top:10px;bottom:10px;left:-2px}.mobile-tools{border-left:2px solid #284b6d;grid-template-rows:0fr;margin:0 0 0 33px;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.mobile-tools.show{grid-template-rows:1fr}.mobile-tools button{color:#aabbd0;text-align:left;opacity:0;background:#061321;border:0;border-bottom:1px solid #1b3650;min-height:0;padding:0 14px;font-size:13px;transition:padding .3s,opacity .2s;overflow:hidden}.mobile-tools.show button{opacity:1;min-height:44px;padding:10px 14px}.mobile-tools button:hover{color:var(--lime);background:#0a1d31}.mobile-version{color:#8195ab;border-top:1px solid #203c59;margin-top:10px;padding:13px 4px 3px;font-size:9px}.mobile-version span{float:right}.hero h1{font-size:70px}.hero p{font-size:15px}.pills span{flex:1}.stats-bar{padding-bottom:35px}}@keyframes menuDrop{0%{opacity:0;transform:translateY(-14px)scaleY(.97)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@media (width<=640px){main,.header-inner{width:92%}.brand img{width:170px}.hero{padding-top:38px}.hero h1{letter-spacing:-2px;margin-top:20px;font-size:55px}.hero h1 em{height:34px}.hero h1 em svg{width:46px;height:46px}.hero p{font-size:14px;line-height:1.65}.pills{gap:8px;display:grid}.pills span{width:100%;box-shadow:3px 3px #000}.input-card{padding:14px}.card{padding:15px;box-shadow:5px 5px #000}.input-tabs{grid-template-columns:repeat(2,1fr)}.input-tabs button:last-child{grid-column:1/-1}.dropzone{min-height:145px}.workspace{gap:14px}.stats{grid-template-columns:1fr 1fr}.right-stack{grid-template-columns:1fr}.result{grid-column:auto}.stats-bar{grid-template-columns:1fr}.stats-bar>div{padding:12px}.validator-page{margin:35px auto 60px}.validator-intro h1{font-size:48px}.footer{display:block}}@keyframes menuIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:none}}.rot{transform:rotate(180deg)}html,body,#root{max-width:100%;overflow-x:hidden}@media (width<=1100px){.desktop-nav{display:none}.hamburger{display:flex}.header-inner{width:min(94%,760px)}.brand{min-width:0}.brand img{width:min(185px,46vw);height:auto}.menu-backdrop{display:block}.mobile-menu{display:none}.mobile-menu.show{display:block}main{width:min(94%,760px)}}@media (width<=640px){.header-inner{width:calc(100% - 28px);height:64px}.brand img{width:min(165px,48vw)}.hamburger{flex-basis:46px;width:46px;height:46px;box-shadow:3px 3px #000}.menu-backdrop{inset:64px 0 0}.mobile-menu{max-height:calc(100dvh - 72px);padding:12px 14px 14px;top:64px}main{width:calc(100% - 28px)}.hero{padding-top:32px}}.input-tabs button,.dropzone,.dropzone .primary,.scanner .close{touch-action:manipulation}.input-tabs button{-webkit-tap-highlight-color:transparent}.dropzone{cursor:pointer}.scanner video{aspect-ratio:4/3;object-fit:cover;min-height:220px}.scanner .close{z-index:3;place-items:center;width:42px;height:42px;display:grid}@media (width<=640px){.modal{padding:12px}.scanner{width:100%;max-width:520px;padding:14px;box-shadow:6px 6px #000}.scanner h2{margin:0 44px 12px 0}.scanner video{border-width:3px;min-height:0}}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.sr-only-file{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important}.brand{gap:10px;min-width:0}.brand img{object-fit:contain;flex:0 0 44px;width:44px!important;height:44px!important}.brand-mobile{white-space:nowrap;align-items:baseline;gap:7px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:800;line-height:1;display:flex!important}.brand-mobile>b{color:#edf4ff}.brand-mobile>span{color:var(--blue)}.brand:focus-visible,.desktop-nav button:focus-visible,.desktop-nav a:focus-visible,.hamburger:focus-visible,.mobile-menu button:focus-visible,.mobile-menu a:focus-visible,.input-tabs button:focus-visible,.actions button:focus-visible,.quick button:focus-visible,.wide:focus-visible,.close:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.input-card>textarea,.validator-page>textarea,.result textarea,.money input,.fee select,.fee input{border-radius:0}.generator label{cursor:pointer}.fee label.sr-only{margin:0}@media (width>=1101px){.header-inner{height:78px}.hamburger,.mobile-menu,.menu-backdrop{display:none!important}}@media (width<=1100px){.site-header{z-index:200}.header-inner{width:min(94%,760px);height:70px}.brand-mobile{font-size:19px}.brand img{flex-basis:40px;width:40px!important;height:40px!important}.hamburger{z-index:210;display:flex!important}.mobile-menu{z-index:205}.menu-backdrop{z-index:190}}@media (width<=640px){.header-inner{gap:10px;width:calc(100% - 28px);height:64px}.brand{gap:7px}.brand img{flex-basis:38px;width:38px!important;height:38px!important}.brand-mobile{letter-spacing:-.4px;gap:5px;font-size:17px}.hamburger{flex-basis:46px!important;width:46px!important;height:46px!important}.mobile-menu{top:64px}.menu-backdrop{inset:64px 0 0}}.dropzone{display:none!important}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:2px}input:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stats>div{color:#8ea3bc;background:#0d2036;border:1px solid #284866;padding:9px;font-size:10px}.stats>div b{color:#fff;margin-top:3px;font-size:12px;display:block}.custom-page{padding:34px 0 70px}.custom-hero{grid-template-columns:1fr 180px;align-items:center;gap:30px;padding:18px 0 28px;display:grid}.custom-hero h1{letter-spacing:-3px;margin:18px 0;font-family:Space Grotesk;font-size:clamp(44px,6vw,76px);line-height:.9}.custom-hero h1 b{color:var(--blue)}.custom-hero p{color:#aabbd0;max-width:760px;font-size:15px}.custom-hero .badge{gap:7px}.custom-hero-mark{border:3px solid var(--blue);width:150px;height:150px;color:var(--lime);background:#09182b;place-items:center;margin-left:auto;display:grid;transform:rotate(3deg);box-shadow:10px 10px #000}.custom-hero-mark svg{width:52px;height:52px}.custom-hero-mark span{margin-top:-25px;font-size:28px;font-weight:900}.custom-workspace{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;gap:18px;display:grid}.custom-controls{gap:18px;display:grid}.custom-card{padding:18px}.custom-card label{color:#a8b9ce;align-items:center;gap:5px;margin:10px 0 6px;font-size:11px;display:flex}.custom-card input,.custom-card textarea{color:#fff;background:#06101d;border:2px solid #315a84;border-radius:0;outline:0;width:100%;padding:11px}.custom-card input:focus,.custom-card textarea:focus{border-color:var(--blue)}.custom-card textarea{resize:vertical;min-height:90px}.custom-two{grid-template-columns:1fr 1fr;gap:9px;display:grid}.custom-card>.wide{width:100%;margin-top:14px}.template-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.template-choice{color:#dce8f7;text-align:left;background:#08182a;border:2px solid #274965;gap:7px;min-width:0;padding:7px;transition:all .2s;display:grid;box-shadow:3px 3px #000}.template-choice:hover,.template-choice.chosen{border-color:var(--lime);background:#0d2239;transform:translateY(-2px)}.template-choice.chosen{box-shadow:4px 4px #000}.template-choice b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.template-thumb{border:1px solid #345b80;place-items:center;height:62px;font-family:Space Grotesk;font-size:30px;font-weight:900;display:grid;overflow:hidden}.template-thumb.sakura{color:#f50505;background:radial-gradient(circle at 20% 20%,#f50505 0 4%,#0000 5%),linear-gradient(135deg,#21051f,#071b35)}.template-thumb.cyber{color:#30eaff;background:linear-gradient(135deg,#00131f,#0a5d80)}.template-thumb.arcane{color:#ffb347;background:radial-gradient(circle,#ff9f1c22,#ff4d0033),#160900}.template-thumb.midnight{color:#9ab8ff;background:linear-gradient(145deg,#08101f,#162846)}.template-thumb.minimal{color:#d7ff00;background:#101820}.template-note{color:#7f96af;margin:10px 0 0;font-size:10px;line-height:1.6}.upload-custom{text-align:center;background:#071525;border:2px dashed #2869a9;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:115px;color:#dce8f7!important;margin:0!important;display:flex!important}.upload-custom svg{color:var(--blue);width:28px}.upload-custom b{font-size:13px}.upload-custom small{color:#7f96af;font-size:9px}.uploaded-file{color:#c9d7e7;background:#0d2036;border:1px solid #294866;align-items:center;gap:8px;margin-top:9px;padding:9px;font-size:10px;display:flex}.uploaded-file>svg{color:var(--lime);flex:none}.uploaded-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uploaded-file button{color:#f50505;background:0 0;border:0;place-items:center;margin-left:auto;padding:3px;display:grid}.accent-row{flex-wrap:wrap;gap:9px;margin-bottom:7px;display:flex}.accent-dot{border:3px solid #07111f;border-radius:50%;width:30px;height:30px;position:relative;box-shadow:0 0 0 1px #48637e}.accent-dot.chosen{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue)}.actions-reset{color:#b9c9db;background:#102239;border:1px solid #355575;align-items:center;gap:6px;margin-top:12px;padding:8px 11px;display:inline-flex}.actions-reset:hover{border-color:var(--lime);color:var(--lime)}.custom-preview-wrap{min-width:0}.custom-preview-card{position:sticky;top:96px}.custom-poster{--accent:#d7ff00;border:4px solid var(--accent);isolation:isolate;background:linear-gradient(145deg,#080014,#260d3c);min-height:720px;padding:24px 22px 20px;position:relative;overflow:hidden;box-shadow:8px 8px #000}.custom-poster:before,.custom-poster:after{content:"";border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);pointer-events:none;z-index:-1;position:absolute;inset:16px}.custom-poster:after{background:radial-gradient(circle,var(--accent)33,transparent 65%);filter:blur(10px);border:0;border-radius:50%;width:350px;height:350px;inset:auto -80px -120px auto}.custom-poster.cyber{background:linear-gradient(145deg,#00101f,#092f4d)}.custom-poster.arcane{background:linear-gradient(145deg,#180900,#451907)}.custom-poster.midnight{background:linear-gradient(145deg,#050912,#14213a)}.custom-poster.minimal{background:linear-gradient(145deg,#0a0d12,#182331)}.poster-sparkles{color:var(--accent);letter-spacing:3px;text-align:center;font-size:15px}.custom-poster h3{text-align:center;color:#fff;margin:12px 0 20px;font-family:Space Grotesk;font-size:clamp(17px,2.2vw,27px)}.poster-main{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:14px;display:grid}.poster-qr{background:#fff;border:4px solid #000;place-items:center;min-height:320px;padding:10px;display:grid}.poster-qr canvas{width:min(100%,390px);height:auto;display:block}.poster-empty{text-align:center;color:#5e7185;place-items:center;gap:7px;height:100%;min-height:280px;font-size:11px;display:grid}.poster-empty svg{width:45px;height:45px}.poster-art{border:3px solid var(--accent);background:#07111f;place-items:center;min-height:320px;display:grid;overflow:hidden}.poster-art img{object-fit:contain;width:100%;height:100%;max-height:390px;display:block}.poster-placeholder{color:var(--accent);text-align:center;place-items:center;gap:9px;display:grid}.poster-placeholder svg{width:58px;height:58px}.poster-placeholder b{font-family:Space Grotesk;font-size:26px}.poster-placeholder small{color:#9eb0c6;font-size:9px}.poster-merchant{color:#fff;justify-content:center;align-items:center;gap:8px;margin:18px 0 6px;display:flex}.poster-merchant b{font-family:Space Grotesk;font-size:29px}.poster-merchant span{color:#fff;background:#1677ff;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.poster-total{text-align:center}.poster-total small,.poster-total em{color:#b8c8d9;font-style:normal;display:block}.poster-total strong{color:var(--accent);margin:2px 0;font-family:Space Grotesk;font-size:36px;display:block}.poster-features{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0;display:flex}.poster-features span{color:#fff;background:#071525;border:1px solid #4a6077;padding:6px 9px;font-size:9px}.poster-footer{text-align:center;color:#fff;border-top:1px solid #456079;padding-top:13px;font-size:11px}.custom-export-actions button{flex:1}.custom-features{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.custom-features>div{background:#091a2d;border:2px solid #254665;grid-template-columns:auto 1fr;column-gap:10px;padding:15px;display:grid;box-shadow:4px 4px #000}.custom-features svg{color:var(--lime);grid-row:1/3;width:24px;height:24px}.custom-features b{font-size:12px}.custom-features small{color:#8298b0;margin-top:2px;font-size:9px}@media (width<=1100px){.custom-workspace{grid-template-columns:1fr}.custom-preview-card{position:relative;top:auto}.custom-hero{grid-template-columns:1fr}.custom-hero-mark{display:none}.template-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=640px){.custom-page{padding-top:20px}.custom-hero{padding-bottom:20px}.custom-hero h1{letter-spacing:-2px;font-size:43px}.custom-hero p{font-size:13px}.custom-two{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.template-choice:last-child{grid-column:1/-1}.template-thumb{height:72px}.custom-poster{min-height:640px;padding:17px 13px}.poster-main{grid-template-columns:1fr}.poster-art{min-height:170px;max-height:240px}.poster-qr{min-height:260px}.poster-art img{max-height:230px}.poster-merchant b{font-size:23px}.poster-total strong{font-size:29px}.poster-footer{font-size:9px}.custom-features{grid-template-columns:1fr 1fr}.custom-features>div{padding:11px}.custom-features b{font-size:10px}.custom-features small{font-size:8px}.custom-export-actions{display:grid}.custom-export-actions button{width:100%}}.custom-card .wide{min-height:46px}.custom-card input,.custom-card textarea{font-size:13px}.custom-card textarea{line-height:1.55}.custom-preview-card .cardhead{margin-bottom:14px}@media (width<=640px){.custom-card{padding:13px}.custom-card .cardhead h2{font-size:15px}.custom-card .cardhead>span{font-size:8px}.custom-poster h3{font-size:14px;line-height:1.3}.poster-sparkles{font-size:11px}.poster-qr canvas{max-width:310px;width:100%!important}.poster-features{gap:5px}.poster-features span{padding:5px 6px;font-size:8px}}.template-grid-real{grid-template-columns:repeat(3,minmax(0,1fr))}.template-thumb.real{background:#02070d;border:1px solid #345b80;height:190px;padding:0}.template-thumb.real img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.custom-poster-real{background:#03070d;border:3px solid #1e3d5e;width:100%;max-width:620px;margin:0 auto;overflow:hidden;box-shadow:7px 7px #000}.custom-poster-canvas{image-rendering:auto;background:#000;width:100%;height:auto;display:block}.custom-poster-empty{aspect-ratio:1024/1536;text-align:center;color:#8da3bb;background:#06101b;align-content:center;place-items:center;gap:10px;padding:30px;display:grid}.custom-poster-empty svg{width:48px;height:48px;color:var(--blue)}.custom-poster-empty b{color:#fff;font-size:15px}.custom-poster-empty span{font-size:11px}@media (width<=640px){.template-grid-real{grid-template-columns:repeat(3,1fr)}.template-thumb.real{height:145px}.custom-poster-real{max-width:100%}}.input-tabs-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (width<=640px){.input-tabs-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.input-tabs-three button{padding:10px 5px;font-size:11px}.input-tabs-three button:last-child{grid-column:auto}.template-grid-real{align-items:start;gap:7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important}.template-grid-real .template-choice,.template-grid-real .template-choice:last-child{width:100%;min-width:0;grid-column:auto!important}.template-grid-real .template-thumb.real{aspect-ratio:2/3;width:100%;overflow:hidden;height:auto!important}.template-grid-real .template-thumb.real img{object-fit:cover;object-position:center top;width:100%;height:100%}.template-grid-real .template-choice b{font-size:8px}}.accent-picker{cursor:pointer;background:conic-gradient(#ff004d,#ff9f00,#d7ff00,#22c55e,#1677ff,#a855f7,#ff3b81,#ff004d);border:3px solid #07111f;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #48637e}.accent-picker.chosen{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue)}.accent-picker input[type=color]{opacity:0;cursor:pointer;width:42px;height:42px;position:absolute;inset:-6px}.accent-picker span{pointer-events:none;color:#fff;text-shadow:0 1px 3px #000;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:900;line-height:1}.accent-custom{align-items:center;gap:8px;margin:8px 0 2px;display:flex}.accent-preview{border:2px solid #07111f;flex:0 0 24px;width:24px;height:24px;box-shadow:0 0 0 1px #48637e}.accent-custom input{text-transform:uppercase;flex:1;width:auto;min-width:0;font-family:IBM Plex Mono,monospace;padding:7px 9px!important;font-size:11px!important}.accent-custom small{color:#7f96af;white-space:nowrap;font-size:9px}@media (width<=640px){.accent-picker{width:30px;height:30px}.accent-custom{gap:6px}.accent-custom small{display:none}}.input-qris-actions{justify-content:flex-end;margin-top:9px;display:flex}.input-copy{color:#c9d8e8;background:#102239;border:1px solid #355575;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:3px 3px #000}.input-copy svg{width:15px;height:15px}.input-copy:hover:not(:disabled){border-color:var(--blue);color:#fff;background:#132b47;transform:translate(1px,1px);box-shadow:2px 2px #000}.input-copy:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (width<=640px){.input-qris-actions{justify-content:stretch}.input-copy{width:100%;min-height:44px}}