.barcode-preview{background:#fff;border-radius:16px;padding:24px;overflow:auto;min-height:210px;display:flex;align-items:center;justify-content:flex-start}.barcode-preview svg{flex:none;max-width:none}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:9px;max-height:540px;overflow:auto;padding:4px}.emoji-character{font-size:29px;min-height:59px;border:1px solid var(--line,#d3dce6);background:var(--panel,#f4f6f9);border-radius:14px;cursor:pointer;color:inherit}.emoji-character:hover,.emoji-character:focus-visible{background:#dce6f5;outline:2px solid #7894ba;outline-offset:1px}.countdown-display{text-align:center;padding:28px 0}.countdown-display h2{overflow-wrap:anywhere}.countdown-digits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}.countdown-digits>div{padding:16px 4px;background:#eae4f4;border-radius:16px;color:#4e4263}.countdown-digits strong{display:block;font-size:clamp(22px,3vw,44px);font-variant-numeric:tabular-nums}.countdown-digits span{font-size:12px}.screen-stage{height:350px;display:grid;place-items:center;padding:20px;border:1px solid var(--line,#d3dce6);background:repeating-conic-gradient(#aeb9c31a 0 25%,transparent 0 50%) 0 0/20px 20px;border-radius:18px}.screen-stage #screen-preview{position:relative;border:2px solid #637285;box-shadow:0 10px 24px #1b28351a;display:grid;place-items:center;overflow:hidden}.screen-stage #screen-label{font:600 14px Inter,sans-serif;padding:8px;text-align:center;position:relative;z-index:1}.screen-guides:before,.screen-guides:after{content:'';position:absolute;background:currentColor;opacity:.25}.screen-guides:before{height:1px;width:100%;top:50%}.screen-guides:after{width:1px;height:100%;left:50%}.screen-color-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;cursor:pointer}.screen-color-overlay button{padding:12px 18px;border-radius:12px;background:#ffffffdd;color:#172335;border:0;font:500 15px Inter,sans-serif}[data-theme=dark] .countdown-digits>div{background:#352f44;color:#e5dbee}[data-theme=dark] .emoji-character{background:#28323e;border-color:#475364}[data-theme=dark] .emoji-character:hover{background:#3a4860}.field input[readonly]{font-size:13px}.panel{min-width:0}#share-link{width:100%}#result{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:650px){.countdown-digits{gap:6px}.countdown-digits strong{font-size:26px}.countdown-digits span{font-size:11px}.screen-stage{height:300px}.barcode-preview{padding:14px}.emoji-grid{max-height:360px}}
.export-actions{margin-top:10px}.panel>.actions+.field{margin-top:16px}#selection{min-height:150px}
