:root{color:#332923;background:#fbf8f5;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}main{width:min(100%,600px);margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}h1{margin:0 0 20px;font-size:24px;line-height:1.4;font-weight:600}.preview{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:5px;background:#e9ddd3}.preview[data-source=camera]{background:#171310}video,canvas{position:absolute;width:100%;height:100%;object-fit:contain}video{transform:scaleX(-1)}canvas{z-index:1}#status{position:absolute;z-index:2;top:16px;left:16px;right:16px;width:fit-content;max-width:calc(100% - 32px);padding:8px 12px;border-radius:18px;background:#fbf8f5ed;font-size:12px;line-height:1.6}#status:empty{display:none}button{color:inherit;font:inherit;font-size:15px;cursor:pointer;border:1px solid #e9e0d9;background:#fffdfa;border-radius:5px;min-height:48px}button:focus-visible{outline:2px solid #a76d52;outline-offset:3px}button[aria-pressed=true]{border-color:#a76d52;color:#a76d52;background:#f3e9e0}.sources{display:flex;gap:10px;margin-top:16px}.sources button{flex:1}.colors{display:flex;gap:10px;margin-top:12px}.colors button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 4px}.colors img{object-fit:contain}#privacy{margin:12px 0 0;font-size:12px;text-align:center;color:#968a81}@media (max-width: 480px){main{padding-left:16px;padding-right:16px;padding-top:max(18px,env(safe-area-inset-top))}h1{margin-bottom:16px;font-size:22px}.colors img{width:34px;height:34px}.colors button{gap:6px}}