html,body{margin:0;padding:0;width:100%;height:100%;background:transparent;overflow:hidden}
body{font-family:"Yu Gothic","Meiryo",system-ui,sans-serif}
.stage{width:100%;height:100%;display:grid;place-items:center}
.card{box-sizing:border-box;width:200px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;background:rgba(0,0,0,.25);border-radius:18px;opacity:1;transform:none;transform-origin:center center;flex-shrink:0}
.card[hidden]{display:none}.icon-slot{width:128px;height:128px;display:grid;place-items:center}.icon-slot img{display:block;width:128px;height:128px;object-fit:contain;opacity:1}
.label{font-size:34px;font-weight:800;line-height:1.25;color:white;max-width:100%;overflow-wrap:anywhere;text-align:center;opacity:1}
.guide{background:#f2f5ef;color:#283b32;overflow:auto;height:auto;min-height:100%}.guide-content{max-width:900px;margin:auto;padding:40px 24px}.eyebrow{letter-spacing:.15em;color:#678b71;font-size:11px;font-weight:bold}h1{font-size:28px;line-height:1.6}h2{font-size:17px;margin:0 0 16px}.preview-grid{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}.preview-grid section{padding:22px;background:white;border-radius:16px;border:1px solid #d9e1d5}.preview-grid a{display:block;margin-top:14px;color:#285c48;font-size:13px}.checker{width:300px;height:350px;background-color:white;background-image:linear-gradient(45deg,#dce3d8 25%,transparent 25%),linear-gradient(-45deg,#dce3d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce3d8 75%),linear-gradient(-45deg,transparent 75%,#dce3d8 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:10px;overflow:hidden}.checker iframe{display:block;border:0}.note{font-size:12px;line-height:1.9;color:#667a6a;max-width:760px;margin-top:26px}