.id-stage{flex-direction:column;align-items:stretch;gap:18px;width:100%;max-width:680px;margin:0 auto;display:flex}.id-controls{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px 18px;display:flex}.id-field{flex-direction:column;gap:6px;display:inline-flex}.id-field>span{letter-spacing:.3px;text-transform:uppercase;color:var(--muted);font-family:"Baloo 2",cursive;font-size:12.5px;font-weight:700}.id-field select,.id-field input{color:var(--ink);background-color:var(--paper);border:2.5px solid var(--ink);cursor:pointer;border-radius:10px;padding:9px 12px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600}.id-field input{text-align:center;cursor:text;width:92px;padding-right:12px}.id-field select:focus-visible,.id-field input:focus-visible{outline:3px solid var(--red);outline-offset:2px}.id-output{width:100%}.id-card{background:var(--paper);border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:14px;overflow:hidden}.id-card-head{border-bottom:2.5px solid var(--ink);background:var(--soft);flex-direction:column;gap:2px;padding:14px 18px;display:flex}.id-card-head b{font-family:"Baloo 2",cursive;font-size:24px;line-height:1.15}.id-kicker{letter-spacing:.6px;text-transform:uppercase;color:var(--red-text,var(--red));font-family:"Baloo 2",cursive;font-size:11.5px;font-weight:700}.id-single{background:var(--paper);border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:34px 22px;display:flex}.id-single b{font-family:"Baloo 2",cursive;font-size:clamp(30px,7vw,46px);line-height:1.05}.id-row{border-bottom:1px solid var(--line);grid-template-columns:132px 1fr auto;align-items:start;gap:12px;padding:12px 18px;display:grid}.id-row:last-child{border-bottom:0}.id-label{letter-spacing:.2px;color:var(--muted);padding-top:2px;font-family:"Baloo 2",cursive;font-size:13px;font-weight:700}.id-value{color:var(--ink);word-break:break-word;font-size:15.5px;line-height:1.5}.id-copy1{cursor:pointer;border:2px solid var(--ink);background:var(--paper);color:var(--ink);white-space:nowrap;border-radius:999px;align-self:start;padding:5px 12px;font-family:"Baloo 2",cursive;font-size:12px;font-weight:700;transition:background .1s,color .1s,transform 80ms}.id-copy1:hover{background:var(--ink-fixed,#1e1e1e);color:var(--paper-fixed,#fff)}.id-copy1:active{transform:translate(1px,1px)}.id-copy1.flashed{background:var(--red);color:#fff;border-color:var(--red)}.id-copy1:focus-visible{outline:3px solid var(--red);outline-offset:2px}.id-uses{max-width:680px;margin:34px auto 0}.id-uses h2{margin-bottom:14px;font-size:24px}.id-uses-grid{grid-template-columns:1fr 1fr;gap:14px 22px;margin:0;padding:0;list-style:none;display:grid}.id-uses-grid li{border-left:3px solid var(--red);flex-direction:column;gap:3px;padding-left:14px;display:flex}.id-uses-grid b{font-family:"Baloo 2",cursive;font-size:15.5px;line-height:1.25}.id-uses-grid span{color:var(--muted);font-size:14.5px;line-height:1.5}@media (width<=620px){.id-uses-grid{grid-template-columns:1fr;gap:13px}}@media (width<=560px){.id-row{grid-template-columns:1fr auto;gap:4px 10px;padding:12px 14px}.id-label{grid-column:1}.id-copy1{grid-area:1/2/span 2;align-self:center}.id-value{grid-column:1}.id-card-head{padding:12px 14px}}
