@font-face{font-family:Panton;src:url('./fonts/Panton-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Panton;src:url('./fonts/Panton-SemiBold.otf') format('opentype');font-weight:600;font-display:swap}
@font-face{font-family:Panton;src:url('./fonts/Panton-Bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--ink:#13283a;--blue:#1546d8;--pale:#edf4fa;--line:#dbe4eb;--yellow:#ffce31;--white:#fff;color:var(--ink);background:var(--white);font-family:Panton,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:absolute;left:12px;top:-80px;padding:10px;background:white;z-index:20}.skip:focus{top:10px}
.shell{max-width:1450px;margin:auto;padding:0 5vw}.topbar{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10}.topbar .shell{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:26px;font-weight:700;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:11px}.brand-mark{width:25px;height:25px;border:6px solid var(--blue);box-shadow:9px 9px 0 -5px var(--yellow)}nav{display:flex;gap:28px}nav a{font-size:15px;text-decoration:none}nav a:hover{text-decoration:underline}
.intro{padding:60px 0 42px;display:flex;align-items:end;justify-content:space-between;gap:32px}.intro h1{font-size:clamp(40px,5vw,70px);line-height:1;letter-spacing:-2.5px;margin:0 0 15px;font-weight:700}.intro p{font-size:18px;line-height:1.55;max-width:48ch;margin:0}.intro-link{color:var(--blue);white-space:nowrap;font-size:15px}
section{scroll-margin-top:92px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 21px}h2{font-size:30px;line-height:1.1;letter-spacing:-.6px;margin:0}.section-head p{font-size:14px;color:#526575;margin:0}.apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.app{min-width:0}.app-image{position:relative;display:block;aspect-ratio:1.25;background:var(--pale);border-radius:10px;overflow:hidden;padding:16px}.app-image img{height:100%;width:100%;object-fit:contain;display:block}.preview-label{position:absolute;right:8px;bottom:8px;font-size:11px;padding:3px 6px;background:#fff;box-shadow:0 0 0 1px #e3eaf0;border-radius:3px}.app h3{font-size:23px;margin:17px 0 6px}.app p{font-size:15px;line-height:1.5;margin:0 0 15px;min-height:45px;max-width:35ch}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.play-link{color:var(--blue);font-size:15px;font-weight:700}.code-link{font-size:13px;color:#526575}
.collection-section{padding:64px 0}.collections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.collection{display:flex;flex-direction:column;min-width:0;text-decoration:none}.collection .image{aspect-ratio:1;background:var(--pale);border:1px solid var(--line);padding:12px;overflow:hidden}.collection img{width:100%;height:100%;object-fit:contain;display:block}.collection h3{font-size:18px;line-height:1.25;margin:14px 0 7px}.collection p{font-size:14px;line-height:1.45;color:#526575;margin:0 0 9px}.collection .count{font-size:12px;color:var(--blue);margin-top:auto;padding-top:6px}.collection:hover h3{text-decoration:underline;text-underline-offset:4px}.pending .image{display:grid;place-items:center;font-size:14px;color:#526575}.pending .image span{max-width:12ch;text-align:center}
.code-section{background:var(--pale);padding:42px 0 48px}.code-section .section-head{margin-bottom:25px}.source-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.source-controls label{font-size:14px}.source-controls select{min-width:200px;padding:10px 35px 10px 12px;border:1px solid #b7c8d7;border-radius:4px;background:white}.source-download{margin-left:auto;color:var(--blue);font-weight:600;font-size:14px}.source-browser{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:450px;max-height:630px;background:white;border:1px solid #bccbd7;border-radius:6px;overflow:hidden}.file-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.file-search{padding:12px;border-bottom:1px solid var(--line)}.file-search input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:3px;font-size:14px}.file-list{overflow:auto;margin:0;padding:5px;list-style:none}.file-list button{width:100%;text-align:left;border:0;background:white;border-radius:3px;padding:9px 8px;font-size:12px;overflow-wrap:anywhere;color:var(--ink)}.file-list button:hover{background:var(--pale)}.file-list button[aria-current=true]{background:var(--blue);color:white}.source-main{display:flex;flex-direction:column;min-width:0;min-height:0}.source-toolbar{display:flex;align-items:center;gap:15px;padding:13px 16px;border-bottom:1px solid var(--line);min-height:47px}.source-toolbar strong{font-size:13px;overflow-wrap:anywhere;margin-right:auto}.source-toolbar a,.source-toolbar button{font-size:12px}.source-toolbar button{background:transparent;border:0;color:var(--blue);padding:0}.code-content{margin:0;padding:20px;overflow:auto;font-family:Panton,Arial,sans-serif;font-size:13px;line-height:1.65;tab-size:2;white-space:pre}.source-note{font-size:13px;line-height:1.5;margin:14px 0 0;max-width:80ch}.source-empty{padding:24px;font-size:15px;line-height:1.6}.source-status{min-height:20px;font-size:12px;margin:8px 0 0}.no-files{padding:12px;font-size:13px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:48px 0}.about h2{font-size:24px;margin-bottom:13px}.about p{font-size:15px;line-height:1.65;max-width:65ch;margin:0}.contact{display:flex;gap:20px;align-items:center;justify-content:flex-end}.contact img{width:116px;height:116px;object-fit:contain}.contact h2{margin-bottom:8px}.contact p{margin-top:8px;font-size:13px}.contact a{color:var(--blue)}footer{border-top:1px solid var(--line);padding:22px 0;font-size:13px}footer .shell{display:flex;justify-content:space-between;gap:20px}.muted{color:#526575}.hidden,[hidden]{display:none!important}
@media(min-width:1600px){.shell{padding:0 35px}}@media(max-width:1050px){.collections{grid-template-columns:repeat(3,minmax(0,1fr))}.apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.app-image{aspect-ratio:1.65}.app p{min-height:0}.intro{padding-top:42px}.source-browser{grid-template-columns:225px minmax(0,1fr)}}@media(max-width:650px){.shell{padding:0 20px}.topbar .shell{min-height:65px;gap:12px}.brand{font-size:21px}nav{gap:15px}nav a{font-size:13px}.intro{display:block;padding:35px 0}.intro h1{font-size:44px;letter-spacing:-1.5px}.intro p{font-size:16px}.intro-link{display:inline-block;margin-top:18px}.section-head{display:block}.section-head p{margin-top:8px}.apps{gap:22px 16px}.app-image{aspect-ratio:1;padding:7px}.app h3{font-size:21px}.app p{font-size:14px}.actions{gap:10px}.play-link{font-size:14px}.code-link{font-size:12px}.collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.collection-section{padding:42px 0}.collection h3{font-size:17px}.collection .image{padding:8px}.code-section{padding:32px 0}.source-browser{display:flex;flex-direction:column;max-height:none;min-height:0}.file-sidebar{border-right:0;border-bottom:1px solid var(--line)}.file-list{max-height:145px}.source-main{height:390px}.source-toolbar{gap:10px;padding:12px}.code-content{padding:15px;font-size:12px}.source-download{margin-left:0}.source-controls{gap:10px}.source-controls select{min-width:0;flex:1}.about{grid-template-columns:1fr;gap:30px;padding:34px 0}.contact{justify-content:flex-start}.contact img{width:100px;height:100px}footer .shell{flex-wrap:wrap}.preview-label{font-size:10px;right:4px;bottom:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.qr-embedded .topbar,.qr-embedded .intro-link,.qr-embedded .preview-label{display:none}.qr-embedded .shell{padding:0 12px}.qr-embedded .intro{padding:14px 0 18px}.qr-embedded .intro h1{font-size:27px;letter-spacing:-1px}.qr-embedded .intro p{font-size:13px}.qr-embedded h2{font-size:21px}.qr-embedded .apps,.qr-embedded .collections{grid-template-columns:1fr;gap:22px}.qr-embedded .app-image{aspect-ratio:1.6}.qr-embedded .app h3{margin-top:8px}.qr-embedded .collection-section{padding:28px 0}.qr-embedded .source-toolbar{flex-wrap:wrap}.qr-embedded .source-name{overflow-wrap:anywhere}.qr-embedded .contact{flex-wrap:wrap}.qr-embedded .source-controls select{max-width:100%}.qr-embedded .intro,.qr-embedded .source-browser{min-width:0}.qr-embedded .section-head p{font-size:12px}@media(max-width:400px){.topbar nav{gap:9px;flex-wrap:wrap}.topbar .shell{gap:8px}.qr-view-link{font-size:12px}}
.qr-wide-embedded .topbar{position:static;background:white;backdrop-filter:none}.qr-wide-embedded .topbar .shell{max-width:60%;padding:12px 0;justify-content:center;flex-direction:column;gap:10px}.qr-wide-embedded .topbar nav{justify-content:center;flex-wrap:wrap}.qr-wide-embedded .intro{padding:20px 20% 40px;display:block}.qr-wide-embedded .intro h1{font-size:clamp(35px,4vw,62px)}.qr-wide-embedded .intro-link{display:inline-block;margin-top:12px}.qr-wide-embedded footer .shell{padding-left:22%;padding-right:18%}
.intro>div{min-width:0}.qr-heading{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0 0 15px!important;line-height:1}.qr-heading-word{display:flex;flex-wrap:wrap;max-width:100%}.qr-heading a{display:block;flex:0 0 90px;width:90px;height:90px}.qr-heading img{display:block;width:90px;height:90px}.qr-heading a:focus-visible{outline-offset:-2px}

.qr-heading-word:first-child a,.qr-heading-word:first-child img{width:135px;height:135px;flex-basis:135px}

.topbar .brand-qr{display:block;width:90px;height:90px;max-width:none}.topbar .shell{min-height:102px}