*{box-sizing:border-box}body{margin:0;background:#f5f2e9;color:#182e39;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #d9d7cc}header a{color:inherit;text-decoration:none;letter-spacing:.12em;font-weight:700}header a span{font-size:10px;display:block;margin-top:5px;color:#607078}.tag{font-size:12px;border:1px solid #bdc1b8;border-radius:20px;padding:7px 12px;align-self:center}.intro{padding:20px 0 24px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#6d766a}h1{font-family:serif;font-size:42px;letter-spacing:.12em;margin:10px 0}h1 span{font-family:sans-serif;font-size:11px;letter-spacing:.2em;margin-left:20px;font-weight:400}.intro>p:last-child{font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,580px) 1fr;gap:40px}.camera{min-width:0}#stage{position:relative;aspect-ratio:3/4;background:#233f48;border-radius:4px;overflow:hidden;isolation:isolate}#stage video,#stage canvas,#stage>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}#overlay{pointer-events:none}#stage>img{object-fit:contain}#welcome{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;background:radial-gradient(ellipse,#4a636b,#192f3a);text-align:center;padding:24px}#welcome[hidden],[hidden]{display:none!important}.crest{font-family:serif;font-size:58px;border:1px solid #c7b57a;border-radius:50%;padding:18px;margin-bottom:24px;color:#e3d9b8}button,.upload{font:inherit;font-size:14px;cursor:pointer;border:1px solid #b4bdb8;border-radius:5px;padding:13px;background:#fffdf7;color:#182e39;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c17b3f;outline-offset:3px}.primary,#start{background:#182e39;color:white;border-color:#182e39}#start{background:#e7d6ab;color:#182e39}.actions{display:flex;gap:10px;justify-content:center;margin:16px 0}.actions button{flex:1;padding:14px 5px}#status{font-size:13px;min-height:20px;line-height:1.6}.panel{padding:22px 0;border-top:1px solid #cdd1c7}h2{font-size:16px;margin:0 0 20px}h2 span{font-family:serif;color:#947a42;margin-right:10px}.frames{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frames button{text-align:left;padding:12px}.frames small{display:block;font-size:10px;margin-top:7px;color:#52635f}.swatch{height:70px;display:block;margin-bottom:12px;border:8px solid #203b54;background:#d6ded7}.sakura{border-color:#bc697c;background:#f5e5de}button[aria-pressed=true]{outline:2px solid #967b41;outline-offset:2px}.upload{display:block;margin-top:20px;font-size:12px;text-align:center}.upload input{display:block;margin-top:10px;font-size:12px;width:100%}.small,.privacy span{font-size:12px;line-height:1.8;color:#58675f}.segments{display:flex;gap:12px}.segments button{flex:1}.privacy{font-size:15px;line-height:2;margin-top:30px}.privacy span{display:inline-block}details{border-top:1px solid #cdd1c7;margin-top:32px;padding:20px 0;font-size:13px;line-height:1.9}summary{cursor:pointer}footer{font-size:12px;border-top:1px solid #cdd1c7;display:flex;justify-content:space-between;color:#647067}a{color:#345c73}#download{display:block;text-align:center;font-size:13px}@media(max-width:760px){header,main,footer{padding:18px}.layout{grid-template-columns:1fr;gap:16px}.intro{padding:8px 0 14px}h1{font-size:32px}.intro>p:last-child{font-size:12px}aside{display:grid;grid-template-columns:1fr;gap:0}.panel{padding:20px 0}#stage{max-width:100%;margin:auto}footer{display:block}footer span{display:block;margin-top:8px}}
.festival{border-color:#b83235;background:repeating-linear-gradient(90deg,#fff4dd 0 12px,#dc4b43 12px 24px)}.event{border-color:#293654;background:#dfb95a}.frames button:last-child{grid-column:1/-1}.frames button:last-child .swatch{height:45px}

.swatch.sakura{border-color:#e995b5;background:radial-gradient(circle at 20% 30%,#d96194 0 5px,transparent 6px),radial-gradient(circle at 75% 65%,#e88cb1 0 9px,transparent 10px),#fff1f5}.swatch.event{background:#22334f url("event-logo.png?v=4") center/contain no-repeat}