:root{--bg: #111;--fg: #fff;--accent: #d4af37;--accent2: #4caf50;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);-webkit-user-select:none;user-select:none;overscroll-behavior:none}#root{min-height:100vh}.loading,.error{padding:2rem;text-align:center}.error{color:#ff6b6b}.booth,.admin{max-width:480px;margin:0 auto;padding:1rem}.booth-title{text-align:center;color:var(--accent);margin-bottom:1rem}.center{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem}.hint{opacity:.7;font-size:.9rem}.big-btn{display:block;width:100%;padding:1rem;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;background:#333;color:#fff;cursor:pointer}.big-btn.primary{background:var(--accent2)}.big-btn:disabled{opacity:.5}.row{display:flex;gap:1rem;width:100%}.row .big-btn{flex:1}.frame-grid h2,.decorate h2{text-align:center}.frames{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.frame-card{background:#222;border:2px solid #333;border-radius:12px;padding:.5rem;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.4rem}.frame-card img{width:100%;height:120px;object-fit:contain}.frame-card span{font-size:.85rem}.capture{display:flex;flex-direction:column;gap:1rem;align-items:center}.cam{width:100%;max-width:420px;border-radius:12px;background:#000;aspect-ratio:9/16;object-fit:cover}.cam.mirrored{transform:scaleX(-1)}.toggle{padding:.5rem 1rem;border-radius:20px;border:2px solid #444;background:#222;color:#fff;cursor:pointer;font-size:.9rem}.toggle.active{background:var(--accent);color:#000;border-color:var(--accent)}.preview-img{width:100%;max-width:360px;border-radius:12px}.decorate{display:flex;flex-direction:column;gap:1rem;align-items:center}.preview-canvas{width:240px;height:426px;border-radius:12px;background:#000}.filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chip{padding:.5rem .9rem;border-radius:20px;border:none;background:#333;color:#fff;cursor:pointer}.chip.active{background:var(--accent);color:#000}.stickers{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.sticker-btn{font-size:1.6rem;background:#222;border:1px solid #444;border-radius:10px;padding:.4rem .6rem;cursor:pointer}.qr{width:240px;height:240px;background:#fff;padding:.5rem;border-radius:12px}.admin section{background:#1a1a1a;border-radius:12px;padding:1rem;margin-bottom:1rem}.admin input,.admin select{padding:.5rem;border-radius:8px;border:1px solid #444;background:#222;color:#fff;margin:.25rem 0}.admin button{padding:.5rem .9rem;border:none;border-radius:8px;background:var(--accent);color:#000;cursor:pointer;margin:.25rem}.frame-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.frame-item{background:#222;border-radius:8px;padding:.4rem;text-align:center;font-size:.75rem}.frame-item img{width:100%;height:80px;object-fit:contain}.msg{background:#2a2;padding:.5rem;border-radius:8px;margin-bottom:1rem}.debug{background:#000;color:#0f0;font-size:.7rem;padding:.5rem;border-radius:8px;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow:auto}