*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#18243a;font:15px/1.55 system-ui,sans-serif}[hidden]{display:none!important}header{background:#fff;border-bottom:1px solid #e2e8f2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(24px,calc((100vw - 1320px)/2))}main{max-width:1368px;margin:28px auto;padding:0 24px}h1{font-size:25px;line-height:1.3;margin:0;font-weight:700}h2{font-size:23px;margin:10px 0 20px}h3{margin:0;font-size:17px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8029ff;margin:0 0 5px;font-weight:700}button,a.action{background:white;border:1px solid #dce3ef;color:#536780;border-radius:9px;padding:11px 16px;min-height:44px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block;touch-action:manipulation}button:hover,a.action:hover{border-color:#8a52ff;background:#faf7ff}button:disabled{opacity:.5;cursor:wait}.primary{background:#8029ff;border-color:#8029ff;color:white;font-weight:650}.primary:hover{background:#7020e8;color:white}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b493ff;outline-offset:2px}input,select,textarea{width:100%;min-width:0;font:16px system-ui,sans-serif;padding:12px;background:white;border:1px solid #dce3ef;color:#30415d;border-radius:9px}input::placeholder,textarea::placeholder{color:#8d9bb0}label{display:block;margin:12px 0;font-size:13px;color:#52657d}label input,label textarea,label select{margin-top:7px}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px;border-bottom:1px solid #e2e8f2}nav button{border:0;border-radius:0;background:transparent;padding:16px 18px;border-bottom:2px solid transparent}nav button.active{color:#7925ff;border-bottom-color:#9b66ff;font-weight:650}#login{max-width:430px;margin:70px auto;background:white;padding:30px;border:1px solid #e0e6f0;border-radius:16px}.small{font-size:12px;color:#72829c}.section-head{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.section-head>div{display:flex;gap:8px;flex-wrap:wrap}.totals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.total{background:white;border:1px solid #e0e6f0;padding:22px;border-radius:12px}.total strong{display:block;font-size:30px;font-weight:700;color:#7925ff}.total span{font-size:13px;color:#72829c}.filters,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.filters{margin:22px 0}.guest-card{background:white;border:1px solid #e0e6f0;border-radius:12px;margin:10px 0;padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.guest-main{min-width:0}.guest-main h3{overflow-wrap:anywhere}.guest-actions{display:flex;gap:7px;flex-wrap:wrap}.guest-actions button,.guest-actions a{font-size:12px;padding:8px 11px}.badge{font-size:12px;color:#72829c;margin-top:5px}.button-row{display:flex;gap:8px;flex-wrap:wrap}#video{display:block;max-width:480px;width:100%;margin:18px 0;border-radius:8px}#scan-card{background:white;padding:20px;margin:20px 0;border:1px solid #dce3ef;border-radius:12px}#notice:not(:empty),#scan-result:not(:empty),#login-message:not(:empty){padding:14px;border-left:3px solid #8029ff;background:#f0e9ff;color:#58319b;border-radius:5px}a{color:#7b2df3}#logout{align-self:center}#empty{padding:26px;background:#fff;border:1px dashed #dce3ef;border-radius:12px;color:#72829c;text-align:center}[data-section=create],[data-section=reception],[data-section=settings]{background:white;border:1px solid #e0e6f0;border-radius:14px;padding:26px}p{color:#72829c}#settings-form{max-width:950px}@media(max-width:700px){header{padding:18px}main{padding:0 16px;margin:20px auto}h1{font-size:22px}h2{font-size:21px}.guest-card{display:block}.guest-actions{margin-top:14px}.totals{grid-template-columns:repeat(2,1fr);gap:10px}.total{padding:16px}.filters,.form-grid{grid-template-columns:1fr;gap:0}.section-head h2{margin-bottom:0}nav{gap:0}nav button{padding:12px 10px;font-size:13px}[data-section=create],[data-section=reception],[data-section=settings]{padding:18px}}
#workspace [data-section=design]{background:white;border:1px solid #e0e6f0;border-radius:14px;padding:26px}.design-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}fieldset{border:1px solid #e0e6f0;border-radius:12px;padding:20px;margin:16px 0;min-width:0}legend{font-weight:650;color:#536780;padding:0 7px}.design-thumb{display:block;width:100%;height:210px;object-fit:contain;background:#f7f9fc;margin:14px 0;border-radius:8px}.design-checks{display:flex;flex-wrap:wrap;gap:6px 22px}.design-checks label{display:flex;align-items:center;gap:8px}.design-checks input{width:18px;height:18px;margin:0;accent-color:#8029ff}.design-colors{display:flex;gap:25px}.design-colors input{display:block;width:80px;height:44px;padding:4px}#design-status{color:#58319b}@media(max-width:750px){.design-columns{grid-template-columns:1fr}#workspace [data-section=design]{padding:18px}}

/* Design do convite — a pré-visualização da arte e a linha das cores. */
.design-thumb{display:block;width:100%;max-width:320px;height:220px;object-fit:contain;background:#f7f9fc;margin:14px 0;border-radius:8px}
.design-colors{display:flex;gap:24px;flex-wrap:wrap}
.design-colors input{display:block;width:80px;height:44px;padding:4px}
label.linha{display:flex;align-items:center;gap:10px}
label.linha input{width:18px;height:18px;margin:0;accent-color:#8029ff}