@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&family=Noto+Sans+TC:wght@300;400&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f4f4f2;color:#111;font-family:"Noto Sans TC","PingFang TC",sans-serif}::selection{background:#cb6a50;color:#fff}a{color:inherit;text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid #CB6A50;outline-offset:4px}main{padding:24px 16px 40px}.card{width:280px;max-width:100%;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden}.hero{position:relative;width:280px;height:456px;overflow:hidden;background:#fff;flex:none}.photo{position:absolute;left:0;right:0;top:0;height:340px;overflow:hidden;background:#eaeaea}.photo img{position:absolute;width:466px;height:488px;max-width:none;left:-88px;top:-8px;filter:saturate(.6) brightness(1.03)}.slant{position:absolute;left:0;right:0;bottom:-2px;height:74px;background:#fff;clip-path:polygon(0 74%,100% 10%,100% 100%,0 100%)}.mark{position:absolute;left:16px;top:16px}.dot{display:block;width:11px;height:11px;border-radius:50%;background:#111}.brand{display:block;font:700 11px/1 Montserrat,"Avenir Next",sans-serif;letter-spacing:4px;margin-top:9px}.bar{display:block;width:16px;height:2px;background:#111}.mark .bar{margin-top:8px}.identity{position:absolute;left:20px;right:14px;top:342px}.name{font:300 27px/1.2 Montserrat,"Avenir Next",sans-serif;letter-spacing:.5px}.name span{font:300 24px/1.2 "Noto Sans TC","PingFang TC",sans-serif;letter-spacing:3px;margin-left:8px}.identity .bar{margin:11px 0 9px}.identity p{margin:0;color:#666;font-size:12.5px;font-weight:400;letter-spacing:1.5px;line-height:1.8}.contact{margin:0 20px;padding:12px 0 0;border-top:1px solid #eee;font-size:13px;color:#666}.contact a{text-decoration:none}.links{padding:14px 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;border:0;border-radius:6px;background:#111;color:#fff;text-decoration:none;font:600 14px/1.4 -apple-system,"PingFang TC",sans-serif;cursor:pointer}.button:hover{background:#333}.restaurant-link{grid-column:1/-1;background:#fff;color:#111;border:1px solid #111}.restaurant-link:hover{background:#f1f1f1}.send-panel{max-width:360px;margin:28px auto 0}.send-panel h1{font-size:22px;line-height:1.5;margin:0 0 8px}.send-panel p{font-size:14px;line-height:1.7;color:#555}.send-panel .button{width:100%}.button:disabled{background:#ddd;color:#555;cursor:not-allowed}.status{min-height:48px}.back{display:inline-block;margin-top:16px;font-size:14px}.render-hero{width:840px;height:1368px;background:#fff;overflow:hidden}.render-hero .hero{transform:scale(3);transform-origin:top left}

.preview-note{max-width:280px;margin:14px auto 0;font-size:12px;line-height:1.7;color:#555}.size-picker{margin:20px 0 16px;padding:0;border:0;min-width:0}.size-picker legend{padding:0;font-size:15px;line-height:1.6}.size-options{display:flex;gap:8px;margin-top:10px}.size-options label{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:62px;padding:8px 5px;border:1px solid #aaa;border-radius:6px;font-size:14px;line-height:1.5;cursor:pointer}.size-options label:has(input:checked){border-color:#111;background:#fff}.size-options input{width:16px;height:16px;margin:0;accent-color:#111;flex:none}.size-options input:focus-visible{outline:2px solid #111;outline-offset:4px}.size-options small{display:block;font-size:11px;color:#555}.size-picker:disabled{opacity:.6}.size-picker:disabled label{cursor:not-allowed}

.send-panel.share-panel{margin:0 auto 28px}