.demo{width:100%;margin-top:10px;padding:12px;border:1px dashed #b9bdc3;background:#fff;color:#4e5661;border-radius:9px}.demo-note{font-size:9px;color:var(--muted);text-align:center;margin:7px 12px}.result-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-title span{background:#fff0e7;color:#c64f18;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.sender{background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px 13px;margin-top:13px;display:grid;grid-template-columns:auto 1fr;column-gap:9px}.sender span{font-size:8px;font-weight:900;color:var(--orange);letter-spacing:.1em}.sender b{font-size:11px}.sender small{grid-column:2;color:var(--muted);font-size:9px;margin-top:2px}
.flake-search{margin:0 0 9px}.flake-list{max-height:370px;overflow-y:auto;padding-right:3px}.flake-preview{object-fit:cover;background:#ddd}.flake b small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.no-flakes{grid-column:1/-1;text-align:center;color:var(--muted);font-size:11px}
.swatch small b{display:block;font-size:8px;margin-top:1px}.swatch[style*="#FFFFFF"]{box-shadow:inset 0 0 0 1px #d5d7da}.swatch[style*="#FFFFFF"] small{color:#222;text-shadow:none}
.brand .header-logo{display:block;width:132px;height:46px;object-fit:cover;object-position:center;border-radius:2px}.brand>small{font-size:7px;color:#aeb3bc;letter-spacing:.18em;white-space:nowrap}
.upload-finished{min-height:170px;margin-top:15px}.upload-finished small{max-width:330px}
.attachment-preview{position:relative;margin-top:18px;border-radius:13px;overflow:hidden;background:#1b1e23;padding:7px}.attachment-preview img{display:block;width:100%;max-height:560px;object-fit:contain;border-radius:8px}.attachment-preview span{position:absolute;left:16px;bottom:16px;background:rgba(0,0,0,.72);color:#fff;border-radius:18px;padding:6px 10px;font-size:9px;font-weight:850;letter-spacing:.05em}
.acceptance-status{margin-top:12px;padding:10px 12px;border-radius:9px;background:#fff3e9;color:#9a4a20;font-size:10px;font-weight:800}.acceptance-status.ready{background:#eaf7ef;color:#176c3b}