*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background:#f5f5f5;min-height:100vh}header{background:#0078d4;color:#fff;padding:14px 16px;font-size:18px;font-weight:600}.screen{display:none;padding:16px}.screen.active{display:block}h2{font-size:16px;color:#333;margin-bottom:16px}#preview{display:none;width:100%;max-height:240px;object-fit:contain;border-radius:8px;background:#e8e8e8;margin-bottom:12px}.form-group{margin-bottom:14px}label{display:block;font-size:12px;color:#666;margin-bottom:4px}input[type=text],input[type=email],input[type=tel]{width:100%;padding:11px 12px;border:1px solid #ccc;border-radius:6px;font-size:15px;background:#fff}input:focus{outline:none;border-color:#0078d4}.btn{display:block;width:100%;padding:14px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;margin-top:10px;text-align:center}.btn-primary{background:#0078d4;color:#fff}.btn-primary:disabled{background:#a0c4e8;cursor:not-allowed}.btn-secondary{background:#e0e0e0;color:#333}.btn-success{background:#107c10;color:#fff}.btn-danger{background:#d83b01;color:#fff}.error-msg{display:none;background:#fde7e7;border:1px solid #f5c6c6;color:#c00;padding:10px 12px;border-radius:6px;font-size:13px;margin-top:10px}#loading{display:none;position:fixed;inset:0;background:#00000073;justify-content:center;align-items:center;z-index:999}.spinner{width:48px;height:48px;border:5px solid #fff;border-top-color:#0078d4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#modal-overlay{display:none;position:fixed;inset:0;background:#0000008c;justify-content:center;align-items:center;z-index:1000;padding:16px}#modal-overlay.show{display:flex}.modal-box{background:#fff;border-radius:12px;padding:24px 20px 20px;width:100%;max-width:360px}.modal-title{font-size:16px;font-weight:600;color:#333;margin-bottom:10px}.modal-body{font-size:14px;color:#555;margin-bottom:20px;line-height:1.6}.done-icon{font-size:64px;text-align:center;margin:24px 0 12px}.done-msg{text-align:center;color:#107c10;font-size:18px;font-weight:600;margin-bottom:8px}.done-sub{text-align:center;color:#666;font-size:14px;margin-bottom:24px}#addr-modal-overlay{display:none;position:fixed;inset:0;background:#0000008c;justify-content:center;align-items:center;z-index:1001;padding:16px}#addr-modal-overlay.show{display:flex}.addr-option{text-align:left;padding:10px 12px;margin-bottom:6px;border:1px solid #ccc}#crop-ui{display:none;position:fixed;inset:0;background:#000;z-index:600;flex-direction:column}#crop-header{color:#ddd;padding:12px 16px;font-size:13px;text-align:center;background:#111;flex-shrink:0}#crop-canvas-wrap{flex:1;min-height:0;overflow:hidden;position:relative}#crop-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#crop-footer{padding:12px 16px;display:flex;gap:12px;background:#111;flex-shrink:0}#crop-footer .btn{margin:0;flex:1}